Popup à la position de la souris

Soyez le premier à donner votre avis sur cette source.

Snippet vu 25 251 fois - Téléchargée 33 fois

Commenter

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
cs_Deny Messages postés 39 Date d'inscription lundi 21 octobre 2002 Statut Membre Dernière intervention 16 février 2009
22 févr. 2010 à 09:02
Bonjour,

Tu as certainement raison, mais il est à noter que cette programmation est assez anciène.
C'est plus un essai qu'autrechose.
cs_nossoctoruss Messages postés 126 Date d'inscription samedi 28 novembre 2009 Statut Membre Dernière intervention 9 juin 2013
20 févr. 2010 à 23:00
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^^
S'inscrire maintenant

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.

Du même auteur (cs_Deny)