Pop up JavaScript/PHP

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

Je voudrais ouvrir une image depuis une page Web dans un pop-up. Cependant la contrainte est que dans le formulaire que j'ai créé en HTML selon l'ID entré par l'utilisateur une image précise devra s'ouvrir. Exemple, si il entre "1" dans le champ de saisie puis en cliquant sur "Afficher l'image correspondante", ce sera l'image "1.jpg" qui devra s'afficher,etc... Mais dans ma fonction "window.open" je ne sais pas comment faire afin de prendre en compte ce que l'utilisateur aura saisi. Pour le moment, peu importe l'ID entré, le pop-up s'ouvrira mais en affichant mon dossier image où sont stockées toutes mes images et donc n'ouvre pas directement l'image voulue. Quelqu'un aurait-il une solution s'il-vous-plaît ? Merci d'avance ! ;)

A l'ouverture du pop-up :

Pièce jointe 143382

Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?php if(isset($_POST['image']) && !empty($_POST['image'])){ echo '<img src="/affiche/image/'.$_POST['image'].'.jpg">'; } ?> <HTML> <body> <form method="POST"> Entrer un ID : <INPUT TYPE="text" NAME="image" MAXLENGTH="50" /> <INPUT TYPE="submit" VALUE="Afficher l'image correspondante" onclick="javascript:void window.open('image/','1397804789224','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"> </form> </body> </HTML>

Relis la chart du forum
pas de php dans le forum javascript

Et reprends les base du html tu fait un page HTML qui contient un tag img en dehors de la page
c'est le B.A.BA de HTML le contenu doit être dans le tag BODY

Ensuite tu demande comment ouvrir une autre page en Javascript et tu mets tout dans une seule page.
Il faudrait être cohérent.

L'attribut onclick contient du javascript la syntaxe javascript:void est complètement fausse.

pour ce qui est de récupérer l'id il n'est pas nécessaire de passer par php
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <HTML> <head> <script>function openImg() { var imgID = document.getElementById('inputImg').value; window.open( '/affiche/image/'+imgID+'.jpg', 'image'+imgID, 'width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0' ); return false; }</script> </head> <body> <form method="POST"> Entrer un ID : <INPUT TYPE="text" id="inputImg" NAME="image" MAXLENGTH="50" /> <INPUT TYPE="submit" VALUE="Afficher l'image correspondante" onclick="return openImg();"> </form> </body> </HTML>
A+JYT

22/04/2014, 07h53
OliSCF

Bonjour Monsieur,

Excusez moi de ne pas être "Expert Confirmé Sénior" comme vous et de vouloir apprendre ! On ne m'avait pas prévenu que l'on n'avait pas le droit de ne pas savoir des choses ici. Je m'en souviendrai pour la prochaine fois. ;)

En tout cas merci énormément de votre aide. Bonne journée. :D

Cordialement,