Opened by renee at 2006-12-14 14:15
User since
2003-08-04
7321 Artikel
ModeratorIn
2003-08-04
7321 Artikel
ModeratorIn
naja, auch whitespaces, text, komentare sind DOM-knoten, zumindest in browsern != IE.
hier ne funktionierende version
hier ne funktionierende version
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<html>
<head>
<script type="text/javascript"><!--
function zeigen(bild) {
var p = document.getElementById("test");
for(var i = 0; i < p.childNodes.length; i++){
var e = p.childNodes[i];
if(e.nodeName == 'DIV') {
e.style.visibility = 'hidden';
}
}
// Jetzt gewünschtes Block-Element anzeigen.
document.getElementById(bild).style.visibility = 'visible';
}
// --></script>
</head>
<body>
<a href="javascript:zeigen('Bild_1');">Bild 1 zeigen</a> |
<a href="javascript:zeigen('Bild_2');">Bild 2 zeigen</a> |
<a href="javascript:zeigen('Bild_3');">Bild 3 zeigen</a>
<br>
<br>Mit einem Klick auf das Bild (hier: den Text) verschwindet es wieder.
<div id="test">
<div id="Bild_1" style="position:absolute; top:150px; left:50px; visibility:hidden" onclick="this.style.visibility = 'hidden'">Bild 1<br>in beliebiger<br>Größe und Position</div>
<div id="Bild_2" style="position:absolute; top:250px; left:150px; visibility:hidden" onclick="this.style.visibility = 'hidden'">Bild 2<br>in beliebiger<br>Größe und Position</div>
<div id="Bild_3" style="position:absolute; top:100px; left:350px; visibility:hidden" onclick="this.style.visibility = 'hidden'">Bild 3<br>in beliebiger<br>Größe und Position</div>
</div>
</body>
</html>