Archive for the ‘ Webdesign ’ Category

Meine ersten zeilen JavaScript

Heute war ich gezwungen, einen bereich nach belieben mit einem Link immer wieder ein und ausblenden zu können. Um dies zu realisieren, musste ich meine ersten Zeilen JavaScript schreiben:

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
37
38
39
40

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html>
<head>
	<title>Ein und Ausblenden</title>
 
        <script language="JavaScript">
        <!--
        function show(id) {
                if (document.getElementById) {
                        if (document.getElementById(id).style.display == 'none'){
                            document.getElementById(id).style.display = 'block';
                        }else{
                           document.getElementById(id).style.display = 'none';
                        }
 
                }
        }
        // -->
        </script>
 
 
</head>
 
<body>
 
    <h1>Lorem Ipsum</h1>
 
    <p><a href="javascript:show('bereich1');">Ein und Ausblenden!</a></p>
 
    <div id="bereich1" style="display:none;">
        <p>Ich werde ein und ausgeblendet!! Juhuu!!!</p>
    </div>
 
    <input type="button" onclick="javascript:show('bereich1');" value="Geht auch mit mir!"/>
 
</body>
</html>
2009
12/02
AUTOR
DeDu
KATEGORIE
Entwicklung
JavaScript
Webdesign
Kommentar schreiben