Afficher, cacher div
Sinistrus
Messages postés
1010
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 30427 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour à tous,
J'ai une petite complication avec le display none
Dans le site que je suis en train de construire, j'ai une zone de texte (recherche) dans laquelle lorsque je veux rechercher, je souhaiterais que le contenu de la plage en cours se cache pour laisser place au résultat de la recherche.
Seulement ça ne fonctionne pas comme je le souhaite.
Vous pouvez m'aider svp ?
J'ai une petite complication avec le display none
Dans le site que je suis en train de construire, j'ai une zone de texte (recherche) dans laquelle lorsque je veux rechercher, je souhaiterais que le contenu de la plage en cours se cache pour laisser place au résultat de la recherche.
Seulement ça ne fonctionne pas comme je le souhaite.
<div class="evenement">
<script language="JavaScript">
function show_hide_div(nomdiv){
var lediv = document.getElementById(nomdiv);
if(lediv.style.display=="block")
lediv.style.display="none";
else
lediv.style.display="block";
}
</script>
<div class="search"><input type="text" name="recherche" class="text" id="recherche" placeholder="Rechercher" onchange="show_hide_div('cache_cache')"/></div>
<div class="resultat" id="resultat"></div>
<div id="cache_cache"><!-- Contenu ici --></div>
Vous pouvez m'aider svp ?
2 réponses
-
Hello ....
Essaye
if ()
{}
else {}
Je n'utilise (sûrement à tort) que jquery, et la syntaxe est différente.. mais j'y arrive... donc si tu veux la solution en js pur, je ne sais pas. En jQuery je peux t'aider. Comme ça t'arrange/////// -
Bonjour
Déjà.. il n'y a pas de ONCHANGE sur un INPUT.
Ensuite... voici un code fonctionnel :<div class="evenement"> <script language="JavaScript"> function show_hide_div(elmvalue,nomdiv){ var lediv = document.getElementById(nomdiv); //si quelque chose est marqué dans l'input if(elmvalue.length>0){ lediv.style.display="block"; }else{ lediv.style.display="none"; } } </script> <div class="search"> <input type="text" name="recherche" class="text" id="recherche" placeholder="Rechercher" onkeyup="show_hide_div(this.value,'cache_cache');"/></div> <div class="resultat" id="resultat"></div> <div id="cache_cache" style="display:none;"><!-- Contenu ici --> ceci est un texte test....</div>
