Partage
  • Partager sur Facebook
  • Partager sur Twitter

Spoiler

Sujet résolu
    6 octobre 2009 à 18:45:39

    Bonjour,
    j'aimerai faire un spoiler mais je n'arrive pas à le faire marcher.
    <script type="text/javascript" src="afficher_cacher_div.js"></script>
    <p class="red" /><img src="../images/alert.png" style="float:left" /> <b>Avertissement</b> : Si vous quittez cette page pour une raison quelconque, vous ne pourrez plus utiliser votre code et votre commande sera annulée. Si vous voulez accéder à une page, veuillez l'ouvrir dans un nouvel onglet ou dans une nouvelle fenêtre.</p>
    <script type="text/javascript">
    function montrer_spoiler(value) {
    	var actual=document.getElementById(value).style.visibility;
    	if (actual=='visible') {
    		document.getElementById(value).style.visibility='hidden';
    	} else {
    		document.getElementById(value).style.visibility='visible';
    	}
    }
    </script>
    <input type="button" style="font-weight:bold; width:300px; height:50px" value="D'accord, j'ai compris !" onclick="javascript:afficher_cacher('texte');">
    <div id="texte" class="texte">
    DU PHP ICI
     </div>
            <script type="text/javascript">
            //<!--
                    afficher_cacher('texte');
            //--> </script>
    


    Et voici la page JS inclue dans le document :

    <script type="text/javascript" src="afficher_cacher_div.js">
    


    function afficher_cacher(id)
    {
            if(document.getElementById(id).style.visibility=="hidden")
            {
                    document.getElementById(id).style.visibility="visible";
                    document.getElementById('bouton_'+id).innerHTML='Cacher le texte';
            }
            else
            {
                    document.getElementById(id).style.visibility="hidden";
                    document.getElementById('bouton_'+id).innerHTML='Afficher le texte';
            }
            return true;
    


    Mon problème est que le texte est déjà affiché quand j'arrive et le bouton ne fait rien ! :euh:
    Voici le tutoriel dont je m'inspire :
    http://www.supportduweb.com/scripts_tu [...] vascript.html

    @+
    • Partager sur Facebook
    • Partager sur Twitter

    Spoiler

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown