Créer son site Gratuitement : Service / Outils webmaster gratuit
Mon Site Gratuit
Contactez nous
Nos partenaires
Scripts
Tutoriaux
Nos services
Forums
Accueil
ForumsAfficher / masquer un texte
      Imprimer le sujet FAQ  M'enregistrer 
  Quelques animations simples et interractives ne ferons pas de mal à vos pages web. Partez découvrir le monde du Javascript !

Re: Afficher / masquer un texte

Messagede ibnyassin le 27 Mar 2009, 23:31

merci
ibnyassin
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 2
Inscription: 27 Mar 2009, 22:11
Points: 2


Re: Afficher / masquer un texte

Messagede BlackSheep le 06 Avr 2009, 13:11

Ouah ! Pile poil ce qu'il me faut ! Merçi beaucoup ! :p
Image

Image
Avatar de l'utilisateur
BlackSheep
Funny Plug'z
Funny Plug'z
 
Messages: 139
Inscription: 15 Fév 2009, 13:46
Localisation: France
Points: 227


Re: Afficher / masquer un texte

Messagede mandrake le 27 Fév 2010, 19:00

Bonjours, j'ai une petite question:

Quand je clic sur mon lien 1, le texte 1 s'affiche (jusque la ça va ) mais je souhaiterai que le texte 1 ce cache pour afficher le texte 2 quand je clic sur le lien 2 et inversement (quand je clic sur le lien 1 le texte 2 ce cache et le texte 1 s'affiche), pouvez-vous m'aider ???

voici mon code :

Code: Tout sélectionner
<html>

<head>

<title>DHTML Test</title>

<script>
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>

</head>

<body>

<a href="javascript:visibilite('divid');">lien 1</a>
<a href="javascript:visibilite('divid1');">lien 2</a>

<div id="divid" style="display:none;"><br>
Texte 1 : Bonjour !
</div>

<div id="divid1" style="display:none;">
Texte 2 : Au Revoir !
</div>

</body>
</html>
Avatar de l'utilisateur
mandrake
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 2
Inscription: 27 Fév 2010, 18:57
Localisation: BESANCON
Points: 2


Re: Afficher / masquer un texte

Messagede boulledogue le 01 Mar 2010, 07:20

Salut!
Je te propose ceci:
Code: Tout sélectionner
<html>

<head>

<title>DHTML Test</title>

<script>
function visibilite(thingId)
{
if (divid.style.display == "none")
{
   divid.style.display = "" ;
   divid1.style.display = "none" ;
} else {
   divid.style.display = "none" ;
   divid1.style.display = "" ;
}
}
</script>

</head>

<body>

<a href="javascript:visibilite('divid');">lien 1</a>
<a href="javascript:visibilite('divid1');">lien 2</a>

<div id="divid" style="display:none;"><br>
Texte 1 : Bonjour !
</div>

<div id="divid1" style="display:none;">
Texte 2 : Au Revoir !
</div>

</body>
</html>

Chez moi ca fonctionne!
@+
Boulledogue
Travaille actuellement sur www.restolity.be
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2254
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4455


Re: Afficher / masquer un texte

Messagede mandrake le 01 Mar 2010, 10:50

merci beaucoup, ça marche nickel, a un petit detail pres :)

quand je clique sur le lien 2 il cache bien mon texte 1 et affiche le Texte 2 (pile poil ce que je voulais) mais quand je clic de nouveau sur le lien 2 il cache le texte 2 pour afficher le texte 1 alors qu'il faudrait juste cacher le texte 2 et pareille pour le lien 1, quelqu'un saurait m'aider ???
Avatar de l'utilisateur
mandrake
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 2
Inscription: 27 Fév 2010, 18:57
Localisation: BESANCON
Points: 2


Re: Afficher / masquer un texte

Messagede gwenm le 24 Oct 2011, 14:33

Salut, alors moi j' utilise wordpress, et ce script marche très bien dans les articles, mais pour ceux qui connaisse wordpress, quand on arrive sur la page index, il y a tous les nouveaux articles et c'est à partir de là qu' il y a un problème. Il n' y a que le premier article de la liste qui fonctionnent, les suivant ca ne marche pas.. :non: il y a surement un petit quelque chose à ajouter?
gwenm
Nouveau Plug'zien
Nouveau Plug'zien
 
Messages: 1
Inscription: 17 Oct 2008, 18:15
Points: 1


Précédent

Retourner vers Javascript

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités