Focus sur une div

Marsh Posté le 16-03-2007 à 18:07:50

Hello tous,

J'ai sur ma page une liste d'objets, et sur chaque objet j'ai un lien pour afficher une div 'menu' invisible. Je voudrais seulement faire en sorte que lorsqu'un menu est ouvert et que je clique à l'extérieur, celui-ci repasse en invisible...

Hors le onBlur appliqué à la div menu n'est jamais appelé, même lorsque j'ai forcé le focus sur elle

le code simplifié :

Code :

<?php
$liste = array('pomme', 'banane', 'kiwi');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
<script language="javascript">
function Ouvrir_Menu(id) {
document.getElementById('menu_'+id).style.display = "block";
document.getElementById('menu_'+id).focus();
}
function Cacher_Menu(id) {
alert('ca marche');
document.getElementById('menu_track_'+id).style.display = "none";
}
</script>
<style type="text/css">
.element {
position:relative;
border:1px solid black;
width:500px;
height:80px;
}
.titre {
color:red;
}
.lienmenu {
color:blue;
}
.menu {
position:absolute;
width:200px;
height:200px;
display:none;
color:purple;
border:1px solid purple;
background-color:blue;
}
</style>
</head>
<body>
<?php
for ($i=0; $i<count($liste); $i++) {
?>
<div class="element">
<div class="titre"><?php echo $liste[$i]; ?></div>
<div class="lienmenu"><a href="javascript:Ouvrir_Menu(<?php echo $i; ?> );">menu</a></div>
<div class="menu" id="menu_<?php echo $i; ?>" onBlur="Cacher_Menu(<?php echo $i; ?> );">
blabla
</div>
</div>
<?php
}
?>
</body>
</html>

merci [:ojap]

Message édité par theredled le 16-03-2007 à 18:12:05

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Reply

Marsh Posté le 16-03-2007 à 18:07:50

Reply

Marsh Posté le 16-03-2007 à 18:16:37

Moi je verrais plutôt un OnMouseOut() avec un timer qui serait stoppé en cas de OnMouseOver().

Message cité 1 fois

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

Reply

Marsh Posté le 16-03-2007 à 18:26:30

dwogsi a écrit :

Moi je verrais plutôt un OnMouseOut() avec un timer qui serait stoppé en cas de OnMouseOver().

Au pire c'est possible aussi oui c'est vrai...

Ca ne m'arrange pas tellement car il devrait pouvoir y avoir un formulaire dans le "menu" mais si rien n'est possible...

Message édité par theredled le 16-03-2007 à 18:28:09

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Reply

Marsh Posté le 19-03-2007 à 14:44:14

Heupe

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Reply

Marsh Posté le 19-03-2007 à 14:50:01

le onfocus() sur un div ca n'existe pas idem pour le onblur()

dit toi bien ça

Message cité 1 fois

Reply

Marsh Posté le 19-03-2007 à 15:13:23

gatsu35 a écrit :

le onfocus() sur un div ca n'existe pas idem pour le onblur()

dit toi bien ça

On me dit que si
http://msdn.microsoft.com/workshop [...] onblur.asp (cf "Applies To" )

Spoiler :

certes on me dit aussi l'inverse
http://www.w3.org/TR/html4/interact/scripts.html

Message cité 2 fois
Message édité par theredled le 19-03-2007 à 15:15:50

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Reply

Marsh Posté le 19-03-2007 à 15:16:31

Mais comment ils font alors, dans les trucs en DHTML :??:

Message cité 1 fois
Message édité par theredled le 19-03-2007 à 15:18:10

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Reply

Marsh Posté le 19-03-2007 à 15:27:17

theredled a écrit :

On me dit que si
http://msdn.microsoft.com/workshop [...] onblur.asp (cf "Applies To" )

Spoiler :

certes on me dit aussi l'inverse
http://www.w3.org/TR/html4/interact/scripts.html

C'est microsoft qui te le dit, mais faut pas suivre microsoft, mais le W3C.

en fait c'est sur le onclick tu affiche ton bouzin et tu met un event pour annuler le click sur toute la profondeur.
et sur le document.body tu rajoute un event sur le onclick qui cache le div.

Je te ferai une demo soit ce soir soit demain, en attend cherches

Reply

Marsh Posté le 19-03-2007 à 15:32:14

theredled a écrit :

On me dit que si
http://msdn.microsoft.com/workshop [...] onblur.asp (cf "Applies To" )

only for IE ... donc c'est pas bon

theredled a écrit :

Mais comment ils font alors, dans les trucs en DHTML :??:

les click, mouseover, mouseout sont tes amis, il faut les aimer aussi ( et en plus si tu le fais proprement ça marchera partout ).

edit: burned ...

Message édité par anapajari le 19-03-2007 à 15:32:43

Reply

Marsh Posté le 19-03-2007 à 15:32:41

My god :\

Si tu prends les docs de microsoft pour argent comptant, t'es en pas sorti mon gars [:chrisbk]

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Reply

Marsh Posté le 19-03-2007 à 15:32:41

Reply

Marsh Posté le 19-03-2007 à 17:48:38

Shinuza a écrit :

My god :\

Si tu prends les docs de microsoft pour argent comptant, t'es en pas sorti mon gars [:chrisbk]

Ton navigateur n'affiche pas les spoilers [:o_dei]

---------------
Contes de fées en yaourt --- █ --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique

Reply

Focus sur une div

Sujets relatifs:

Leave a Replay