modifier un spoiler

**dominocramo** · 19/03/2009, 12h33

Bonjours tout le monde
j'ai trouvé un "spoiler" sympa qui j'ai un peu modifier

le seul problème c'est qu'il s'affiche au chargement de la page ( grrr )

vous avez une idée (c'est surement un oublie tout con comme dab)

lien du site pour l'exemple :
http://www.most.apph.eu/index.php3?page=2

Code :

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
 
# <script type="text/javascript">
# function change_calque(elm) {
# var div = elm.parentNode.getElementsByTagName('div')[0];
# if (div.style.display=="none" ) {
#  div.style.display = "block";
#  elm.innerHTML = "Cacher";
# } else {
#  div.style.display = "none";
#  elm.innerHTML = "Montrer";
# }
# }
# </script>
-----------------------------------------------------
<div>
  <div class="pre-spoiler">
    <span style="float:left; padding-top: 2px;">
      - Mushishi
    </span>
    <input type="button" value="Voir" style="width:80px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Cacher'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'voir';}">
  </div>
  <div>
    <div class="spoiler" style="display: none;">
      <img src="images/mp3/Mushishi.png" height="150px" width="150px">
    </div>
  </div>
</div>

si vous trouver merci beaucoup.

**emmanuel.remy** · 19/03/2009, 16h25

Salut,

une de tes méta n'est pas bonne (pas text/ccs mais text/css):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<META http-equiv="Content-Style-Type" content="text/css">

Note que cette META ne sert pas à grand chose...

Et je t'encourage à reprendre le code de ta page parce qu'il est ... déroutant.

Tu peux en profiter pour allumer un cierge car c'est un miracle qu'un navigateur arrive à afficher ta page:

- balises qui se chevauchent
- body dans le header

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <body>

- balises qui se balladent

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
  <tr>  
    </body>  
</html>

- la balise head qui se chevauche avec le body et qui est en plus fermée 2 fois !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
        <div id="cdc">
<script language="JavaScript" src="fonctions.js"></script>
          </head>

Non, sincèrement, les navigateurs on fait beaucoup, beaucoup, beaucoup de progrès dans les rendus !

Humoristiquement,

ERE

**dominocramo** · 19/03/2009, 19h31

*allume un cierge*

je sort

-->

hum oui il y a un moment que j'ai remarqué des truc du genre mais a chaque fois je repousse les correction, je crois que je vais les faire ce soir

je reviens pour mon problème après . . .
<-- Merci