modifier un spoiler

Version imprimable

modifier un spoiler

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:

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. :)

19/03/2009, 16h25
emmanuel.remy

Problème de META
Salut,

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

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:

1 2 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <body>
- balises qui se balladent
Code:

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:

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 ! :bug:

Humoristiquement,

ERE
19/03/2009, 19h31
dominocramo

*allume un cierge* :hola:
je sort :aie: -->

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 :roll:

je reviens pour mon problème après . . .
<-- Merci :king:
19/03/2009, 20h01
dominocramo

j'ai honte, après avoir corrigé la moitié le scripte fonctionne . . .:aie:

Bon . . . Merci beaucoup :roll: