Pop up JavaScript/PHP

**OliSCF** · 18/04/2014, 12h45

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 :

Nom : Capture2.JPG
Affichages : 88
Taille : 18,2 Ko

Voici mon code :

Code php :

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

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>

**sekaijin** · 19/04/2014, 11h47

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 html :

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

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

**OliSCF** · 22/04/2014, 07h53

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.

Cordialement,

Pop up JavaScript/PHP

JavaScript

Vue hybride

Discussions similaires

Partager

Partager