Tom's Guide > Forum > Programmation > Soucis avec test if javascript

Soucis avec test if javascript

Forum Programmation : Soucis avec test if javascript

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

Bonjour,
j'ai un petit soucis en javascript avec un test if, je vous explique :
en fait au départ j'ai 2 div. La seconde est hidden au départ. C'est lors du survol sur la première que la deuxième apparait. et bien sûr, lorsque la souris s'en va, la deuxième div disparait à nouveau. Le but est que lors du clic sur la première div, la seconde reste visible même lorsque la souris repart.
Jusqu'ici rien de bien compliqué me direz-vous, seulement le problème se gâte lorsque j'ai un menu comme ceci avec 6 éléments, qui font apparaitre chacun une iframe différente au même endroit dans la page.
Seulement avec la fonction ci-dessous la deuxième div ne reste pas affichée après le clic. En fait j'ai l'impression que le test ne fonctionne pas du fait que la frame testée se trouve plus bas dans le code que l'appel à la fonction qui est censée la tester.
Merci pour votre aide car j'ai fais des recherches toute la journée et je n'ai rien trouvé.

mes fonctions javascript :

Code :

function affiche_carre_sante(){ document.getElementById("carre_sante" ).style.visibility = "visible"; }
function cache_carre_sante(){
if (document.getElementById("frame_ref" ).src != "references_sante.htm" ) {
document.getElementById("carre_sante" ).style.visibility = "hidden";
} else {
document.getElementById("carre_sante" ).style.visibility = "visible";
}
}

ma première div :

Code :

<div class="case_secteurs" onmouseover="affiche_carre_sante();" onmouseout="cache_carre_sante();">
<a href="references_sante.htm" target="frame_ref" class="secteurs_link">Santé</a>
</div>

ma deuxième div :

Code :

<div class="case_carre"><img src="images/carre_vert.gif" border="0" id="carre_sante" style="visibility:hidden;" /></div>

mon iframe :

Code :

<iframe name="frame_ref" id="frame_ref" src="references_frame.htm"></iframe>

Message édité par SiM07 le 01-02-2009 à 02:16:13

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Salut,

J'ai pas compris tout ton problème là...

Ton problème c'est que tu veux que quand on clique sur la première div et que l'on sort de la première div, on ait toujours la 2ème div affichée, c'est ça ?

Répondre à OmaR

oui c'est tout à fait ça

Répondre à grenouille6943

Je viens de voir que tu avais supprimé ton sujet... Est-ce que c'est normal ou tu as fait une erreur de manipulation ?
Dans tous les cas, je l'ai remis vu qu'il peut être intéressant je pense.

Ca donnerait quelque chose comme ça pour ton code javascript:

Code :

var clicked = false;
function affiche_carre_sante(){ document.getElementById("carre_sante" ).style.visibility = "visible"; }
function cache_carre_sante(){
if(!clicked) {
if (document.getElementById("frame_ref" ).src != "references_sante.htm" ) {
document.getElementById("carre_sante" ).style.visibility = "hidden";
} else {
document.getElementById("carre_sante" ).style.visibility = "visible";
}
}
}

Et pour ta 1ère div:

Code :

<div class="case_secteurs" onmouseover="affiche_carre_sante();" onmouseout="cache_carre_sante();" onclick="clicked=!clicked;">
<a href="references_sante.htm" target="frame_ref" class="secteurs_link">Santé</a>
</div>

(double clique sur les bouts de code pour supprimer les numéros de ligne et pour pouvoir plus facilement copier le code)

Je ne l'ai pas testé, mais ça devrait le faire.

Répondre à OmaR

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > Soucis avec test if javascript

Aller à :

Aide |
Règles du forum

Il y a 2234 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,478 secondes

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler

Liens