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 !

Afficher / masquer un texte

Messagede Black le 06 Mai 2008, 17:48

Bonjour à tous, voilà un petit script sympa qui permet d'afficher ou de masquer un texte :bravo:

Afficher / Masquer un texte en Javascript


Code Javascript


==> A placer entre <head> et </head>

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


Code (x)HTML


==> A placer entre <body> et </body>

Code: Tout sélectionner
<a href="javascript:visibilite('divid');">afficher/masquer</a>
<div id="divid" style="display:none;">
<!-- Ici, le texte que l'on veut afficher -->
</div>


Code CSS


C'est loin d'être obligatoire, mais ça fait plus jolie ;-)

Code: Tout sélectionner
div#divid
{
    border: 1px dashed black; /* Un contour pour délimiter et faire plus joli */
    padding: 5px; /* Un petit espace pour pas que le texte colle le cadre */
}


Bien sur, vous pouvez modifier la couleur, ou le style de la bordure ;-)



ScreenShots


Histoire de bien vous montrer ce que ça donne ;-D

Image

Image

Black
Dernière édition par Black le 13 Juin 2008, 22:48, édité 5 fois.
Black
Plug'zien Pro
Plug'zien Pro
 
Messages: 1233
Inscription: 08 Déc 2007, 21:34
Localisation: Cherbourg, France.
Points: 856


Re: Afficher / masquer un texte

Messagede jeromecold le 06 Mai 2008, 17:50

Sa peut être hyper-interressant ça! Merci! ;-D
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: Afficher / masquer un texte

Messagede ToutiWebTutoriels le 09 Mai 2008, 10:56

Waouw merci !!!
une amie me demandait comment faire et j'en savais fichtrement rien :pfff: :lol: merci et bravo pour ce bon script ! :bravo:
Avatar de l'utilisateur
ToutiWebTutoriels
Mini Plug'zien
Mini Plug'zien
 
Messages: 32
Inscription: 30 Avr 2008, 08:01
Localisation: Nevers en france
Points: 0


Re: Afficher / masquer un texte

Messagede Black le 09 Mai 2008, 11:01

jeromecold a écrit:Sa peut être hyper-interressant ça! Merci! ;-D


ToutiWebTutoriels a écrit:Waouw merci !!!
une amie me demandait comment faire et j'en savais fichtrement rien :pfff: :lol: merci et bravo pour ce bon script ! :bravo:


Merci à vous :-D
Black
Plug'zien Pro
Plug'zien Pro
 
Messages: 1233
Inscription: 08 Déc 2007, 21:34
Localisation: Cherbourg, France.
Points: 856


Re: Afficher / masquer un texte

Messagede Cclleemm le 10 Mai 2008, 08:15

Cool ton script Black ...
Un script que beaucoup de gens recherche qui peut être très pratique ! Superbe !
Image
Avatar de l'utilisateur
Cclleemm
Admin'z
Admin'z
 
Messages: 2762
Inscription: 14 Mar 2007, 16:21
Localisation: Savoie
Points: 2003


Re: Afficher / masquer un texte

Messagede boulledogue le 10 Mai 2008, 17:33

Salut Black!
Ton script me donne des idées pour mon site, en effet, avec un peu d'imagination ca peut etre super utile... Merci à toi tu assures!
Boulledogue
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: Afficher / masquer un texte

Messagede Black le 10 Mai 2008, 18:23

boulledogue a écrit:Salut Black!
Ton script me donne des idées pour mon site, en effet, avec un peu d'imagination ca peut etre super utile... Merci à toi tu assures!
Boulledogue


Par contre, si tu l'utilises plusieurs dois dans une même page, il faut ajouter "1" derrière divid, et ajouter ,divid1 au code CSS :bravo: Et autant de fois que tu veut ;-D
Black
Plug'zien Pro
Plug'zien Pro
 
Messages: 1233
Inscription: 08 Déc 2007, 21:34
Localisation: Cherbourg, France.
Points: 856


Re: Afficher / masquer un texte

Messagede TN360 le 11 Mai 2008, 09:07

Pas mal ! J'en aurais surement besoin !
Image
Avatar de l'utilisateur
TN360
Apprenti Plug'zien
Apprenti Plug'zien
 
Messages: 61
Inscription: 19 Avr 2008, 17:37
Points: 13


Re: Afficher / masquer un texte

Messagede boulledogue le 11 Mai 2008, 09:12

Black a écrit:
boulledogue a écrit:Salut Black!
Ton script me donne des idées pour mon site, en effet, avec un peu d'imagination ca peut etre super utile... Merci à toi tu assures!
Boulledogue


Par contre, si tu l'utilises plusieurs dois dans une même page, il faut ajouter "1" derrière divid, et ajouter ,divid1 au code CSS :bravo: Et autant de fois que tu veut ;-D

Salut! Tu fais bien de le dire, mais je m'en doutais!
A bientot et merci
Boulledogue
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: Afficher / masquer un texte

Messagede jeromecold le 13 Mai 2008, 19:49

J'ai utilisé ton code pour Wikionline, sa fait toujours mieux qu'une nouvelle page!

Par contre, je pense que tu devrais dire (pour les personnes nulles en CSS dans mon genre) que c'est dans un fichier CSS lié à la page web qu'il faut mettre ton bout de CSS (enfin, jsuis pas si nul que ça, j'ai mit que trois minutes à trouver où le mettre!) :lol:
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Re: Afficher / masquer un texte

Messagede Black le 13 Mai 2008, 20:59

jeromecold a écrit:(enfin, jsuis pas si nul que ça, j'ai mit que trois minutes à trouver où le mettre!) :lol:


Sisi, tu es nul :-x

Et pour les nuls comme toi, je vais dire où il faut le mettre :lol:
Black
Plug'zien Pro
Plug'zien Pro
 
Messages: 1233
Inscription: 08 Déc 2007, 21:34
Localisation: Cherbourg, France.
Points: 856


Re: Afficher / masquer un texte

Messagede boulledogue le 14 Mai 2008, 06:26

Les gars, les gars:
Où avez-vous appris votre CSS? :-x
:lol: Franchement, il faut mettre du CSS dans votre fichier CSS je pense qu'il ne faut meme plus le répéter hein? :-x
Avatar de l'utilisateur
boulledogue
Modo'z
Modo'z
 
Messages: 2252
Inscription: 16 Mar 2007, 18:26
Localisation: Liège, Belgique
Points: 4453


Re: Afficher / masquer un texte

Messagede TN360 le 14 Mai 2008, 11:41



On peut aussi le mettre dans le fichier HTML :-x

Image
Avatar de l'utilisateur
TN360
Apprenti Plug'zien
Apprenti Plug'zien
 
Messages: 61
Inscription: 19 Avr 2008, 17:37
Points: 13


Re: Afficher / masquer un texte

Messagede Black le 14 Mai 2008, 11:54

TN360 a écrit:

On peut aussi le mettre dans le fichier HTML :-x



Oui mais bon, c'est plus brouille ;-D

Après, c'est une question de goût ;-)
Black
Plug'zien Pro
Plug'zien Pro
 
Messages: 1233
Inscription: 08 Déc 2007, 21:34
Localisation: Cherbourg, France.
Points: 856


Re: Afficher / masquer un texte

Messagede jeromecold le 14 Mai 2008, 12:30

Boulledogue, j'ai jamais appris le Css ^^.
Arobase plus
Avatar de l'utilisateur
jeromecold
Plug'zien Pro
Plug'zien Pro
 
Messages: 3156
Inscription: 05 Sep 2007, 13:18
Points: 2915


Suivant

Retourner vers Javascript

Qui est en ligne

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