Archive for November 22nd, 2009

show_hide div 2

November 22nd, 2009 | Category: Uncategorized

1. The Html code is as given below


<a href=”javascript:;” onclick=”show_div();”>Show</a>
<a href=”javascript:;” onclick=”hide_div();”>hide</a>
<div class=”div1″ id=”dav1″>
<p>We are using this div to demonstrate show/hide code.</p>
<p>dreamtechworld is conducting computer training for php and mysql</p>
</div>

2.Now write Javascript Code


<script>
function show_div()
{
$(”div1″).show("slow");
}
function hide_div()
{
$(”div1″).hide("slow");
}
</script>
1 comment

javascript.show.hide.div.content

November 22nd, 2009 | Category: Uncategorized 
<script>
var browserType;

if (document.layers) {browserType = "nn4"}
if (document.all) {browserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {
 browserType= "gecko"
}

function hide2() {
  if (browserType == "gecko" )
     document.poppedLayer =
         eval('document.getElementById("realtooltip2")');
  else if (browserType == "ie")
     document.poppedLayer =
        eval('document.getElementById("realtooltip2")');
  else
     document.poppedLayer =
        eval('document.layers["realtooltip2"]');
  document.poppedLayer.style.display = "none";
}

function show2() {
  if (browserType == "gecko" )
     document.poppedLayer =
         eval('document.getElementById("realtooltip2")');
  else if (browserType == "ie")
     document.poppedLayer =
        eval('document.getElementById("realtooltip2")');
  else
     document.poppedLayer =
         eval('document.layers["realtooltip2"]');
  document.poppedLayer.style.display = "inline";
}

</script>

<form>
<input type=button onClick="hide2()" value="hide">
<input type=button onClick="show2()" value="show">
</form>
<div id="realtooltip2" style="display: inline">
<big>Real's HowTo</big>
<layer></layer></div>
1 comment