faq drop down

@MrNickauthorApr 29.2008 — #Well I'm just cutting and pasting. So, as instructed, I'm putting the following in an external file named faqDropDown.js

function toggle(obj) {

// Moz. or IE

var sibling=(obj.nextSibling.nodeType==3)? obj.nextSibling.nextSibling : obj.nextSibling;

// hide or show

if(sibling.style.display=='' || sibling.style.display=='block') {

sibling.style.display='none';

obj.firstChild.firstChild.data='+';

}

else {

sibling.style.display='block';

obj.firstChild.firstChild.data='-';

}

}

//

function initCollapse() {

var oDT=document.getElementById('content').getElementsByTagName('dt');

for (var i=0; i < oDT.length; i++) {

oDT[i].onclick=function() {toggle(this)};

var oSpan=document.createElement('span');

var sign=document.createTextNode('+');

oSpan.appendChild(sign);

oDT[i].insertBefore(oSpan, oDT[i].firstChild);

oSpan.style.fontFamily='monospace';

oSpan.style.paddingRight='0.5em';

oDT[i].style.cursor='pointer';

toggle(oDT[i]);

}

oDT=null;

}

function addLoadEvent(func) {

var oldonload = window.onload;

if (typeof window.onload != 'function') {

window.onload = func;

} else {

window.onload = function() {

if (oldonload) {

oldonload();

}

func();

}

}

}

addLoadEvent(function(if(document.getElementById && document.createElement) {

initCollapse();

});

Then I'm putting the following into the <head> section of my HTML doc:

<script type="text/javascript" src="faqDropDown.js"></script>

Finally I'm putting the following into the <body> section:

<dl id="content">

<dt>This is Question #1 <em class="sm">[click here]</em></dt>

<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.<br><br></dd>

<dt>This is Question #2 <em class="sm">[click here]</em></dt>

<dd>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso.<br><br></dd>

<dt>This is Question #3 <em class="sm">[click here]</em></dt>

<dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.</dd>

</dl>

</div>

But when I load the file into a browser it's just the whole lot static...

faq drop down

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

faq drop down

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴