IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Téléchargé 11 fois
Vote des utilisateurs
0 
0 
Détails
Licence : Non renseignée
Mise en ligne le 3 octobre 2011
Plate-formes : Linux, Mac, Windows
Langue : Français
Référencé dans
Navigation

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.
Avatar de mathieu
Expert éminent sénior https://www.developpez.com
Le 03/10/2011 à 16:54
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 ?
Avatar de Globolite
Membre du Club https://www.developpez.com
Le 24/04/2012 à 14:53
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 ;-)
Avatar de vermine
Expert éminent sénior https://www.developpez.com
Le 24/04/2012 à 15:06
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.
Avatar de Globolite
Membre du Club https://www.developpez.com
Le 24/04/2012 à 17:25
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 ?
Avatar de Globolite
Membre du Club https://www.developpez.com
Le 24/04/2012 à 17:51
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
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 ?
Avatar de Globolite
Membre du Club https://www.developpez.com
Le 25/04/2012 à 10:33
Vermine tu assures !

Merci beaucoup !!!!!!!! :-) !!!!
Avatar de tpradat
Nouveau Candidat au Club https://www.developpez.com
Le 31/08/2012 à 13:01
Bonjour,

Super cette fonction. Seul souci, elle semble incompatible sous Google Chrome (sous Mac). Comment faire pour la rendre compatible ? Merci +++ d'avance
Avatar de Torgar
Rédacteur https://www.developpez.com
Le 31/08/2012 à 16:59
Les trois fonctions ne fonctionnent pas ou seulement celle citée dans les précédents messages (affCache()) ?
Developpez.com décline toute responsabilité quant à l'utilisation des différents éléments téléchargés.