faire apparaitre et disparaitre du texte

Version imprimable

Code:

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

10/07/2007, 11h30
seb591

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
10/07/2007, 17h56
leien

réponse

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.

Autrement tu peux essayer ça mais je promet rien :

Code:

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.

10/07/2007, 22h14
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.

Code:

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.

Code:

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'

Code:

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.

11/07/2007, 10h04
julien1311

Citation:

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 ;)
11/07/2007, 10h07
leien

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