Discussion :

[beegees]

Bonjour tout le monde,

J'ai trouvé un script qui permet d'ouvrir un pop up :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<SCRIPT LANGUAGE="JavaScript">
function PopupCentrer(page,largeur,hauteur,options) {
  var top=(screen.height-hauteur)/2;
  var left=(screen.width-largeur)/2;
  window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
</SCRIPT>// JavaScript Document

Voici le code se trouvant sur l'image en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="Images/logo.jpg" alt="Logo" width="136" height="136" border="0" onclick="js/popupCursus"/></div>

Cela ne fonctionne pas.

Sauriez-vous où j'ai fais l'erreur ?

Je vous en remercie d'avance.

beegees

[SpaceFrog]

heu ya pas de fonction dans ton onclick ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="PopupCentrer('js/popupCursus',400,300,'')"

[beegees]

heu ya pas de fonction dans ton onclick ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="PopupCentrer('js/popupCursus',400,300,'')"

Bonjour SpaceFrog,

Merci pour ta réponse.

Cela fonctionne très bien maintenant.

Merci, tu restes le grand maître de ce forum (pour moi en tout cas)

beegees

[Bovino]

Merci, tu restes le grand maître de ce forum (pour moi en tout cas)

Il l'est pour tout le monde

[SpaceFrog]

Attention si je prends la grosse tête la bulle de mon scaphandre va exploser

[beegees]

Attention si je prends la grosse tête la bulle de mon scaphandre va exploser

Avec de l'humour en plus

@+

beegees

[beegees]

Re,

J'aimerais faire la même chose que ci-dessus sur un lien du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

class="Style1">123456 - Abba CADABRA </a>

Sauriez-vous me dire comment je peux faire ?

Si vous le souhaîtez, je peux ouvrir un nouveau poste.

Merci d'avance pour l'aide.

beegees

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="lienmagique" onclick="PopupCentrer('js/popupCursus',400,300,'');return false," class="Style1">123456 - Abba CADABRA </a>

[beegees]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="lienmagique" onclick="PopupCentrer('js/popupCursus',400,300,'');return false," class="Style1">123456 - Abba CADABRA </a>

Re,

Merci SpaceFrog.

Malheureusement, ça ne fonctionne pas.

J'ai donc adapté ton code au mien, ce qui me donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="lienmagique" onclick="popupCursus('cursus.html',400,300,'');return false," class="Style1">123456 - Abba CADABRA </a>

Vois-tu quelque chose qui pourrais poser problème ?

Merci encore.

beegees

[SpaceFrog]

Heu non à priori c'est bon essaye :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="PopupCentrer('js/popupCursus',400,300,'');return false," class="Style1">123456 - Abba CADABRA </a>

as tu un message d'erreur ?

[beegees]

Et bien non, ça ne fonctionne pas.

En fait, il utilise le premier lien qu'il rencontre :

<a href="cursus.html"...

donc cursus.html ici ou # dans ton second exemple mais cela s'ouvre dans une nouvelle fenêtre complète, pas du tout redimensionnée par le javascript.

On dirait donc qu'il ne va pas plus loin que <a href="cursus.html"

Merci pour ton aide.

beegees

[SpaceFrog]

Non le return false inhibe le href ...

montre moi un peu plus de code html ... le a dans son contexte

[beegees]

Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td height="20" colspan="3" bgcolor="#99CC66" id="dateformat"><div align="center"><a href="cursus.html" onclick="popupCursus('cursus.html',400,300,'');return false," class="Style1">123456 - Abba CADABRA </a><span class="Style2">- <span class="Style6">REUS</span></span>

Merci pour l'aide.

beegees

[SpaceFrog]

il n'y a aucune raison que le onclick ne fonctione pas !

il semblerait que tu cherches à avoir deux actions sur ta balise a
- le href
-et le popup

essaye de passer par le onmousedown;

le return false dans le onclick empèche le href ...
je propose donc:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="cursus.html" onmousedown="popupCursus('cursus.html',400,300,'');" class="Style1">123456 - Abba CADABRA </a>

Mais en tapant ce code je m'aperçois qu'il y a une virgule à la fin du code
que je t'ai donné avant ....

Du coup en supprimant le return false et la virgule malvenue ça devrait donner ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="cursus.html" onclick="popupCursus('cursus.html',400,300,'');" class="Style1">123456 - Abba CADABRA </a>

[Auteur]

un détail :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);

et je vois que l'appel de la fonction est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

popupCursus('cursus.html',400,300,'')

ce qui veut dire que la variable options=""

Ce qui revient donc à terminer la liste des arguments de la fonction open() par une virgule

[Bovino]

Attention :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="popupCursus('cursus.html',400,300,'');return false,"

C'est un ; pas une , :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="popupCursus('cursus.html',400,300,'');return false;"

[SpaceFrog]

Auteur: 4 arguments

page hauteur largeur options => en passant '' c'est a rpire une string vide à priori ça focntionne cf plus haut...


Beef : déja signalé précedemment ...

[beegees]

Bonjour SpaceFrog, Auteur et Bovino,

Merci à vous tous pour votre aide so precious.

Voici ce que mon code donne au final :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="popupCursus('cursus.html',400,300,'');" class="Style1">123456 - Abba CADABRA </a>

et ça fonctionne

J'ai mis le # pour éviter qu'une autre page s'ouvre.

Merci encore.

beegees

[SpaceFrog]

ça serait bien que tu lise les réponses ....

nul besoin de # dans le href, bien au contraire en fonction du navigateur cela peut entrainer un rechargement de page ...


il faut INHIBER le href avec un return false

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="Lien_Magique" onclick="popupCursus('cursus.html',400,300,'');return false;"

[beegees]

Merci beaucoup SpaceFrog d'avoir soulevé ce problème.

Je ferai plus attention dans le future lors de la lecture des réponses postées.

beegees