Script ouvrir fermer un petit block de texte

Fermé

Esaqui Messages postés 6 Date d'inscription mercredi 29 mai 2013 Statut Membre Dernière intervention 2 septembre 2014 - 30 août 2014 à 11:41
mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 - 3 sept. 2014 à 14:25

Bonjour,

J'ai ce code mais il dit manquer quelque chose parce que les petites boites de texte ne s'ouvrent pas.
Si vous savez ou si vous avez un autre code pour faire ça, merci.
Cordialement
Gilles

--------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite\n';
msg += 'Veuillez le mettre à jour ou vous en procurer un autre';
return false;
}
var tagToToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
} catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
} else {
tagToToggle.style.display = 'none';
}
} catch (e) {
}
// Pour IE
if (tagToToggle.style.visibility == 'hidden') {
tagToToggle.style.visibility = 'visible';
} else {
tagToToggle.style.visibility = 'hidden';
}
}
</script>
<title></title>
</head>
<body>
<div>
<a href="javascript:toggleVisibility('texte1')">Changer la
visibilité du texte 1
</a></div>
<div id="texte1" style="visibility: hidden; display: none;">
Texte test 1,Texte test 1, Texte test 1, Texte test 1, </div>
<div>
<a href="javascript:toggleVisibility('texte2')">Changer la
visibilité du texte 2
</a></div>
<div id="texte2" style="visibility: hidden; display: none;">
Texte test 2, Texte test 2, Texte test 2, Texte test 2, </div>
<div>
<a href="javascript:toggleVisibility('texte3')">Changer la
visibilité du texte 3
</a></div>
<div id="texte3" style="visibility: hidden; display: none;">
Texte test 3,Texte test 3, Texte test 3, Texte test 3 </div>
</body>
</html>

A voir également:

Script ouvrir fermer un petit block de texte
Comment ouvrir un fichier epub ? - Guide
Script vidéo youtube - Guide
Ouvrir un fichier .bin - Guide
Comment ouvrir un fichier docx ? - Guide
Ouvrir un fichier .dat - Guide

4 réponses

Réponse 1 / 4

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
Modifié par mr_demonicon le 1/09/2014 à 13:35

en plus court et je t'ai mis la solution via le lien et via un bouton tu peux aussi t'en servir pour un formualire interactif si tu veux (met juste dans le div boite ton formulaire avec tes balises <form> ) tu peux cree autant de div que tu veux juste change dans le lien ou le bouton

bascule('lenomdeton<div>')

.
Bonne journée

<head> 
<script language="Javascript"> 
function bascule(elem) 
{ 
// Quel est l'état actuel ? 
etat=document.getElementById(elem).style.visibility; 
if(etat=="hidden"){document.getElementById(elem).style.visibility="visible";} 
else{document.getElementById(elem).style.visibility="hidden";} 
} 
</script> 
</head>
<html>
<body>

<a href="javascript:bascule('boite')">Ouvrez-moi ^^</a>
<!--<input type="button" onClick="bascule('boite');" value="Ouvrez-moi ^^">
 ca c'est avec un bouton-->
<div name="boite" id="boite" style="visibility: hidden"> 
Non pauvre fou, vous avez relache la peste sur l'humanite  vous etes trop credule HAHAHA ^^.
</div> 

</body>
</html>

Bonne continuation et n'oubliez pas le risque zéro c'est dans vos rêves.

Réponse 2 / 4

Esaqui Messages postés 6 Date d'inscription mercredi 29 mai 2013 Statut Membre Dernière intervention 2 septembre 2014 1
1 sept. 2014 à 17:59

J'ai fait un copié collé. J'ai bien le lien "ouvrez moi" mais quand je clique dessus aucune texte n'apparait.

Je suppose que je devrais lire : "Non pauvre fou, vous avez relache la peste sur l'humanite vous etes trop credule HAHAHA ^^"

puis ensuite pouvoir cliquer pour fermer la zone de texte ?

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
1 sept. 2014 à 21:40

ben oui moi ca marche sur tout mes navigateurs peut etre ue le javascript est bloque par defaut chez toi donc autorise le sinon teste avec internet explore chez moi ca marche avec ie firefox dragon et safari

Réponse 3 / 4

Esaqui Messages postés 6 Date d'inscription mercredi 29 mai 2013 Statut Membre Dernière intervention 2 septembre 2014 1
1 sept. 2014 à 13:59

Bonjour,

Merci pour ton aide. La boite de dialogue ne s'ouvre toujours pas, ni dans mon navigateur (chrome) ni dans mon éditeur de texte.

J'ai trouvé une solution ce weekend pas trop top, mais enfin ça marche.
Voir sur www.chumeditions.com là où est écrit RESUME.

Encore merci

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
Modifié par mr_demonicon le 1/09/2014 à 17:52

si dsl mon code marche apres des boite c'est quoi pour toi des textarea? sinon c'est ce que je t'ai passer

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
1 sept. 2014 à 17:52

copi colle mon code et teste le

Réponse 4 / 4

Esaqui Messages postés 6 Date d'inscription mercredi 29 mai 2013 Statut Membre Dernière intervention 2 septembre 2014 1
2 sept. 2014 à 15:04

Je reproduis ton dernier msg car il ne s'affiche pas sur CCM.
Tu dis:
"ben oui moi ca marche sur tout mes navigateurs peut etre ue le javascript est bloque par defaut chez toi donc autorise le sinon teste avec internet explore chez moi ca marche avec ie firefox dragon et safari"

J'en suis convaincu. Par contre je ne sais pas vérifier si javascript est bloqué.
Merci pour tout, je vais tourner avec ma petite solution car je n'ai plus trop de temps à consacrer à ce pb.

Merci pour le temps que tu m'as consacré

Bien à toi
Gilles

mr_demonicon Messages postés 828 Date d'inscription dimanche 20 juillet 2014 Statut Membre Dernière intervention 9 avril 2016 126
3 sept. 2014 à 14:25

ok pas de probleme bonne continuation

Discussions similaires

"Aucune application permettant d'ouvrir cette URL"

comment écrire des petits chiffres ?