Jump to content


Photo

help changing a div to an input box...


  • Please log in to reply
2 replies to this topic

#1 brown2005

brown2005
  • Members
  • PipPipPip
  • Advanced Member
  • 943 posts

Posted 05 May 2006 - 11:10 AM

<html>
<head>
<title>testing,,</title>
<style>
</style>
</head>
<body>
<script>

function ShowPrices(node)
{
var prices=node.value;
document.getElementById('price').innerHTML=prices;
document.getElementById('price').style.visibility="visible";
}

function Hideprice()
{
document.getElementById('price').style.visibility="hidden";
}

</script>

<form name="test">
Please, select an option:
<input type="radio" name="pricing" value="£5.00" onclick="ShowPrices(this);">price A
<input type="radio" name="pricing" value="£10.00" onclick="ShowPrices(this);">price B
<div id="price" ></div>
<br>
<input type="submit" name="Request" value="Submit">
<br><br>
<input type="reset" name="Clear" value="Clear form" onclick="Hideprice()">
</form>
</body>
</html>

hi,

i have the above code which works fine... but what i want to do is change the div tag into an input box, so i can post it to the next page...

any ideas please?

#2 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 05 May 2006 - 12:50 PM

That's not possible, just set a textarea instead.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#3 Kris

Kris
  • Staff Alumni
  • Advanced Member
  • 2,755 posts
  • LocationThe Internet

Posted 05 May 2006 - 03:09 PM

Like this?
<script type="text/javascript">
function ShowPrices(node) {
    var prices=node.value;
    document.getElementById('price').value=prices;
    document.getElementById('price').style.visibility="visible";
}

function Hideprice() {
    document.getElementById('price').style.visibility="hidden";
}
</script>

<form name="test">
    Please, select an option:
    <input type="radio" name="pricing" value="£5.00" onclick="ShowPrices(this);">price A
    <input type="radio" name="pricing" value="£10.00" onclick="ShowPrices(this);">price B
    <br/><input type="text" id="price" value="£0.00"/>
    <br>
    <input type="submit" name="Request" value="Submit">
    <br><br>
    <input type="reset" name="Clear" value="Clear form" onclick="Hideprice()">
</form>





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users