blablaet non
blabla
//--------------------------- function Display( id_, etat_){ //-- Recup Objet contenant var Obj = document.getElementById( id_); if( Obj){ //-- Si etat_ false on cache sinon on montre if( !etat_) Obj.style.display = "none"; else Obj.style.display = "inline"; } }
le résultat que tu obtiens est correct, attendu que tu ne passe pas la visibility à visible en même temps que tu changes le display
<html> <head> <script type="text/javascript"> function SwapDisplay( id_){ //-- Recup Objet contenant var Obj = document.getElementById( id_); if( Obj){ //-- Recup NodeList des SPAN var T_Span = Obj.getElementsByTagName('SPAN'); //-- Pour tous les SPAN for( var i =0, nb = T_Span.length; i < nb; i++){ //-- Si visible on cache sinon on montre if( T_Span[i].style.display == "inline") T_Span[i].style.display = "none"; else T_Span[i].style.display = "inline"; } } } </script> <style type="text/css"> #D_MAIN span { display : none; color : red; } </style> </head> Chapitre du texte ici Texte 1 encore du texte Texte 2 toujours du texte Texte 3 </html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question<html> <head> <style type="text/css"> #chapitre_1 span { display : none; color : red;} #chapitre_2 span { display : none; color : blue;} #chapitre_3 span { display : none; color : green;} </style> <script type="text/javascript"> </script> </head> Chapitre 1 du texte ici Texte 1 encore du texte Texte 2 toujours du texte Texte 3 Chapitre 2 du texte ici Texte 1 encore du texte Texte 2 toujours du texte Texte 3 Chapitre 3 du texte ici Texte 1 encore du texte Texte 2 toujours du texte Texte 3 </html>
//-------------------- function Montre( num_){ //-- On cache tout, c'est optimisable !! Display( 'chapitre_1', false); Display( 'chapitre_2', false); Display( 'chapitre_3', false); //-- On montre le bon Display( 'chapitre_'+ num_, true); }
//--------------------------- function Display( id_, etat_){ //-- Recup Objet contenant var Obj = document.getElementById( id_); if( Obj){ //-- Recup NodeList des SPAN var T_Span = Obj.getElementsByTagName('SPAN'); //-- Pour tous les SPAN for( var i =0, nb = T_Span.length; i < nb; i++){ //-- Si etat_ false on cache sinon on montre if( !etat_) T_Span[i].style.display = "none"; else T_Span[i].style.display = "inline"; } } }
<!--selection chapitres DEBUT--> Chapitres : [javascript:toggleVisibility('1') 2 ]| [javascript:toggleVisibility('1') 3 ]| [javascript:toggleVisibility('1') 4 ]| [javascript:toggleVisibility('1') 5 ] <!--selection chapitres FIN--> Histoires Saison 1 <!-- début chapitre 1 --> Chapitre Texte 1 a afficher ici <hr/> texte 2 à afficher ici Fin chapitre 1 <!-- Fin chapitre 1 -->
Chaptire : 1 | 2 | 3 | 4 ------------------ texte 1 chapitre 1 -------- séparaeur ------- texte 2 chapitre 1 ------- ------------------- ------------------ texte 1 chapitre 2 -------- séparateur ------- texte 2 chapitre 2 ------- ------------------- ------------------ texte 1 chapitre 3 -------- séparateur ------- texte 2 chapitre 3 ------- -------------------
<!--selection chapitres DEBUT--> Chapitres : [# 1 ]| [# 2 ]| [# 3 ]| [# 4 ] <!--selection chapitres FIN-->
<!-- ICI --> Saison 1 <!-- début chapitre 1 --> Chapitre 1 Texte 1 a afficher ici <hr/> texte 2 à afficher ici Fin chapitre 1 <!-- Fin chapitre 1 -->