 | |
#1
 
| |||
| |||
|
Re: Popup -
03-11-2006
, 05:01 AM
|
Bonjour tout le monde, Dans l'exemple ci-joint je souhaiterais la chose suivante : Lorsque je clique sur l'image, je souhaiterai que le pop up s'affiche en haut a gauche de l'ecran. Je dois rajouter quoi et ou dans ce code ? |
http://openweb.eu.org/articles/popup/
Pas besoin d'une grosse fonction compliquée, juste un soupçon de
javascript avec les options top et left :
<a href="petite.gif"
onclick="window.open(this.href,'Grande','top=10,le ft=10,width=10,height=10');
return false;">
Ça devrait fonctionner à merveille ;-)
--
Xavier
#2
| |||
| |||
|
|
Alain a écrit : Bonjour tout le monde, Dans l'exemple ci-joint je souhaiterais la chose suivante : Lorsque je clique sur l'image, je souhaiterai que le pop up s'affiche en haut a gauche de l'ecran. Je dois rajouter quoi et ou dans ce code ? Openweb a un article très bien fait sur les popups : http://openweb.eu.org/articles/popup/ Pas besoin d'une grosse fonction compliquée, juste un soupçon de javascript avec les options top et left : a href="petite.gif" onclick="window.open(this.href,'Grande','top=10,le ft=10,width=10,height=10'); return false;" Ça devrait fonctionner à merveille ;-) -- Xavier |
#3
| |||
| |||
|
|
div style="position:absolute;top:49px;left:144px;width :70px;height:70px;" a href="#" onclick="resizePopUp('images/galleries/concert/1/Scene002.jpg',top=10,left=10,width=10,height=10'); return false;"><img src="images/galleries/concert/1/Scene002v.jpg" alt="" /></a></div Mais ca ne fonctionne pas... |
Il faut remplacer tout le <a href= etc. par le bout de code que j'avais
donné. Par exemple :
<div style="position:absolute;top:49px;left:144px;width :70px;height:70px;">
<a href="images/galleries/concert/1/Scene002.jpg"
onclick="window.open(this.href,'Grande','top=10,le ft=10,width=10,height=10');
return false;"><img src="images/galleries/concert/1/Scene002v.jpg"
alt="Scène 2" /></a></div>
Là ça devrait fonctionner.
Dans le alt="..." mettre un texte remplaçant l'image en cas de non
affichage de celle-ci ;-)
--
Xavier
#4
| |||
| |||
|
|
Alain a écrit : div style="position:absolute;top:49px;left:144px;width :70px;height:70px;" a href="#" onclick="resizePopUp('images/galleries/concert/1/Scene002.jpg',top=10,left=10,width=10,height=10'); return false;"><img src="images/galleries/concert/1/Scene002v.jpg" alt="" /></a></div Mais ca ne fonctionne pas... Ce n'est pas du tout ce que j'avais écrit ! Il faut remplacer tout le <a href= etc. par le bout de code que j'avais donné. Par exemple : div style="position:absolute;top:49px;left:144px;width :70px;height:70px;" a href="images/galleries/concert/1/Scene002.jpg" onclick="window.open(this.href,'Grande','top=10,le ft=10,width=10,height=10'); return false;"><img src="images/galleries/concert/1/Scene002v.jpg" alt="Scène 2" /></a></div Là ça devrait fonctionner. Dans le alt="..." mettre un texte remplaçant l'image en cas de non affichage de celle-ci ;-) -- Xavier |
#5
| |||
| |||
|
|
Oui Xavier, ce n'est pas ce que tu as écrit. Mais je m'explique. En fait le site existe deja : http://www.pascalefrossard.com/ Dans la section photo puis gallerie, mes popups existent et j'aimerai composer avec ce qui existe deja. Je ne veux/peux pas tout changer... C'est pour cela que j'ai essayé d'adapter "top=10,left=10,width=10,height=10" dans ma ligne de code deja existante qui ressemble a : div style="position:absolute;top:48px;left:48px;width: 70px;height:70px;" a href="#" onclick="resizePopUp('images/galleries/concert/1/Scene001.jpg');"><img src="images/galleries/concert/1/Scene001v.jpg" alt="" /></a></div |
rappel, 10% des internautes ont javascript désactivé).
Ensuite, le script de redimensionnement ne prend en compte que IE et
Netscape. Ça donne donc des catastrophes dans Opera, et probablement
aussi dans Safari, Konqueror et certainement d'autres, comme c'est
toujours le cas quand on fait une détection de navigateurs. (Et même si
ce n'est pas le cas maintenant parce que la détection a été testée sur
tous les navigateurs - ce qui est bien évidemment impossible - on peut
être sûr qu'à l'avenir il y aura des problèmes).
Bref, il est des fois où il vaut mieux repartir sur des bases un peu
plus saines et plus propres ;-)
#6
| |||
| |||
|
|
Alain a écrit : Oui Xavier, ce n'est pas ce que tu as écrit. Mais je m'explique. En fait le site existe deja : http://www.pascalefrossard.com/ Dans la section photo puis gallerie, mes popups existent et j'aimerai composer avec ce qui existe deja. Je ne veux/peux pas tout changer... C'est pour cela que j'ai essayé d'adapter "top=10,left=10,width=10,height=10" dans ma ligne de code deja existante qui ressemble a : div style="position:absolute;top:48px;left:48px;width: 70px;height:70px;" a href="#" onclick="resizePopUp('images/galleries/concert/1/Scene001.jpg');"><img src="images/galleries/concert/1/Scene001v.jpg" alt="" /></a></div Le problème du href="#" c'est que sans javascript ça n'ouvre rien (pour rappel, 10% des internautes ont javascript désactivé). Ensuite, le script de redimensionnement ne prend en compte que IE et Netscape. Ça donne donc des catastrophes dans Opera, et probablement aussi dans Safari, Konqueror et certainement d'autres, comme c'est toujours le cas quand on fait une détection de navigateurs. (Et même si ce n'est pas le cas maintenant parce que la détection a été testée sur tous les navigateurs - ce qui est bien évidemment impossible - on peut être sûr qu'à l'avenir il y aura des problèmes). Bref, il est des fois où il vaut mieux repartir sur des bases un peu plus saines et plus propres ;-) |
#7
| |||
| |||
|
#8
| |||
| |||
|
 |
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.