Find best sites links for codes and downloads in the web…….
using jquery different actions
http://www.blogcatalog.com/blogs/web-design-php-asp-ajax-and-web-20-stuffs/posts/tag/jquery/
different lightbox effects
http://www.phatfusion.net/multibox/
http://www.chazzuka.com/blog/?p=132
preloader glassbox effect
http://www.glassbox-js.com/#Home
validations
http://www.tetlaw.id.au/view/javascript/really-easy-field-validation
validation(1132) types of validations
http://www.ajaxrain.com/tagcloud.php?tag=validation
slideshows and validations
http://www.webresourcesdepot.com/tag/scriptaculous/
function Disab (val) {
if(val==”1″)
{form1.gr11[0].disabled=false;
form1.gr11[1].disabled=false;
form1.gr12[0].disabled=true;form1.gr12[0].checked=false;
form1.gr12[1].disabled=true;form1.gr12[1].checked=false}
if(val==”2″)
{form1.gr11[0].disabled=true;form1.gr11[0].checked=false;
form1.gr11[1].disabled=true;form1.gr11[1].checked=false;
form1.gr12[0].disabled=false;
form1.gr12[1].disabled=false}
}
</SCRIPT>
</head>
<body>
<form name=”form1″ method=”post” action=”">
<input type=”radio” name=”gr1″ value=”Yes” onClick=”Disab
(1)”>
<input type=”radio” name=”gr11″ value=”Yes” disabled>
<input type=”radio” name=”gr11″ value=”No” disabled>
<BR><BR>
<input type=”radio” name=”gr1″ value=”No” onClick=”Disab
(2)”>
<input type=”radio” name=”gr12″ value=”Yes” disabled>
<input type=”radio” name=”gr12″ value=”No” disabled>
</form>
</body>
function showT(r){
if(r.checked){
document.getElementById(’RadioText’).innerHTML=txt;
document.getElementById(’RadioText’).style.display=”block”;
}
else{
document.getElementById(’RadioText’).innerHTML=”"; // optional
document.getElementById(’RadioText’).style.display=”none”;
}
}
//–>
</script>
<input name=”m_support” type=”radio” value=”Help with the test account” onclick=”showT(this);” />
<span id=”RadioText”></span>
<style type=”text/css”>
.hide {display: none}
</style>
<script type=”text/javascript”>
function hideDivArea(str_area_hide){
tag = document.getElementsByTagName(“div”);
for(x=0;x<tag.length; x++)
{
if(tag[x].getAttribute(’id’).indexOf(str_area_hide) != -1)
{
tag[x].style.display = “none”;
}
}
}
function showDivArea(areas_show, areas_hide){
for (var i = 0; i < areas_show.length; i++)
{
ge = document.getElementById(areas_show[i]);
ge.style.display = “block”;
}
for (var i = 0; i < areas_hide.length; i++)
{
hideDivArea(areas_hide[i]);
}
}
</script>
</head>
<body>
<table>
<form name=”form1″ id=”form1″ method=”post” action=”">
<tr>
<td width=”200″><input type=”radio” name=”name1″ value=”a1″ onclick=”javascript:showDivArea(['area51', 'area54'], ['area52'])”>Area 51!!</td>
<td width=”200″><input type=”radio” name=”name2″ value=”a2″ onclick=”javascript:showDivArea(['area52'], ['area51'])”>Ooh its gone</td>
</tr>
<tr>
<td><div class=”hide” id=”area51″>ID content “a1″ (area51)</div></td>
<td><div class=”hide” id=”area52″>ID content “a2″ (area52)</div></td>
<td><div class=”hide” id=”area53″>ID content “a3″ (area53)</div></td>
<td><div class=”hide” id=”area54″>ID content “a3″ (area54)</div></td>
</tr>
<tr>
<td colspan=”3″> </td>
</tr>
</form>
</table>
</body>
</html>
<head>
<script type=”text/javascript”>
function toggle(divToShow) {
if (document.getElementById) {
if (divToShow.checked == true) {
document.getElementById(’withdiv’).style.display = “inline”;
} else {
document.getElementById(’withdiv’).style.display = “none”;
}
}
}
</script>
</head>
<body >
<input type=”checkbox” name=”sam” value=”1″ id=”with”
onclick=”toggle(this)” /> With
<div id=”withdiv” style=”display:none;”>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”20%”><select name=”">
<option>– Select –</option>
</select>
</tr>
<tr>
</td>
<td><textarea name=”" cols=”" rows=”"></textarea>
</td>
</tr>
</table>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
<meta http-equiv=”Content-type” content=”text/html; charset=utf-8″ />
<title>Show/Hide</title>
<script type=”text/javascript”>
// <![CDATA[
function display(obj,id1,id2) {
txt = obj.options[obj.selectedIndex].value;
document.getElementById(id1).style.display = ‘none’;
document.getElementById(id2).style.display = ‘none’;
if ( txt.match(id1) ) {
document.getElementById(id1).style.display = ‘block’;
}
if ( txt.match(id2) ) {
document.getElementById(id2).style.display = ‘block’;
}
}
// ]]>
</script>
</head>
<body>
<table width=”340″ cellspacing=”0″ cellpadding=”2″>
<thead>
<tr>
<td class=”title”>Type:</td>
<td class=”field”>
<select name=”type” onchange=”display(this,’text’,'image’);”>
<option>Please select:</option>
<option value=”image”>Image</option>
<option value=”text”>Texts</option>
<option value=”invisible”>Invisible</option>
</select>
</td>
</tr>
</thead>
<tfoot>
<tr>
<td class=”align-center” colspan=”2″><input type=”submit” name=”submit” value=”Update” /> <input type=”reset” value=”Reset” /></td>
</tr>
</tfoot>
<tbody id=”text” style=”display: none;”>
<tr>
<td class=”title”>Text Color:</td>
<td class=”field”><input type=”text” name=”color” size=”8″ maxlength=”7″ /></td>
</tr>
</tbody>
<tbody id=”image” style=”display: none;”>
<tr>
<td class=”title”>Image:</td>
<td class=”field”><input type=”file” name=”image” size=”10″ /></td>
</tr>
<tr>
<td class=”title”>X Coordinates:</td>
<td class=”field”><input type=”text” name=”x_coordinates” size=”5″ /></td>
</tr>
<tr>
<td class=”title”>Y Coordinates:</td>
<td class=”field”><input type=”text” name=”y_coordinates” size=”5″ /></td>
</tr>
<tr>
<td class=”title”>Text Color:</td>
<td class=”field”><input type=”text” name=”color” size=”8″ maxlength=”7″ /></td>
</tr>
</tbody>
<tbody>
<tr>
<td class=”title”>Display:</td>
<td class=”field”>
<select name=”display”>
<option value=”visitors”>Visitors</option>
<option value=”hits”>Hits</option>
</select>
</td>
</tr>
</tbody>
</table>
</body>
</html>
———————————————————————————————————-
<script>
//*********************************************
// Function that Shows an HTML element
//*********************************************
function showDiv(divID)
{
var div = document.getElementById(divID);
div.style.display = “”; //display div
}
//*********************************************
// Function that Hides an HTML element
//*********************************************
function hideDiv(divID)
{
var div = document.getElementById(divID);
div.style.display = “none”; // hide
}
//*****************************************************************************
// Function that Hides all the Div elements in the select menu Value
//*****************************************************************************
function hideAllDivs()
{
//Loop through the seclect menu values and hide all
var selectMenu = document.getElementById(“selectMenu”);
for (var i=0; i<=selectMenu.options.length -1; i++)
{
hideDiv(selectMenu.options[i].value);
}
}
//*********************************************
// Main function that calls others to toggle divs
//*********************************************
function toggle(showID)
{
hideAllDivs(); // Hide all
showDiv(showID); // Show the one we asked for
}
</script>
</head>
<body onload=”hideAllDivs();”>
<select id=”selectMenu” onchange=”toggle(this.options[this.options.selectedIndex].value)”>
<option value=”formNumber1″> Show Form 1 </option>
<option value=”formNumber2″> Show Form 2 </option>
<option value=”formNumber3″> Show Form 3 </option>
<option value=”formNumber4″> Show Form 4 </option>
</select>
<div id=”formNumber1″> I am Form Number one. Any content within this div will be showed</div>
<div id=”formNumber2″> I am Form Number two. Any content within this div will be showed</div>
<div id=”formNumber3″> I am Form Number three. Any content within this div will be showed</div>
<div id=”formNumber4″> I am Form Number four. Any content within this div will be showed</div>
</body>
</html>
——————————————————————————————————————————
Recent Comments