> Tous les forums > Forum des Webmasters
 Code js pour faire apparaître un texte ...
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
jevina
  Posté le 21/02/2007 @ 06:40 
Aller en bas de la page 
Petite astucienne

Bonjour,

J'ai trouvé le code ci-dessous pour faire apparaître un texte en cliquant sur un lien (par exemple lorsque ce texte est très long)..
Je voudrais pouvoir insérer, à la fin du texte en question, un autre lien permettant de faire disparaître le texte. J'imagine une image (flèche vers le bas) pour faire apparaître le texte, et une autre (flèche vers le haut) pour le refermer.
Quel code devrais-je ajouter ? (je n'y connais rien en langage javascript mais je peux m'adapter..)

Merci d'avance !

<head>
<title>...</title>
<script type="text/javascript">
//------------------
function Swap( div_){
var Obj = document.getElementById( div_);
if( Obj){
if( Obj.style.display=="")
Obj.style.display="none";
else
Obj.style.display="";
}
}
</script>
</head>
<body>
<a href="#" onclick="Swap('DIV_1');">Rubrique 1</a>
<div id="DIV_1" style="display:none; padding-left:10px;">
Ceci est le Texte de la Rubrique 1<br>
</div>
<br>
<br>
<a href="#" onclick="Swap('DIV_2');">Rubrique 2</a>
<div id="DIV_2" style="display:none; padding-left:20px">
Ceci est le Texte de la Rubrique 2
</div>
</body>
</html>

Publicité
Malcolm
 Posté le 21/02/2007 à 09:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucien

essaie un truc comme ça :

<head>
<title>...</title>
<script type="text/javascript">
//------------------
function Swap(div_){
var Obj = document.getElementById( div_);
if(Obj){
if(Obj.style.display=="")
{
Obj.style.display="none";
document.getElementById("img_"+div_).src="image/fleche_bas.png";
}
else
{
Obj.style.display="";
document.getElementById("img_"+div_).src="image/fleche_haut.png";
}
}
}
</script>
</head>
<body>
<a href="#" onclick="Swap('DIV_1');">Rubrique 1</a><img id="img_DIV_1" src="image/fleche_bas.png" width="" height="" alt="">
<div id="DIV_1" style="display:none; padding-left:10px;">
Ceci est le Texte de la Rubrique 1<br>
</div>
<br>
<br>
<a href="#" onclick="Swap('DIV_2');">Rubrique 2</a><img id="img_DIV_2" src="image/fleche_bas.png" width="" height="" alt="">
<div id="DIV_2" style="display:none; padding-left:20px">
Ceci est le Texte de la Rubrique 2
</div>
</body>
</html>

jevina
 Posté le 22/02/2007 à 16:20 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

D'abord, un grand merci à Malcolm pour son aide.
Je suis en train d'essayer le script.
Si j'ai des difficultés, je me permettrai de revenir...

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
16,06 €Clé USB 3.0 Sandisk Ultra 128 Go à 16,06 €
Valable jusqu'au 17 Mai

Amazon propose la clé USB Sandisk Ultra d'une capacité de 128 Go à 16,06 €. On la trouve ailleurs à partir de 20 €. Cette clé USB 3.0 est compatible USB 2.0 et offre de bons débits d'environ 100 Mo/s en lecture et en écriture. Le connecteur est rétractable pour éviter qu'il prenne la poussière.


> Voir l'offre
279,99 €Ecran PC incurvé 27 pouces Huawei MateView GT (WQHD, 165Hz) à 279,99 €
Valable jusqu'au 18 Mai

Amazon fait une belle promotion sur le tout nouvel écran PC incurvé 27 pouces Huawei MateView GT qui passe à 279,99 € au lieu de 329 €. Cet écran dispose d'une dalle VA incurvée WQHD (2560x1440) avec un rafraichissement de 165 Hz et un temps de réponse de 4 ms.  Connectique complète : USB Type-C, HDMI et DisplayPort.


> Voir l'offre
183,93 €Imprimante 3D Creality Ender 3 v2 à 183,93 € (stock Europe) avec le code NNNGKBCR2
Valable jusqu'au 17 Mai

GeekBuying fait une belle promotion sur l'imprimante 3D Creality Ender 3 v2 à 183,93 € avec le code NNNGKBCR2 On la trouve ailleurs autour de 220 €. L'imprimante est expédiée depuis un stock Europe (en Pologne). Elle sera donc rapide et vous êtes sûr de ne pas avoir de douane. 

La Creality Ender 3 v2 est l'une des machines les plus populaires actuellement sur le marché. Et pour cause. Elle dispose d'un volume d’impression de 220 x 220 x 250 mm, est équipée d'un plateau chauffant inspiré du BuildTak, d'un nouvel écran LCD 4.3 pouces et offre des fonctionnalités pratiques comme la reprise de l'impression après une coupure de courant ou le conduit pour le filament étroit. L'imprimante 3D est facile à assembler et le calibrage est aisé grâce aux gros boutons. 


> Voir l'offre

Sujets relatifs
pour faire un lien avec un texte?
Faire apparaitre un texte
Code pour surligner du texte
Petite question pour faire un code
Code pr faire tourner du texte autour du curseur..
code html pour info-bulle
Aide pour modifications dans le code d'un blog
Créer un code pour page fan Facebook
editeur de texte pour php
Site pour "faire heberger" les photos "légalement"
Plus de sujets relatifs à Code js pour faire apparaître un texte ...
 > Tous les forums > Forum Forum des Webmasters