Afficher/Cacher un texte en cliquant que un bouton

**Deejoh** · 21/11/2007, 17h43

Salut,

je débute en javascript,
Voilà j'ai deux boutons images et 1 texte pour chaque bouton.
J'aimerai que lors d'un clic sur un des deux boutons apparaisse le texte sans rechagement de la page.

Je sais pas du tout comment faire.
Merci

**E.Bzz** · 21/11/2007, 17h54

Bonjour,

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
<script type="text/javascript">
function OnOff() {
if (document.getElementById("le_texte").style.display == "block")
document.getElementById("le_texte").style.display = "none";
else
document.getElementById("le_texte").style.display = "block";
}
</script>
</head>
...
<span id="le_texte" style="display:block;">Le texte</span><br />
<input type="button" value="ON/OFF" onclick="OnOff();">

Il y a plus simple, comme syntaxe, mais moins lisible

A+

**Deejoh** · 21/11/2007, 17h56

Super merci.
Et si jamais je veux donner un effet de transition, il faut que je me tourne vers l'ajax ?

**E.Bzz** · 21/11/2007, 18h10

Envoyé par Deejoh

Et si jamais je veux donner un effet de transition, il faut que je me tourne vers l'ajax ?

Dis comme ça, non.
Il s'agirait plutôt de filtre/transition au sens Microsoft.

Attention, tu devras certainement gérer différents navigateurs : les filtres/transitions Microsoft ne sont pas compatibles Mozilla et lycée de Versaille.

A+

**ptit-lu** · 21/11/2007, 18h18

Envoyé par Deejoh

Super merci.
Et si jamais je veux donner un effet de transition, il faut que je me tourne vers l'ajax ?

Effectivement des frameworks "ajax" tels que scriptaculous ou encore mieux extjs te permettront facilement d'ajouter simplement des effets de transition.

Attention toutefois si on veut être puriste il ne s'agira pas vraiment d'ajax mais de DHTML puisque tu n'utiliseras pas de requêtes http pour mettre à jour ta page.

**rvm31** · 21/11/2007, 19h11

bonjour

j'essaye de faire un peu la même chose, mais ça ne marche pas, j'ai juste un mauvais alignement dans mon tableau quand je sélectionne la valeur qui doit me faire apparaitre le bloc texte.

Code :

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
 
[<html>
<head>
<script type="text/javascript">
function valeur(test){
	if (test=='autre'){
		var str= prompt("rentrer ici la nouvelle categorie");
		 document.getElementById('autreap').value=str;
	}
 
if (document.getElementById("autre").value == "autre")
document.getElementById("autreap").style.display = "block";
else
document.getElementById("le_texte").style.display = "none";
}		
 
 
 
</script>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 <td style="width: 116px;">
 
              <select name="desi" id="autre" onchange="valeur(this.value);OnOff;" >
<?php include("globals.php" );
$sql= "SELECT DISTINCT (designation) FROM produits ";
$resultat=mysql_query($sql);
$listeutilisation=$produits ['designation'];
while ($produits = mysql_fetch_assoc($resultat)){
echo '<option value="'.$produits['designation'].'">';
echo $produits ['designation']; echo "</option>";
}
?>
              <option value="autre">&agrave;
pr&eacute;ciser</option>
              </select>

Afficher/Cacher un texte en cliquant que un bouton

JavaScript

Discussions similaires

Partager

Partager