OVH Cloud OVH Cloud

window.open en .js externe

3 réponses
Avatar
Guillaume
Bonjour à tous,

Soit une page proposant des photos accessibles via une popup à la
taille de chacun. Sur chaque lien, OnClick dit ça :
window.open(page,"Photo.jpg","toolbar=no,location=no,status=no,
menubar=no,scrollbars=no,resizable=no,width=XXX,height=XXX")

Je cherche à pouvoir appeler la fonction via un .js externe, en ne
précisant plus en argument que le nom de la photo appelée (ou la page
html qui l'affiche, peu importe), sa hauteur et sa longueur ... et je
sèche lamentablement.

Quelqu'un connaîtrait-il un tel script, ou pourrait me donner un coup
de pouce ?

D'avance merci.

--
Guillaume

3 réponses

Avatar
O.L.
Bonjour à tous,

Soit une page proposant des photos accessibles via une popup à la taille de
chacun. Sur chaque lien, OnClick dit ça :
window.open(page,"Photo.jpg","toolbar=no,location=no,status=no,
menubar=no,scrollbars=no,resizable=no,width=XXX,height=XXX")

Je cherche à pouvoir appeler la fonction via un .js externe, en ne précisant
plus en argument que le nom de la photo appelée (ou la page html qui
l'affiche, peu importe), sa hauteur et sa longueur ... et je sèche
lamentablement.

Quelqu'un connaîtrait-il un tel script, ou pourrait me donner un coup de
pouce ?

D'avance merci.


### tonScriptExterne.js ###

function ouvrir(nom, largeur, hauteur) {
window.open(page,nom,"toolbar=no,location=no,status=no,
menubar=no,scrollbars=no,resizable=no,width="+largeur+",height="+hauteur);
}


### taPage.html ###

<script src=tonScriptExterne.js></script>

...

<img onclick="ouvrir('photo1.jpg', 300, 200)" src=...>

--
Olivier Ligny
Créateur web free-lance / www.cyber-tamtam.net

Avatar
ASM
Bonjour à tous,

Soit une page proposant des photos accessibles via une popup à la taille
de chacun.


'tit tuto :
http://perso.orange.fr/stephane;moriaux/internet/web_html/java/fenetr

Je cherche à pouvoir appeler la fonction via un .js externe, en ne
précisant plus en argument que le nom de la photo appelée (ou la page
html qui l'affiche, peu importe), sa hauteur et sa longueur ... et je
sèche lamentablement.



fichier popup.js :

truc = false;
function pop(photo) {
if(!truc || truc.closed)
truc = window.open('','','width0,height0,resizable=1');
truc.document.open()
truc.document.write('<img src="'+photo+
'" onload="window.resizeTo(this.width+20,this.height+20)">');
truc.document.close();
truc.focus();
}


fichier page.html
<html>
<head>
<script type="text/javascript" src="popup.js"></script>
</head>
<body>
<h1>album</h1>
<p>
<a href="monchemin/mondossier/maphoto.jpg" target="_blank"
onclick="pop(this.href);return false;">photo 1</a>
</p>
<p>
<a href="monchemin/mondossier/otrephoto.jpg" target="_blank"
onclick="pop(this.href);return false;">photo 2</a>
</p>
</body>
</html>

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Guillaume
ASM a wroté :

Grand merci à tous les deux, pour le coup de main ainsi que pour le
lien, que je vais m'empresser d'exploiter (il comportait un minuscule
typo, que je corrige si d'autres ).

http://perso.orange.fr/stephane.moriaux/internet/web_html/java/fenetr/
(excellent site, bravo :))

Bonne journée,

--
Guillaume