Php/Ajax form processing

[nitation]

Good day,

 

I am trying to achieve something of this nature. When a user click a link, an input box should appear below the link without the page loading. See example below

 

click here->

 

an input should appear below

 

<form name="formA" action="" method="post">
<input name="test_box" type="text" size="10">
<input name="sub" type="submit" value="submit">
</form>

[Ken2k7]

<form name="formA" action="" method="post">
<a href='javascript:void(0);' onclick='this.parentNode.test_box.style.display="block"'>Click here</a><br />
<input name="test_box" type="text" size="10" style='display:none;'> <br />
<input name="sub" type="submit" value="submit">
</form>

 

Edit: Wrong section.

[nitation]

@ken2k7

 

I have tried the code you provided, but its not displaying the form. Also the submit button appears before click ( CLICK HERE )

 

Thanks in advance

[Ken2k7]

Again, wrong section. This question should be in HTML or JavaScript, but go there since it's more appropriate. And because you posted this there too.

 

http://www.phpfreaks.com/forums/index.php/topic,214745.msg981026.html#msg981026