faire apparaitre et disparaitre du texte

**leien** · 10/07/2007, 11h05

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
30
31
32
33
<script language="javascript" type="text/javascript">
 
function afficheId(baliseId) 
  {
  if (document.getElementById && document.getElementById(baliseId) != null) 
    {
    document.getElementById(baliseId).style.visibility='visible';
    document.getElementById(baliseId).style.display='block';
    }
  }
 
function cacheId(baliseId) 
  {
  if (document.getElementById && document.getElementById(baliseId) != null) 
    {
    document.getElementById(baliseId).style.visibility='hidden';
    document.getElementById(baliseId).style.display='none';
    }
  }
 
cacheId('contenu'); 
// si JavaScript est disponible, cache le contenu dès le 
// chargement de la page. Sans JavaScript, le contenu sera 
// affiché.
</script>
 
<div class="clicTitre">
  <a href="javascript:afficheId('contenu')">montrer</a>
</div>
<div class="contenant" id="contenu">
  <div class="clicCacher">
    <a href="javascript:cacheId('contenu');">cacher</a></div>
   texte à afficher</div>

Donc voilà, ce script permet d'afficher et de masquer un texte. Comment pourrais-je faire pour que le même bouton affiche et masque le texte. En clair je ne voudrais pas avoir à la fois cacher et montrer mais juste un mot qui permette de faire les 2 actions :quand le texte sera caché le clic permettra de le faire apparaitre et inversement.

merci d'avance pour vos aides j'attends vos réponses

**seb591** · 10/07/2007, 11h30

Je pense que tu devrais passer par une variable javascipt: un booleen par exemple.
En fonction de la valeur de ce booleen, quand tu clique sur le lien tu caches le div ou tu l'affiche.

Je pense que ca devrais fonctionner

**leien** · 10/07/2007, 17h56

merci de m'avoir répondu mais je ne vois pas comment faire j'y connais strictement rien en javascript ce script, je l'ai obtenu par un ami. Pourriez-vous me donner un exemple avec la variable booléenne.

Merci d'avance. En attendant votre réponse.

**julien1311** · 10/07/2007, 20h41

Autrement tu peux essayer ça mais je promet rien :

Code html :

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

1
2
3
4
5
6
7
<div class="clicTitre">
<a href="" onclick="afficheId('contenu');">montrer</a>
</div>
<div class="contenant" id="contenu">
<div class="clicCacher">
<a href="" onclick="cacheId('contenu');">cacher</a></div>
texte à afficher</div>

J'ai pas testé mais je pense que ça marchera.

**leien** · 10/07/2007, 22h14

merci pour ta réponse mais je voudrais juste faire les opérations cacher ou montrer avec un seul bouton.

je ne sais pas si je suis clair. Merci d'avance pour tes services. En attendant ta réponse.

**leien** · 10/07/2007, 23h23

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<script LANGUAGE="JavaScript">
function display(baliseId)
{
document.getElementById(baliseId).style.display=document.getElementById(baliseId).style.display=="none"?"block":"none";
}
displayId('calque');
</SCRIPT>
 
<body>
<div align=center><input type="button" onclick="display('calque');" value="Afficher les résultats"/><br></div>
<div id=calque>le texte</div>
</body>

voilà j'ai trouvé ce script qui fonctionne très bien mais j'ai juste un petit problème: le texte s'affiche dès le chargement de la page et je ne le veux surtout pas. je voudrais que au départ le texte soit tout simplement caché.

Merci d'avance pour vos réponses.

**bigboomshakala** · 11/07/2007, 09h58

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function show(idtext,button)
{
  var text = document.getElementById(idtext);
  if (text) text.style.display = 'block';
  button.onclick = function(){ hide(idtext,button) };
}
 
function hide(idtext,button)
{
  var text = document.getElementById(idtext);
  if (text) text.style.display = 'none';
  button.onclick = function(){ show(idtext,button) };
}

pour que le texte soit caché dès le départ il faut dès le départ mettre la propriété display du style à 'none'

**leien** · 11/07/2007, 10h01

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
<script type='text/javascript'>
function affCache(idpr)
{
var pr = document.getElementById(idpr);
if (pr.style.display == "") {
pr.style.display = "none";}
else {
pr.style.display = "";}
 
}
</script>
 
<input type="image" src="images/rp.gif" onclick="affCache('pr1');"
value="Afficher les Promotions"/><br><br>
<div id="pr1" style="display:none" style='border:1px double black'>c moi</div>

Merci de m'avoir aidé mais je viens un instant même de faire ce script qui fonctionne très bien. Merci encore pour ton aide.

**julien1311** · 11/07/2007, 10h04

Envoyé par leien

merci pour ta réponse mais je voudrais juste faire les opérations cacher ou montrer avec un seul bouton.

je ne sais pas si je suis clair. Merci d'avance pour tes services. En attendant ta réponse.

Oups, prochain coup je lirai mieux le sujet

**leien** · 11/07/2007, 10h07

T'inkiet y'a pas de mal julien c'est le geste qui compte.

faire apparaitre et disparaitre du texte

JavaScript

Discussions similaires

Partager

Partager