|
|
Hallo zusammen,
ich habe ein JS Funktion, welche mir einen Text per Linkklick anzeigt und wieder ausblendent:
function toogle(id)
{
var obj = document.getElementById ? document.getElementById(id) :
document.all ? document.all[id] : null;
if(!obj || !obj.style) return;
obj.style.display = obj.style.display != 'none' ? 'none' : 'block';
}
<a href="#" onclick="toogle(1)">1</a>
<br>
<div id="1" style="display:none;border:0px solid black;">111</div>
Von diesen Links habe ich mehrere auf einer Seite. Diese sollen jetzt mit einer neuen Funktion alle auf einmal geoeffnet werden.
Ich habe auch schon versucht eine Schleife rumzubauen
function alleAuf(lastId)
{
for (var i = 1; i <= lastId; i++)
var obj = document.getElementById ? document.getElementById(i) :
document.all ? document.all[i] : null;
if(!obj || !obj.style) return;
obj.style.display = obj.style.display != 'none' ? 'none' : 'block';
}
aber das oeffnet mir nur den letzen Link.
Ueber eine Antwort wuerde ich mich sehr freuen.
Danke und Liebe Gruesse,
Jakob
|
|
| 13.03.2006 17:32:16 |
|
pit-r
Moderator
Ort: Aachen
Registriert: 14.03.2006
Beiträge: 62
|
|
Moin!
Hier mal ein Beispiel (hab den id's noch einen Buchstaben vorangesetzt, da eine id nicht mit einer Ziffer beginnen darf):
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Beispiel</title>
<script type="text/javascript">
<!--
function toogle(id){
var obj = document.getElementById ? document.getElementById(id) :
document.all ? document.all[id] : null;
if(!obj || !obj.style) return;
obj.style.display = obj.style.display != 'none' ? 'none' : 'block';
}
function alleAufZu(disp){
for (var i = 1; i <= 3; i++){
var obj = document.getElementById ? document.getElementById('d'+i) :
document.all ? document.all['d'+i] : null;
if(!obj || !obj.style) return;
obj.style.display = disp;
}
}
//-->
</script>
</head>
<body onload="alleAufZu('none')">
<a name="dummy"></a>
<a href="#dummy" onclick="toogle('d1');return false;">d1</a>
<br>
<div id="d1">111</div>
<a href="#dummy" onclick="toogle('d2');return false;">d2</a>
<br>
<div id="d2">222</div>
<a href="#dummy" onclick="toogle('d3');return false;">d3</a>
<br>
<div id="d3">333</div>
<a href="#dummy" onclick="alleAufZu('block');return false;">alle auf</a><br>
<a href="#dummy" onclick="alleAufZu('none');return false;">alle zu</a>
</body>
</html> |
Ahoi - Pit
_______________________________________
Öh - da kannichnixfür
|
|
| 14.03.2006 18:37:50 |
|
|
|
Hallo pit-r,
danke fuer die Muehe. So klappt's :]
Liebe Gruesse,
Jakob
|
|
| 15.03.2006 08:14:46 |
|
pit-r
Moderator
Ort: Aachen
Registriert: 14.03.2006
Beiträge: 62
|
|
Hi!
Gern geschehen. :-)
Ahoi - Pit
_______________________________________
Öh - da kannichnixfür
|
|
| 15.03.2006 08:59:26 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
