Passage de variables hidden dans formulaire

**heretik25** · 20/11/2011, 14h14

Bonjour,

J'essaye de faire passer des variables hidden dans un formulaire.

Seulement, rien n'y fait, ces dernières ne veulent pas passer étant donné que le submit est fait par un code javascript.

uploader.php

Code :

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
  <html>
  <head>
  <!--css du site -->
<link rel="stylesheet" title="Standard" href="/upload/web/css/css.css" type="text/css" media="screen" />
  <!--appel du modtools-->
  <script type="text/javascript" src="/upload/web/js/mootools.js"></script>
    <script type="text/javascript" src="/upload/web/js/Swiff.Uploader.js"></script>
    <script type="text/javascript" src="/upload/web/js/Fx.ProgressBar.js"></script>
    <script type="text/javascript" src="/upload/web/js/FancyUpload2.js"></script>
 
	<script language="javascript">
	window.addEvent('load', function() {
 
	var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
		url: $('form-demo').action,
		fieldName: 'photoupload',
		path: '/upload/web/js/Swiff.Uploader.swf',
		limitSize: 8 * 1024 * 1024, // 8Mb
		onLoad: function() {
			$('demo-status').removeClass('hide');
			$('demo-fallback').destroy();
		},
		// The changed parts!
		debug: true, // enable logs, uses console.log
		target: 'demo-browse' // the element for the overlay (Flash 10 only)
	});
 
	filter = {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'};
	swiffy.options.typeFilter = filter;
	/**
	 * Various interactions
	 */
 
	$('demo-browse').addEvent('click', function() {
		/**
		 * Doesn't work anymore with Flash 10: swiffy.browse();
		 * FancyUpload moves the Flash movie as overlay over the link.
		 * (see opeion "target" above)
		 */
		swiffy.browse();
		return false;
	});
 
	/**
	 * The *NEW* way to set the typeFilter, since Flash 10 does not call
	 * swiffy.browse(), we need to change the type manually before the browse-click.
	 */
	$('demo-select-images').addEvent('change', function() {
		var filter = null;
		if (this.checked) {
			filter = {'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'};
		}
		swiffy.options.typeFilter = filter;
	});
 
	$('demo-clear').addEvent('click', function() {
		swiffy.removeFile();
		return false;
	});
 
	$('demo-upload').addEvent('click', function() {
		swiffy.upload();
		return false;
	});
 
});
</script>
 
<!--image viens de moi ou de vous ?-->
<?php 
$id_article = intval($_GET['id_article']); 
$id_type_article = intval($_GET['id_type_article']);
$u_id = intval($_GET['u_id']); 
?>
 
 </head>
 <body>
	<form action="doUpload.php" method="post" enctype="multipart/form-data" id="form-demo">
	<fieldset id="demo-fallback">
		<label for="demo-photoupload">
			<!--variables hidden -->
			<input type="hidden" name="id_article" value="<?php echo $id_article; ?>" />
			<input type="hidden" name="id_type_article" value="<?php echo $id_type_article; ?>" />
			<input type="hidden" name="u_id" value="<?php echo $u_id; ?>" />
			Upload images:
			<input type="file" name="photoupload" id="demo-photoupload" />
		</label>
	</fieldset>
 
	<div id="demo-status" class="hide">
		<p>
			<a href="#" id="demo-browse">Explorer les fichiers</a> |
			<input type="checkbox" id="demo-select-images" checked /> Images uniquement |
			<a href="#" id="demo-clear">Effacer la liste</a> |
			<a href="#" id="demo-upload">Envoyer !</a>
		</p>
		<div>
			<strong class="overall-title">Progression totale</strong><br />
			<img src="/upload/web/images/assets/progress-bar/bar.gif" class="progress overall-progress" />
		</div>
		<div>
			<strong class="current-title">Progression du fichier</strong><br />
			<img src="/upload/web/images/assets/progress-bar/bar.gif" class="progress current-progress" />
		</div>
		<div class="current-text"></div>
	</div>
 
	<ul id="demo-list"></ul>
</form>
</body>
</html>

Sachant que les variables à faire passer sont ici :

Code :

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
<?php 
$id_article = intval($_GET['id_article']); 
$id_type_article = intval($_GET['id_type_article']);
$u_id = intval($_GET['u_id']); 
?>
 
 </head>
 <body>
	<form action="doUpload.php" method="post" enctype="multipart/form-data" id="form-demo">
	<fieldset id="demo-fallback">
		<label for="demo-photoupload">
			<!--variables hidden -->
			<input type="hidden" name="id_article" value="<?php echo $id_article; ?>" />
			<input type="hidden" name="id_type_article" value="<?php echo $id_type_article; ?>" />
			<input type="hidden" name="u_id" value="<?php echo $u_id; ?>" />
			Upload images:
			<input type="file" name="photoupload" id="demo-photoupload" />
		</label>
	</fieldset>

La question est donc de savoir comment récupérer ces trois variables dans la page doUpload.php ? Car même après une tentative de récupération via :

Code :

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

$_id_article = $_POST['id_article'];

La variable est vide.

Par avance, un grand merci à la personne qui réussira à m'expliquer comment procéder.

**rawsrc** · 20/11/2011, 15h54

Bonjour,

Il te suffit de rajouter un paramètre supplémentaire à swiffy.

Code :

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

data: // ici tu vas chercher les valeurs de tes ids html que tu sépares avec &

un truc du genre :

Code :

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

data: 'id_article='+$('id_article').get('value')+'&'+...

Une dernière chose <script type="text/javascript" est devenu : <script type="application/javascript"

**heretik25** · 20/11/2011, 16h06

Bonjour et merci !

Je vais tester !

Et côté doUpload.php, je pourrai récupérer le $_POST['id_article'] ?

**rawsrc** · 20/11/2011, 16h11

Envoyé par heretik25

Et côté doUpload.php, je pourrai récupérer le $_POST['id_article'] ?

Tu t'y réponds toi-même :

Envoyé par heretik25

Seulement, rien n'y fait, ces dernières ne veulent pas passer étant donné que le submit est fait par un code javascript.

Ton script javascript supplante l'attribut action de ton formulaire donc doUpload.php ne devrait rien voir sauf si tu l'appelles dans le javascript en charge de l'upload.

**heretik25** · 20/11/2011, 16h13

En mettant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
		url: $('form-demo').action,
		fieldName: 'photoupload',
		path: '/upload/web/js/Swiff.Uploader.swf',
		limitSize: 8 * 1024 * 1024, // 8Mb
		onLoad: function() {
			$('demo-status').removeClass('hide');
			$('demo-fallback').destroy();
		},
		// The changed parts!
		debug: true, // enable logs, uses console.log
		target: 'demo-browse', // the element for the overlay (Flash 10 only)
		data: 'id_article='+$('id_article').get('value')
	});

L'upload ne fonctionne plus. data doit être positionné sur un secteur précis ?

Merci !

**rawsrc** · 20/11/2011, 16h22

Je ne connais pas FancyUpload, peut-être que la syntaxe du data: ne lui convient pas. Faudrait voir la doc.
Dans tous les cas pas de position particulière, l'ordre n'importe pas du tout.

Il semblerait qu'il attende un objet dans data:

Code :

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

{'id_article':$('id_article').get('value'), ... }

**lenono** · 20/11/2011, 17h54

Bonjour,

Si tu n'as rien en post, c'est que tes variables ne passent pas ! Je sais, classe

J'utilise ce script, et pour passer les variables, j'ajoute :

Code :

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

 data: <?php echo $data; ?>,

Je prépare date de la façon suivante :

Code :

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

$data="'a=$a&b=$b&c=$c&d=$d'";

je le place, juste après path:'...
Ce qui donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
		url: $('form-demo').action,
		fieldName: 'photoupload',
		path: '/upload/web/js/Swiff.Uploader.swf',
 		data: <?php echo $data; ?>,
		limitSize: 8 * 1024 * 1024, // 8Mb
		onLoad: function() {
			$('demo-status').removeClass('hide');
			$('demo-fallback').destroy();
		},
		// The changed parts!
		debug: true, // enable logs, uses console.log
		target: 'demo-browse', // the element for the overlay (Flash 10 only)
	});

Voilà, en te souhaitant que cette fois, ça marche.

@+

Passage de variables hidden dans formulaire [MySQL]

PHP & Base de données

Vue hybride

Discussions similaires

Partager

Partager