OVH Cloud OVH Cloud

Pop-up, again...

2 réponses
Avatar
Alex
Bonjour,
Petite question sur les pop-up de la part d'un novice...

Je voudrais qu'en s'ouvrant, un pop up utilise toute la largeur de l'écran,
j'ai donc mis "width=full", mais cela ne fonctionne pas.
Voici la ligne de code complète :

<A HREF="#" onClick="window.open('menu.htm','_blank','toolbar=0, location=0,
directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0,
width=full, height=645, top=50');return(false)"><img border="0"
src="Logo%20275x175.jpg" width="275" height="175"></a></td></A>

Une idée ?

Ou sinon, comment demander que le pop up s'ouvre exactement au milieu de
l'écran ?

Merci de vos réponses...

Alex

2 réponses

Avatar
B. M.
Alex a écrit :
Bonjour,
Petite question sur les pop-up de la part d'un novice...

Je voudrais qu'en s'ouvrant, un pop up utilise toute la largeur de l'écran,
j'ai donc mis "width=full", mais cela ne fonctionne pas.
Voici la ligne de code complète :

<A HREF="#" onClick="window.open('menu.htm','_blank','toolbar=0, location=0,
directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0,
width=full, heightd5, topP');return(false)"><img border="0"
src="Logo%20275x175.jpg" width="275" height="175"></a></td></A>

Une idée ?

Ou sinon, comment demander que le pop up s'ouvre exactement au milieu de
l'écran ?

Merci de vos réponses...

Alex




Avec un petit peu plus de javascript on va détecter la largeur de
l'écran du visiteur puis utiliser cette largeur dans la fonction d'appel
du pop up. Dans la pratique, ça donne ça :

Avant la balise </head> de la page mettre les lignes de code suivantes :

<script type="text/javascript">
<!--
var largeur = screen.width;
-->
</script>

Le lien vers le pop up est à modifier de la façon suivante :

<a href="menu.htm" target="_blank"
onclick="javascript:window.open(this.href,'popup','toolbar=0,
location=0, directories=0, status=0, scrollbars=0, resizable=0,
copyhistory=0, menuBar=0, width='+largeur+',heightd5,topP'); return
false;"><img border="0" src="Logo%20275x175.jpg" width="275"
height="175"></a>

Deux remarques sur ton code :
- la balise <a> (le lien) est fermée deux fois : </a></td></A>, il faut
supprimer la deuxième balise </A>.
- il y a un espace dans le nom de l'image (%20), c'est à éviter car il
se peut qu'une fois la page mise sur un serveur l'image ne s'affiche pas.
--
B. M.
Avatar
Alex
ok, parfait, merci beaucoup, cela fonctionne parfaitement !
Et merci pour les conseils concernant l'espace.

Alexandre

"B. M." a écrit :

Alex a écrit :
> Bonjour,
> Petite question sur les pop-up de la part d'un novice...
>
> Je voudrais qu'en s'ouvrant, un pop up utilise toute la largeur de l'écran,
> j'ai donc mis "width=full", mais cela ne fonctionne pas.
> Voici la ligne de code complète :
>
> <A HREF="#" onClick="window.open('menu.htm','_blank','toolbar=0, location=0,
> directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0,
> width=full, heightd5, topP');return(false)"><img border="0"
> src="Logo%20275x175.jpg" width="275" height="175"></a></td></A>
>
> Une idée ?
>
> Ou sinon, comment demander que le pop up s'ouvre exactement au milieu de
> l'écran ?
>
> Merci de vos réponses...
>
> Alex
>

Avec un petit peu plus de javascript on va détecter la largeur de
l'écran du visiteur puis utiliser cette largeur dans la fonction d'appel
du pop up. Dans la pratique, ça donne ça :

Avant la balise </head> de la page mettre les lignes de code suivantes :

<script type="text/javascript">
<!--
var largeur = screen.width;
-->
</script>

Le lien vers le pop up est à modifier de la façon suivante :

<a href="menu.htm" target="_blank"
onclick="javascript:window.open(this.href,'popup','toolbar=0,
location=0, directories=0, status=0, scrollbars=0, resizable=0,
copyhistory=0, menuBar=0, width='+largeur+',heightd5,topP'); return
false;"><img border="0" src="Logo%20275x175.jpg" width="275"
height="175"></a>

Deux remarques sur ton code :
- la balise <a> (le lien) est fermée deux fois : </a></td></A>, il faut
supprimer la deuxième balise </A>.
- il y a un espace dans le nom de l'image (%20), c'est à éviter car il
se peut qu'une fois la page mise sur un serveur l'image ne s'affiche pas.
--
B. M.