Focus sur une div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Focus sur une div

theredled

● REC

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

Publicité

dwogsi

Défaillance cérébrale...

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})/

theredled

● REC

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

theredled

● REC

Heupe

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

gatsu35

Blablaté par Harko

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

dit toi bien ça

Message cité 1 fois

theredled

● REC

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

theredled

● REC

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

gatsu35

Blablaté par Harko

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

anapajari

s/travail/glanding on hfr/gs;

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

Shinuza

This is unexecpected

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.

Publicité

theredled

● REC

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

FORUM HardWare.fr

Programmation

HTML/CSS

Focus sur une div

Sujets relatifs
Pb javascript focus() sur un element en display:none	Focus
Focus sur fenêtres MDI	Problème de focus sur element <embed/>
[VBA - Excel] - RESOLU - Erreur de focus sur fonction "simple"	changer focus d'un select en fonction choix autre select
[DOM/javascript] Focus sur la page mère (retour arrière)	[Resolu][C#NET] Mettre le focus sur un onglet (pour le faire afficher)
[Access] Affecter une valeur lors du premier focus sur une case	Focus sur un TListView ?
Plus de sujets relatifs à : Focus sur une div

Page générée en 0.048 secondes