Intégration Pop Up

Fermé
patarins Messages postés 4 Date d'inscription vendredi 13 septembre 2013 Statut Membre Dernière intervention 3 juin 2014 - 2 juin 2014 à 10:14
 patarins - 3 juin 2014 à 13:36
Bonjour,

Je cherche à intégrer un pop up lorsqu'un utilisateur clique sur une image.
J'ai donc rajouter le code suivant à ma page :

<script language="javascript">
<!--
function popupcentree(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>


<A HREF="#" onClick="window.open('./popup_test.php', 'NOM', 'scrollbars=yes,width=550,height=600')"><IMG SRC="http://localhost/Wordpress/blog/images/Logo_0.jpg" WIDTH="100" HEIGHT="100" BORDER=0 ALT="description"></A>

Ce code fonctionne parfaitement mais je voudrais maintenant le remplacer dans l'expression suivante :

echo '<p><img src= "'.$image[1].'" alt="Test" height="100" width="100" /></p></div> ';


à la place de <img src =................................/>

J'ai donc essayé :


echo '<p><A HREF="#" onClick="window.open('./popup_test.php', 'NOM', 'scrollbars=yes,width=550,height=600')"><IMG SRC="http://localhost/Wordpress/blog/images/Logo_0.jpg" WIDTH="100" HEIGHT="100" BORDER=0 ALT="description"></A></p></div> ';


Mais çà ne marche pas....

Une idée ?

Merci d'avance
A voir également:

6 réponses

Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
2 juin 2014 à 19:25
Il faut que tu échappe toutes les apostrophes, le gris indique que tu est bien dans une chaîne, donc c'est ce qu'on cherche ici.

il te manque l'apostrophe après l'url popup_test.php, celles autours de NOM et celles autours de tes options.
1
Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
2 juin 2014 à 18:07
Soupir...
ça ne marche pas, c'pa le plus clair pour débugger, ton serveur, ou la console Javascript (Google chrome/firebug) doit bien t'indiquer une erreur.
C'est toujours plus simple avec ...

Mais bon, on va faire sans :
Tu lance un echo avec des guillemets, il considère donc comme une chaîne de caractère tout ce qui se trouve entre celles-ci.
Le problème c'est que ton window.open utilise lui aussi des guillemets, échappe-les avec un anti-slash devant et le tour est normalement joué.
0
patarins Messages postés 4 Date d'inscription vendredi 13 septembre 2013 Statut Membre Dernière intervention 3 juin 2014
2 juin 2014 à 19:20
Désolé de n'avoir pas été plus précis.

J'ai essayé le code suivant :

echo '<p><A HREF="#" onClick="window.open(\'./popup_test.php', 'NOM', 'scrollbars=yes,width=550,height=600')"><IMG SRC="http://localhost/Wordpress/blog/images/Logo_0.jpg" WIDTH="100" HEIGHT="100" BORDER=0 ALT="description"></A></p></div> ';

en rajoutant un \ devant '.popup_test.php' Le reste du code devient gris (chaîne de caractère) mais pas le reste à partir de " WIDTH...... et j'ai l'erreur suivante :

Parse error: syntax error, unexpected ')', expecting ',' or ';' in C:\wamp\www\Wordpress\blog\affichage_calendrier.php on line 169

Merci d'avance pour votre support
0
patarins Messages postés 4 Date d'inscription vendredi 13 septembre 2013 Statut Membre Dernière intervention 3 juin 2014
3 juin 2014 à 08:02
J'ai donc essayé :

echo '<p><A HREF="#" onClick="window.open(\'./popup_test.php\', \'NOM\', \'scrollbars=yes,width=550,height=600\')"><IMG SRC="http://localhost/Wordpress/blog/images/Logo_0.jpg" WIDTH="100" HEIGHT="100" BORDER=0 ALT="description"></A></p></div> ';

L'ensemble est bien une chaîne de caractères mais le popup ne fonctionne toujours pas.

Pas de message d'erreur.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Nhay Messages postés 838 Date d'inscription vendredi 2 novembre 2012 Statut Membre Dernière intervention 17 décembre 2015 126
3 juin 2014 à 12:28
Regarde avec Chome ou firebug, tu a peut-être une erreur javascript qui pourrait aider.
0
J'ai trouvé mon erreur.
Je n'affichais simplement pas la bonne image dans mon navigateur.

Le code fonctionne parfaitement.

Encore merci pour votre aide.
0