Bonjour,

j'essaye de créer un script me permettant de rendre visible/invisible plusieurs div sur une page. Mais on dirait que les scripts sont en conflit...

En effet, chaque lien est sensé faire apparaitre/disparaitre une div chacun mais ils agissent tout deux sur la même div...

Je suis particulièrement nulle en Javascript donc je ne vois pas du tout d'où ca vient.

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
<!doctype html>
<html>
<head>
<title>mapage</title>
 
<script type="text/javascript">
function aff1 ()
{
        if (addr.id == "aff11") addr.id = "aff12";
        else                    addr.id = "aff11";
}
 
window.onload = function () {
        addr = document.getElementById("aff11");
}
 
 
 
</script>
 
<script type="text/javascript">
function flipflop ()
{
        if (addr.id == "flip")  addr.id = "flop";
        else                    addr.id = "flip";
}
 
window.onload = function () {
        addr = document.getElementById("flip");
}
</script>
 
 
 
 
 
<style type="text/css">
#aff11 {        visibility : visible;   }
#aff12 {        visibility : hidden;    }
 
 
#flip { visibility : visible;   }
#flop { visibility : hidden;    }
 
 
 
</style>
 
</head>
 
 
	<a href="#" onclick="flipflop();">afficher / masquer</a>
	<div id="flip">bla bla bla bla</div>
 
<hr />
 
	<a href="#"  onclick="aff1();">afficher / masquer</a>
	<div id="aff11">blooooooooooo</div>
 
 
</body>
</html>


Voilà mon superbe code, si vous avez quelques solutions, je prendrais volontiers !!