Petite popup dimensionnée qui s'ouvre à la position du lien, donc de la souris.
Egalement donc le script d'ouverture de popup positionné et dimensionné en fonction de la résolution d'écran est incorporé.
Source / Exemple :
<html>
<head>
<style>
p {margin:10px 0px 10px 150px ;}
</style>
<script type="text/javascript" language="JavaScript">
var Coordx = 0;
var Coordy = 0;
var info1 = null;
e=window.event;
function mousex(e){
if(document.layers) {return e.x;}
else {return event.clientX;}
}
function mousey(e){
if(document.layers) {return event.y;}
else {return event.clientY;}
}
function coord(e){
Coordx = mousex();
Coordy = mousey();
Coordy = Coordy + 100;
}
function ow0(theURL,larg,haut,posX,posY)
{
larg = Math.ceil(screen.width * (larg/100)*(1024/screen.width));
if(larg > screen.width) {larg = Math.ceil(larg*(95/100));}
haut = Math.ceil(screen.height * (haut/100));
if (info1)
{
info1.close();
info1 = window.open(theURL,"info1","scrollbars=yes,menubar=yes,resizable=yes,width="+ larg +"px,height="+ haut +"px,outerwidth="+ larg +"px,outerheight="+ haut +"px,top="+posY+",left="+posX+",screenX="+posX+",screenY="+posY);
info1.focus();
}
else {
info1 = window.open(theURL,"info1","scrollbars=yes,menubar=yes,resizable=yes,width="+ larg +"px,height="+ haut +"px,outerwidth="+ larg +"px,outerheight="+ haut +"px,top="+posY+",left="+posX+",screenX="+posX+",screenY="+posY);
info1.focus();
}
}
</script>
</head>
<body onClick="javascript:info1.close();">
<p><br><br><br><br><br><br><a href="#" onMouseOver="javascript:coord(event);ow0('http://www.javascriptfr.com',35,35,Coordx,Coordy)">Javascriptfr</a></p>
<p><a href="#" onMouseOver="javascript:coord(event);ow0('http://www.allhtml.com',35,35,Coordx,Coordy)">allhtml</a></p>
</body>
</html>
Conclusion :
Ici sur un onMouseOver, et qui peut se refermer avec un click sur le fond d'écran. (body onClick). Dans tous les cas, une deuxième se rouvre dans la même fenêtre.
Changez les options d'ouverture...
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.