Popup à la position de la souris

Soyez le premier à donner votre avis sur cette source.

Snippet vu 24 546 fois - Téléchargée 31 fois

Contenu du snippet

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...

A voir également

Ajouter un commentaire

Commentaires

Messages postés
39
Date d'inscription
lundi 21 octobre 2002
Statut
Membre
Dernière intervention
16 février 2009

Bonjour,

Tu as certainement raison, mais il est à noter que cette programmation est assez anciène.
C'est plus un essai qu'autrechose.
Messages postés
126
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
9 juin 2013

je veu pas etre méchant,car poster une source est tres sympa,car on partage son savoir et c hyper gentil,mais le code est quand meme un peu grand pour ce que c'est,il y a des manieres plus courte de le faire...
++
bonne continuation^^

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.