https://wiki.d3xt3r01.tk//index.php?action=history&feed=atom&title=Hide%2FRemove_Div
Hide/Remove Div - Revision history
2026-05-05T14:52:40Z
Revision history for this page on the wiki
MediaWiki 1.45.1
https://wiki.d3xt3r01.tk//index.php?title=Hide/Remove_Div&diff=6547&oldid=prev
Admin at 09:36, 26 January 2012
2012-01-26T09:36:40Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 12:36, 26 January 2012</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>
Admin
https://wiki.d3xt3r01.tk//index.php?title=Hide/Remove_Div&diff=25&oldid=prev
Admin: New page: ==Remove DIV Source== <source lang="javascript"> <script type="text/javascript"> function removeEvent(divNum){ var d = document.getElementById('myDiv'); var olddiv = docum...
2009-06-25T20:01:13Z
<p>New page: ==Remove DIV Source== <source lang="javascript"> <script type="text/javascript"> function removeEvent(divNum){ var d = document.getElementById('myDiv'); var olddiv = docum...</p>
<p><b>New page</b></p><div>==Remove DIV Source==<br />
<source lang="javascript"><br />
<br />
<script type="text/javascript"><br />
function removeEvent(divNum){<br />
var d = document.getElementById('myDiv');<br />
var olddiv = document.getElementById(divNum);<br />
d.removeChild(olddiv);<br />
return false;<br />
}<br />
</script><br />
<br />
</source><br />
<br />
==Info about removing div==<br />
Just wrap your whole content into a div with id myDiv .. then use removeEvent(id); id being the id of the div you want to remove from within myDiv. What this does is simply store myDiv in a var, the id you want to remove in another var .. and remove one from the other ! Simple as that !<br />
<br />
==Remove div Example==<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
</source><br />
<source lang="javascript"><br />
<script type="text/javascript"><br />
function removeEvent(divNum){<br />
var d = document.getElementById('myDiv');<br />
var olddiv = document.getElementById(divNum);<br />
d.removeChild(olddiv);<br />
return false;<br />
}<br />
</script><br />
</source><br />
<source lang="html4strict"><br />
</head><br />
<body><br />
<div id="myDiv"><br />
<div id="removable"><br />
<a href="#" onclick="removeEvent('removable');">REMOVE ME</a><br />
</div><br />
</div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
==Hide DIV Source==<br />
<source lang="javascript"><br />
<script type="text/javascript"><br />
function hideDiv(divid){<br />
if(document.getElementById) { <br />
document.getElementById(divid).style.visibility = 'hidden';<br />
}else{<br />
if(document.layers){<br />
document.divid.visibility = 'hidden';<br />
}else{<br />
document.all.divid.style.visibility = 'hidden';<br />
}<br />
}<br />
}<br />
function showDiv(divid){<br />
if(document.getElementById){<br />
document.getElementById(divid).style.visibility = 'visible';<br />
}else{<br />
if (document.layers){<br />
document.divid.visibility = 'visible';<br />
}else{ <br />
document.all.divid.style.visibility = 'visible';<br />
}<br />
}<br />
} <br />
</script><br />
</source><br />
<br />
==Info about hide/show div==<br />
It just sets the visibility of a div... getting the id as a parameter .. <br />
<br />
==hide/show div example==<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
</source><br />
<source lang="javascript"><br />
<script type="text/javascript"><br />
function hideDiv(divid){<br />
if(document.getElementById) { <br />
document.getElementById(divid).style.visibility = 'hidden';<br />
}else{<br />
if(document.layers){<br />
document.divid.visibility = 'hidden';<br />
}else{<br />
document.all.divid.style.visibility = 'hidden';<br />
}<br />
}<br />
}<br />
function showDiv(divid){<br />
if(document.getElementById){<br />
document.getElementById(divid).style.visibility = 'visible';<br />
}else{<br />
if (document.layers){<br />
document.divid.visibility = 'visible';<br />
}else{ <br />
document.all.divid.style.visibility = 'visible';<br />
}<br />
}<br />
} <br />
</script><br />
</source><br />
<source lang="html4strict"><br />
</head><br />
<body><br />
<div id="hideshow"><br />
COME OUT .. COME OUT .. WHEREVER YOU ARE ...<br />
</div><br />
<a href="#" onclick="hideDiv('hideshow');">HIDE</a><br />
<a href="#" onclick="showDiv('hideshow');">SHOW</a><br />
</body><br />
</html><br />
</source><br />
<br />
[[Category:JavaScript]]</div>
Admin