01net    Web


Actuellement en ligne : 869 Utilisateurs dont 26 dans Programmation et développement >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par A.Ouloube, Beno@  
01net > Forum de 01net > Programmation et développement > HTML / Javascript
> [Résolu] texte qui apparait au clique
Passionné(e) d'internet, de logiciels, de forums ? 01net recrute...
Auteur
Message
 
<     1       >
Smoky26
  
   
      ?   @     Posté le 10/10/2007 15:21:28  
Voter pour ce message
Bonjour j'aimerais savoir comment afficher un texte quand on clique sur un lien...

Par ex :

Lien
Le texte qui s'affiche en dessous ...


Merci d'avance!
-->Message édité par Smoky26 le 11/10/2007 19:49:14<--
Mgen
  
  :-)
      ?   @     Posté le 10/10/2007 15:41:42  
Voter pour ce message
Tu veux dire un commentaire ?
referenceur
  
   
      ?   @     Posté le 10/10/2007 16:06:44  
Voter pour ce message
Il y a une différence entre le Clic et le Survol :

Si tu parle du survol utilise l'attribut title dans tes liens :

<a href="destination" title="le texte que tu veux faire apparaitre">objet du lien</a>

S'il s'agit d'un clic alors je te donne ce script :

<script type="text/javascript" language="JavaScript">
<!--
function display(element) {
if (document.layers && document.layers[element] != null)
document.layers[element].visibility = 'visible';
else if (document.all)
document.all[element].style.visibility = 'visible';
}
function hide(element) {
if (document.layers && document.layers[element] != null)
document.layers[element].visibility = 'hidden';
else if (document.all)
document.all[element].style.visibility = 'hidden';
}
//-->
</script>

<style type="text/css">
.hideDisplayStyle {
visibility: hidden;
font-weight:bold;
color:#ff9900;}
</style>

<form>
<input type="button" value="Afficher le texte" onClick="display('toggleText')">
<input type="button" value="cacher le texte" onClick="hide('toggleText')">
</form>

<div ID="toggleText" CLASS="hideDisplayStyle">
Coucou c'est moi le texte en jeu
</div>
Smoky26
  
   
      ?   @     Posté le 10/10/2007 17:47:16  
Voter pour ce message

Re, désolé pour le double-post est-ce que'un modérateur pourrait supprimer le second post svpl?

Merci referenceur, je parle bien du clique c'est exactement ce que je veux!

Seulement ca ne marche que sous IE, saurais-tu comment faire pour que cela fonctionne aussi sous Firefox?

Merci d'avance!
Smoky26
  
   
      ?   @     Posté le 11/10/2007 11:04:49  
Voter pour ce message

Hola, finalement j'ai trouvé un script qui marche et sur IE et sur Firefox:

<script type="text/javascript">
function hideshow(){
var spans = document.getElementsByTagName('span');
var len = spans.length;
for (var i=0; i<len; i++){
if(spans.style.display=='none'){
spans.style.display='inline';
}
else {
spans.style.display='none';
}
}
}
</script>

<style type="text/css">
span { font-weight: bold; color:#ff9900;}
</style>

<input type="button" onclick="hideshow()" value="Afficher/cacher"><br>

<span>Blablabla</span>


Seulement, j'aimerais qu'il ne soit pas afficher tout de suite quand ona rrive sur la page, mais qu'on doive cliquer pour qu'il apparaisse... comme tu l'as fait pour ton script "referenceur" ...


Merci d'avance!
Smoky26
  
   
      ?   @     Posté le 11/10/2007 19:48:20  
Voter pour ce message
Ok j'ai trouvé finalement, malgré mes maigres connaissances ...



<script type="text/javascript">
function hideshow(){
var spans = document.getElementsByTagName('span');
var len = spans.length;
for (var i=0; i<len; i++){
if(spans.style.display==''){
spans.style.display='inline';
}
else {
spans.style.display='';
}
}
}
</script>

<style type="text/css">
span { display: none;}
</style>

<input type="button" onclick="hideshow()" value="afficher/masquer"><br>

<span>Bla bla bla</span>



A+
<     1       >

01net > Forum de 01net > Programmation et développement > HTML / Javascript
> [Résolu] texte qui apparait au clique

Aller à :

Page générée en : 0.184s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

Conversion vidéo
Convertissez vos fichiers dans les formats vidéo les plus courants (également psp, ipod, ...)
Auto
Cote : envie de revendre votre auto? Calculez gratuitement la valeur de votre voiture !