J'ai une iframe éditable, sur lequel je place un div en position absolute avec un zindex de manière a placer celui ci sur l'iframe.
Je rentre du texte dans l'iframe, puis selectionne ce dernier.
J'aimerai que lorsque je clique sur le div, je ne perde pas le focus sur l'iframe (partie de texte selectionnée).
Voici mon code :
<html>
<head>
<STYLE type="text/css">
div{
z-index:100;
background:#ff0000;
position:absolute;
top:50px;
left:300px;
width:100px;
height:100px
}
</STYLE>
<script>
function initialisation_menu()
{frames['container'].document.designMode='On';}
</script>
</head>
<body onload="initialisation_menu();">
<iframe frameborder="1" width="98%" height="250px" name="container" id="container" ></iframe>
<div id='div' onclick='arret()'></div>
</body>
</html>
J'ai bien essayé de faire :
window.event.cancelBubble = true;
lors du clique sur le div, mais ca ne marche pas !!
Merci d'avance
onclic="javascript:gardefocus();"
function gardefocus()
{
var frame = document.getElementById('ton iframe');
frame.focus();
}