Shanimal wrote:
Peter-
I've tried both variations on this:
<script type="text/javascript">
<!--
function switchUl(id){
if(document.getElementById){
a=document.getElementById(id);
a.style.display=(a.style.display!="none")?"none":" block";
}
}
for(var i=0;i<9;i++) //number of folders HERE
{
switchUI('f'+i);
}
// -->
</SCRIPT>
and I also tried this:
<script type="text/javascript">
<!--
function switchDIV(id){
if(document.getElementById){
a=document.getElementById(id);
a.style.display=(a.style.display!="none")?"none":" block";
}
}
for(var i=0;i<9;i++) //number of folders HERE
{
switchDIV('f'+i);
}
// -->
</SCRIPT>
Each time I get a different error
Error: Object required
which points to this line:
a.style.display=(a.style.display!="none")?"none":" block";
I have no jscript experience, just some vbscript. I'm attempting to use
an open source application so I'm getting a crash course on PHP and now
jscript. unfortunately since it's open source software it's difficult
to get the authors to respond to this issue.
thank you
PS
Greetings,
I think you might be loading your function before your divisions are
actually rendered by your browser. This would cause the error that you
are having. If your code instructs the browser to hide a division
before it is rendered it yells at you. On firefox you would not get any
errors unless you looked at the javascript console.
Here is a version of your code that I tested in Firefox and IE and it
runs fine:
<div id="f0">0</div>
<div id="f1">1</div>
<div id="f2">2</div>
<div id="f3">3</div>
<div id="f4">4</div>
<div id="f5">5</div>
<div id="f6">6</div>
<div id="f7">7</div>
<div id="f8">8</div>
<script type="text/javascript">
function switchDIV(id){
if(document.getElementById){
a = document.getElementById(id);
a.style.display=(a.style.display!="none")?"none":" block";
}
}
for(var i=0;i<9;i++){
switchDIV('f'+i);
}
</SCRIPT>
Notice that the script comes after the DIV tags. This way the code will
run without any errors. Anotherway you could use this code is to place
the following code in your head tag:
<HEAD>
<script type="text/javascript">
function switchDIV(id){
if(document.getElementById){
a = document.getElementById(id);
a.style.display=(a.style.display!="none")?"none":" block";
}
}
function toggleDivs(){
for(var i=0;i<9;i++){
switchDIV('f'+i);
}
}
</SCRIPT>
</HEAD>
And this in your body:
<BODY>
<div id="f0">0</div>
<div id="f1">1</div>
<div id="f2">2</div>
<div id="f3">3</div>
<div id="f4">4</div>
<div id="f5">5</div>
<div id="f6">6</div>
<div id="f7">7</div>
<div id="f8">8</div>
<input type="button" value="Toggle" onClick="toggleDivs()">
</BODY>
This will allow you to have abutton that toggles the divs off and on.
Tested it and it works great.
I posted the script on my server here if you wanted to download the
code without it getting broken up like it can sometimes on these sites:
http://www.manifestinteractive.com/u...oggle_div.html
Hope this helps,
- Peter Schmalfeldt