Developpez.com

Plus de 2 000 forums
et jusqu'à 5 000 nouveaux messages par jour

Afficher/cacher une zone de texte

Présentation
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.
Téléchargement
Compatibilité
Linux Mac Windows
0  0 
Téléchargé 109 fois Voir les 8 commentaires
Détails
Catégories : Formulaires
Avatar de mathieu
Expert éminent
Voir tous les téléchargements de l'auteur
Licence : Autre
Date de mise en ligne : 3 octobre 2011




Avatar de Globolite 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 vermine - Responsable JavaScript & AJAX 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 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 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 vermine vermine - Responsable JavaScript & AJAX https://www.developpez.com
le 25/04/2012 à 8:16
Soit tu appelles la fonction au démarrage de la page :

Code html : Sélectionner tout
<body onload="init();">
Code : Sélectionner tout
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
<div id="div1" style="display:none">
Avatar de Globolite Globolite - Membre du Club https://www.developpez.com
le 25/04/2012 à 10:33
Vermine tu assures !

Merci beaucoup !!!!!!!! :-) !!!!
Avatar de tpradat 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 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.
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -