javascript – Programming blog – website programming blog, blog on website programming .net, java , php and mor https://www.searchenginegenie.com/programming-blog Fri, 16 May 2014 11:44:26 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.4 Hide/Show using JavaScript https://www.searchenginegenie.com/programming-blog/hideshow-using-javascript/ https://www.searchenginegenie.com/programming-blog/hideshow-using-javascript/#respond Sat, 19 Apr 2014 13:47:08 +0000 http://www.searchenginegenie.com/programming-blog/?p=714 To hide the Div : style=”display:none”;

To visible the Div : style=”display:block”;

[php]
<html><head><script type="text/javascript">
function showdiv()
{
if(document.getElementById(‘child’).checked)
{
document.getElementById(‘adu’).style.display = "block";
}
else
{
document.getElementById(‘adu’).style.display = "none";
}
if(document.getElementById(‘adult’).checked)
{
document.getElementById(‘adu’).style.display = "none";
}
}
</script>
</head>
<table border="0">
<tbody>
<tr>
<td>Member Type</td>
<td>
<input id="adult" onclick="showdiv();" type="radio" name="member" value="Adult" />
<input id="child" onclick="showdiv();" type="radio" name="member" value="Child" /></td>
</tr>

<div id="adu" style="display:none">
<tr><td>Name</td><td><input type="text" value=""></td></tr>
</div>
</tbody>
</table>
</html>

[/php]

Output:

When you Click the Adult , you will not see the text box below.

When you click the child, the below text box will be visible.

Member Type  Adult
 Child
Name    *

 

]]> https://www.searchenginegenie.com/programming-blog/hideshow-using-javascript/feed/ 0 Validation Using Javascript https://www.searchenginegenie.com/programming-blog/validation-using-javascript/ https://www.searchenginegenie.com/programming-blog/validation-using-javascript/#respond Wed, 09 Apr 2014 12:44:21 +0000 http://www.searchenginegenie.com/programming-blog/?p=686

 [php]
<html>
<head>
<script type="text/javascript">
function vali()
{
if(document.myform.FirstName.value=="")
{
alert("Please enter the FirstName");
document.myform.FirstName.focus();
return false;
}
}
</script>
</head>
<form method="post" name="myform" onsubmit="return vali();">
Name : <input type="text" name="FirstName" />
<input type="submit" value="Submit" />
</form>
</html>
[/php]

Output:
Name :

]]> https://www.searchenginegenie.com/programming-blog/validation-using-javascript/feed/ 0