Afficher/cacher une zone de texte

**mathieu** · 03/10/2011, 16h54

Bonjour,

Je vous propose un nouvel élément à utiliser : Afficher/cacher une zone de texte

Ce script permet d'afficher et de cacher un cadre de trois façons différentes:

en le retirant simplement du flux ,en le faisant disparaitre sans le retirer du flux, en le réduisant verticalement.

Qu'en pensez-vous ?

**Globolite** · 24/04/2012, 14h53

Bonjour,

Cette fonction est super !

Néanmoins lorsque l'on démarre la page, le contenu à afficher/cacher est directement visible.

Saurais-tu comment faire en sorte que ce contenu soit au démarrage invisible et puis visible lorsque l'on clique ?

Un genre de defaut value...

Globolite ;-)

**vermine** · 24/04/2012, 15h06

Bonjour,

Les trois manières de cacher l'élément agissent sur des propriétés différentes. Si par défaut on cache l'élément avec une de ces propriétés, seul l'affichage utilisant cette propriété fonctionnera. Ce n'est pas exactement ça mais les interactions ne seront pas bonnes.

Donc, oui, il y a moyen de cacher les éléments par défaut, mais alors on se limite à une seule méthode pour l'affichage.

**Globolite** · 24/04/2012, 17h25

J'ai compris, si par exemple j'utilise la premiere méthode ( function affcache() ), quelle est la ligne de code qui par défaut affiche tout le contenu ?

**Globolite** · 24/04/2012, 17h51

Je tente de modifier la fonction affcache (celle que j'utilise), mais je n'obtiens malheureusement pas ce que je veux :-(

Je ne comprends pas exactement comment fonctionne la fonction :

Code :

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

1
2
3
4
5
6
7
function affCache(idDiv) {
var div = document.getElementById(idDiv);
if (div.style.display == "")
div.style.display = "none";
else
div.style.display = "";
}

Du coup je me demande si je dois essayer de modifier la fonction qui fonctionne bien d'ailleurs, ou plutot m'attaquer à ce qui est affiché à savoir ici par exemple le texte.

Vois-tu ce que je veux dire ?

**vermine** · 25/04/2012, 08h16

Soit tu appelles la fonction au démarrage de la page :

Code html :

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

<body onload="init();">

Code :

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

1
2
3
4
 
function init(){
   affCache('div1'); // 'div1' étant l'id de l'élément que tu veux cacher
}

Soit tu caches l'élément HTML lors de la construction de la page :

Code html :

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

<div id="div1" style="display:none">

**Globolite** · 25/04/2012, 10h33

Vermine tu assures !

Merci beaucoup !!!!!!!! :-) !!!!

**tpradat** · 31/08/2012, 13h01

Bonjour,

Super cette fonction. Seul souci, elle semble incompatible sous Google Chrome (sous Mac). Comment faire pour la rendre compatible ? Merci +++ d'avance

**Torgar** · 31/08/2012, 16h59

Les trois fonctions ne fonctionnent pas ou seulement celle citée dans les précédents messages (affCache()) ?

Afficher/cacher une zone de texte

Téléchargez

Discussions similaires

Partager

Partager