Afficher, cacher div

Sinistrus Messages postés 1010 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38486 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. 

<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 ?

A voir également:

2 réponses

Réponse 1 / 2
vvvv
 
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///////
0
Réponse 2 / 2
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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>

0