begin process at 2012 02 14 04:18:24
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Fenêtre & Pop-up

 > POPUP À LA POSITION DE LA SOURIS

POPUP À LA POSITION DE LA SOURIS


 Information sur la source

Note :
Aucune note
Catégorie :Fenêtre & Pop-up Niveau :Initié Date de création :24/01/2003 Date de mise à jour :24/01/2003 09:26:09 Vu :22 272
Auteur : Deny

Ecrire un message privé
Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note

 Description

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

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


 Sources du même auteur

DHTML - MANIP CSS
OUVERTURE POPUP À URL ALÉATOIRE
Source avec Zip 96 SITES RÉPERTORIÉS : HTML, CSS, DHTML, JAVA, JAVASCRIPT, P...
BROWSER SNIFFER (RENIFLEUR)
Source avec Zip DHTML SCROLLTOP
Toutes les sources de Deny

 Sources de la même categorie

Source avec Zip Source avec une capture POSMOUSE - AFFICHAGE DES COORDONNÉES DE LA SOURIS, TAILLE DE... par phidelum
SFR WIDGET ET JQUERY par hhoareau
Source avec Zip JOLIE ALERTE AVEC "ALERT()" par heycraft
Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Source avec Zip Source avec une capture CLASS POP-IN AVEC EFFET SOUS JQUERY DE "CONNEXION" STYLE CS ... par Nementon
Toutes les sources de la catégorie Fenêtre & Pop-up

Commentaires et avis

Commentaire de nossoctoruss le 20/02/2010 23:00:52

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

Commentaire de Deny le 22/02/2010 09:02:31

Bonjour,

Tu as certainement raison, mais il est à noter que cette programmation est assez anciène.
C'est plus un essai qu'autrechose.

 Ajouter un commentaire

Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Green Energy Solutions With Light Bulb Morphed Into LandscapePhoto Beautiful woman in a bikini meditating on the beach
Photo DSLR Camera Taking a Photograph of a Sunflower Field 

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,338 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)