Affordable Outsourcing Offshore Website Design and Development Company India
website design and development company
website design | website development | website promotion | Banners & Logo design
 
website design
website development
Content management system
website promotion
Banners & Logo design
Graphical user interfaces
Multimedia & CD Presentation
Graphics design
Corporate identity website
Search engine optimization

Find out website design and development resources, tutorials, samples, help and much more...

Website Design Tutorial -HTML, DHTML, CSS, JavaScript, Flash etc...

Website design tutorials for HTML, CSS - Cascading Style Sheets, JavaScript, DHTML, XML, XSL, RSS, Flash action script, Flash and javascript, Photoshop, utilities and tools, Please enjoy, web designing is fun! Click here..

HTML Tag Quick List:


Website design, website development, graphics design, logo design, website banner design, website icon design, search engine optimization and much more related to website design and development.

Javascript Tutorials
Hide or show HTML table thru getElementById, select from dropdown list. Below is the HTML and Javascript code.
Please select    
Put the script in header tag
<script language="javascript">
function disp()
{
if(document.form1.select1.options[0].selected==true)
{
document.getElementById("de").style.display="none";
document.getElementById("mu").style.display="none";
document.getElementById("ko").style.display="none";
document.getElementById("ch").style.display="none";
}
if(document.form1.select1.options[1].selected==true)
{
document.getElementById("de").style.display="block";
document.getElementById("mu").style.display="none";
document.getElementById("ko").style.display="none";
document.getElementById("ch").style.display="none";
}
if(document.form1.select1.options[2].selected==true)
{
document.getElementById("de").style.display="none";
document.getElementById("mu").style.display="block";
document.getElementById("ko").style.display="none";
document.getElementById("ch").style.display="none";
}
if(document.form1.select1.options[3].selected==true)
{
document.getElementById("de").style.display="none";
document.getElementById("mu").style.display="none";
document.getElementById("ko").style.display="block";
document.getElementById("ch").style.display="none";
}
if(document.form1.select1.options[4].selected==true)
{
document.getElementById("de").style.display="none";
document.getElementById("mu").style.display="none";
document.getElementById("ko").style.display="none";
document.getElementById("ch").style.display="block";
}
}
</script>
Put this HTML code in body tag

<table width="721" border="0" cellpadding="5" cellspacing="1" bgcolor="#000000">
<form name="form1" method="post" action="">
<tr>
<td align="center" bgcolor="#FFFFFF"><span class="style1">Please select&nbsp;&nbsp;&nbsp;&nbsp;</span> <select name="select1" onChange="disp();">
<option selected>select</option>
<option value="del">Delhi</option>
<option value="mum">Mumbai</option>
<option value="kol">Kolkata</option>
<option value="ch">Chenni</option>
</select> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF">

<div id="de" style="display:none">
<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#E0F8D6">
<tr bgcolor="#99CCFF">
<td colspan="2" class="prodhead">DELHI</td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Type </td>
<td background="images/rline.gif"><input name="rbutton" type="radio" value="radiobutton" >
Offered<br>
<input name="rbutton" type="radio" value="radiobutton">
Wanted </td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Title</td>
<td background="images/rline.gif"><input name="titlefield" type="text" class="txtfield" id="titlefield" size="45"></td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Select Category </td>
<td background="images/rline.gif"><select name="g" class="txtfield" style="width:220px;">
<option value="nol1">Select Category</option>
</select>
<select name="selc" class="txtfield" style="width:220px;" onChange="disp()">
<option value="nol1" selected>Select Sub-Category</option>
<option value="frnd">Friend</option>
<option value="auto">Automobile</option>
</select></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Description</td>
<td background="images/rline.gif"><textarea name="textfield" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Email </td>
<td background="images/rline.gif"><input name="textfield" type="text" class="txtfield" size="25"></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Product Image</td>
<td background="images/rline.gif"><input name="textfield" type="file" class="linkleft" size="35">
</td>
</tr>
<tr>
<td valign="top" background="images/rline.gif">&nbsp;</td>
<td background="images/rline.gif"><input name="Submit" type="submit" class="button" value="Submit">
&nbsp;&nbsp;&nbsp;&nbsp;
<input name="Reset" type="reset" class="button" value="Reset"></td>
</tr>
</table>
</div>

<div id="mu" style="display:none">
<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#CCCCFF">
<tr bgcolor="#CCCCCC">
<td colspan="2" class="prodhead">Mumbai</td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Type </td>
<td background="images/rline.gif"><input name="rbutton" type="radio" value="radiobutton" >
Offered<br>
<input name="rbutton" type="radio" value="radiobutton">
Wanted </td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Title</td>
<td background="images/rline.gif"><input name="titlefield" type="text" class="txtfield" id="titlefield" size="45"></td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Select Category </td>
<td background="images/rline.gif"><select name="g" class="txtfield" style="width:220px;">
<option value="nol1">Select Category</option>
</select>
<select name="selc" class="txtfield" style="width:220px;" onChange="disp()">
<option value="nol1" selected>Select Sub-Category</option>
<option value="frnd">Friend</option>
<option value="auto">Automobile</option>
</select></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Description</td>
<td background="images/rline.gif"><textarea name="textfield" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Email </td>
<td background="images/rline.gif"><input name="textfield" type="text" class="txtfield" size="25"></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Product Image</td>
<td background="images/rline.gif"><input name="textfield" type="file" class="linkleft" size="35">
</td>
</tr>
<tr>
<td valign="top" background="images/rline.gif">&nbsp;</td>
<td background="images/rline.gif"><input name="Submit" type="submit" class="button" value="Submit">
&nbsp;&nbsp;&nbsp;&nbsp;
<input name="Reset" type="reset" class="button" value="Reset"></td>
</tr>
</table>
</div>
<div id="ko" style="display:none">
<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#FFFFCC">
<tr bgcolor="#00FFCCC">
<td colspan="2" class="prodhead">Kolkata</td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Type </td>
<td background="images/rline.gif"><input name="rbutton" type="radio" value="radiobutton" >
Offered<br>
<input name="rbutton" type="radio" value="radiobutton">
Wanted </td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Title</td>
<td background="images/rline.gif"><input name="titlefield" type="text" class="txtfield" id="titlefield" size="45"></td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Select Category </td>
<td background="images/rline.gif"><select name="g" class="txtfield" style="width:220px;">
<option value="nol1">Select Category</option>
</select>
<select name="selc" class="txtfield" style="width:220px;" onChange="disp()">
<option value="nol1" selected>Select Sub-Category</option>
<option value="frnd">Friend</option>
<option value="auto">Automobile</option>
</select></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Description</td>
<td background="images/rline.gif"><textarea name="textfield" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Email </td>
<td background="images/rline.gif"><input name="textfield" type="text" class="txtfield" size="25"></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Product Image</td>
<td background="images/rline.gif"><input name="textfield" type="file" class="linkleft" size="35">
</td>
</tr>
<tr>
<td valign="top" background="images/rline.gif">&nbsp;</td>
<td background="images/rline.gif"><input name="Submit" type="submit" class="button" value="Submit">
&nbsp;&nbsp;&nbsp;&nbsp;
<input name="Reset" type="reset" class="button" value="Reset"></td>
</tr>
</table>
</div>

<div id="ch" style="display:none">
<table width="100%" border="0" cellpadding="4" cellspacing="0" bgcolor="#99CCFF">
<tr bgcolor="#FF0000">
<td colspan="2" class="prodhead">Chenni</td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Type </td>
<td background="images/rline.gif"><input name="rbutton" type="radio" value="radiobutton" >
Offered<br>
<input name="rbutton" type="radio" value="radiobutton">
Wanted </td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Title</td>
<td background="images/rline.gif"><input name="titlefield" type="text" class="txtfield" id="titlefield" size="45"></td>
</tr>
<tr>
<td background="images/rline.gif" class="prodhead">Select Category </td>
<td background="images/rline.gif"><select name="g" class="txtfield" style="width:220px;">
<option value="nol1">Select Category</option>
</select>
<select name="selc" class="txtfield" style="width:220px;" onChange="disp()">
<option value="nol1" selected>Select Sub-Category</option>
<option value="frnd">Friend</option>
<option value="auto">Automobile</option>
</select></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Description</td>
<td background="images/rline.gif"><textarea name="textfield" cols="50" rows="6"></textarea></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Email </td>
<td background="images/rline.gif"><input name="textfield" type="text" class="txtfield" size="25"></td>
</tr>
<tr>
<td valign="top" background="images/rline.gif" class="prodhead">Product Image</td>
<td background="images/rline.gif"><input name="textfield" type="file" class="linkleft" size="35">
</td>
</tr>
<tr>
<td valign="top" background="images/rline.gif">&nbsp;</td>
<td background="images/rline.gif"><input name="Submit" type="submit" class="button" value="Submit">
&nbsp;&nbsp;&nbsp;&nbsp;
<input name="Reset" type="reset" class="button" value="Reset"></td>
</tr>
</table>
</div> </td>
</tr>
</form>
</table>


website design | Banners & Logo design | Multimedia & CD Presentation
Graphics design | Search engine optimization | website promotion

Ecommerce Solutions | Professional Website Design | 3D Flash Web Design | High Quality website Design | Flash Website design
© Copyright 2006, www.blue-webdesign.com. All Rights Reserved.
Website design and development by: Blue WebDesign

FAQ Site Map Contact Us Blue WebDesign