Discussion :

[artichaudd]

mettre du java script dans un "echo" PHP est-ce possible ?
perso ca n'a pas l'air de marcher
comment faites vous ?
voici mon bout de code pour exemple, et qui apparemment ne fonctionne pas
comment l'organiseriez vous ?

merci

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
<?php
                if ($quatre_de_couv != NULL) // si $quatre_de_couv existe je l'affiche 
                {
                        echo'
                        <p>Quatrième de couverture :</p>
                        <span class="bouton" id="bouton_texte" onclick="javascript:afficher_cacher('texte');">Afficher le texte</span>
                        <div id="texte" class="texte">
                                <p class="quatreDeCouv">'.$quatre_de_couv.'</p>
                        </div>';
                }
        echo '</div>';
?>
<script type="text/javascript">
        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;
        }    
        afficher_cacher('texte'); // j'appelle la fonction qui sera executée
</script>

[javatwister]

Salut,

problème d'échappement de quotes; tu appelles aussi 2 fois une fonction;


pour reprendre ton code:

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
document.getElementById("bouton_texte").addEventListener("click",function(e){
const t=e.target.id.substring(7);
if(document.getElementById(t).style.visibility=="hidden")
		{
			document.getElementById(t).style.visibility="visible";
			e.target.textContent='Cacher le texte';
		}
		else
		{
			document.getElementById(t).style.visibility="hidden";
			e.target.textContent='Afficher le texte';
		}
		return true;
	},false)

et puis enlève de ton echo
onclick="javascript:afficher_cacher('texte');"
enfin, si tu initialises le bouton à "Cacher le texte", tu n'a plus besoin d'un autre appel de fonction au chargement;