- Code: Select all
function initShowHideDivs()
{
var divs = document.getElementsByTagName('DIV');
var divCounter = 1;
for(var no=0;no<divs.length;no++){
if(divs[no].className=='dhtmlgoodies_question'){
divs[no].onclick = showHideContent;
divs[no].id = 'dhtmlgoodies_q'+divCounter;
var answer = divs[no].nextSibling;
while(answer && answer.tagName!='DIV'){
answer = answer.nextSibling;
}
answer.id = 'dhtmlgoodies_a'+divCounter;
contentDiv = answer.getElementsByTagName('DIV')[0];
contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
contentDiv.className='dhtmlgoodies_answer_content';
contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
answer.style.display='none';
answer.style.height='1px';
divCounter++;
}
}
}
window.onload = initShowHideDivs;
This is to hide the div when the page loads.
and I got this PHP form:
- Code: Select all
if(strlen($_POST['cat']) > 2)
{
$sql="INSERT INTO categories (username, name) VALUES ('$name','$_POST[cat]')";
mysql_query("$sql");
echo "Category ".$_POST[cat]." has been created.<br>";
?>
<script type="text/javascript">
initShowHideDivs();
</script>
<?php
}
How do I make the div show when the form loads successfully?
Regards,
Soder.



