[Résolu] Récupérer la valeur d'un "input" par deli - page 1

Bonjour,

je viens d'installer un plugin jquery (Uploadify) pour uploader des photos et vidéo sur mon site. Je souhaiterais que lors de l'upload, les informations comme le titre et autres soient enregistrés dans la base de donnée.

Pour passé les informations du formuaire vers la page upload.php, il faut utiliser "scriptData".

Je souhaiterais donc faire une sorte de innerHTML que lorsque je tape du texte dans mon input cela complete automatiquement dans le script jquery...

Je ne connais pas vraiment le js donc je galère...

Merci d'avance pour votre aide

<html>
	<head>
		<link href="uploadify/uploadify.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="uploadify/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="uploadify/swfobject.js"></script>
		<script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.4.min.js"></script>		
	</head>
	<body>
	
		<input id="file_upload" name="file_upload" type="file" />
		<p><a href="javascript:jQuery('#file_upload').uploadifyUpload()">Uploader</a></p>
		
		<label>Titre video</label>
		<input type="text" name="titre" id="titre"/>
		
		<label>Note de la vidéo</label>
		<input type="text" name="note" id="note"/>
		    
    <script type="text/javascript">
  		jQuery(document).ready(function() {
  		jQuery('#file_upload').uploadify({
  			'uploader'  : 'uploadify/uploadify.swf',
  			'script'    : 'uploadify/uploadify.php',
  			'cancelImg' : 'uploadify/cancel.png',
  			'folder'    : 'uploads',
  			'auto'      : false,
  			'multi'     : false,
  			'buttonText': 'Parcourir',
  			'fileDesc'  : 'Fichiers au format vidéo',
  			'fileExt'   : '*.*',
  			'method'      : 'post',
  			'scriptData'  : {'titre':'LE-TITRE','note': 'LA-NOTE'} // Il faut que LE-TITRE et LA-NOTE soient remplacé par la valeur du input id titre et id note  			
  			});                                                    // J'ai essayé de fairre ceci mais cela ne fonctionne pas : 'scriptData' : {'titre': documet.getElementById("titre").innerHTML }
  		});		
		</script>		
	</body>
</html>

// Il faut que LE-TITRE et LA-NOTE soient remplacé par la valeur du input id titre et id note
// J'ai essayé de fairre ceci mais cela ne fonctionne pas : 'scriptData' : {'titre': documet.getElementById("titre").innerHTML }

SOLUTION :

<html>
	<head>
		<link href="uploadify/uploadify.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="uploadify/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="uploadify/swfobject.js"></script>
		<script type="text/javascript" src="uploadify/jquery.uploadify.v2.1.4.min.js"></script>		
	</head>
	<body>
	
		<input id="file_upload" name="file_upload" type="file" />
		<p><a href="javascript:jQuery('#file_upload').uploadifyUpload()">Uploader</a></p>
		
		<p><a onclick="envoie()" href="javascript:envoie()">Uploader2</a></p>
		
		<p><a onclick="envoie()" href="#">Uploader3</a></p>
		
		<label>Titre video</label>
		<input type="text" name="titre" id="titre"/>
		
		<label>Note de la vidéo</label>
		<input type="text" name="note" id="note"/>
		    
    <script type="text/javascript">
  		jQuery(document).ready(function() {
  		jQuery('#file_upload').uploadify({
  			'uploader'  : 'uploadify/uploadify.swf',
  			'script'    : 'uploadify/uploadify.php',
  			'cancelImg' : 'uploadify/cancel.png',
  			'folder'    : 'uploads',
  			'auto'      : false,
  			'multi'     : false,
  			'buttonText': 'Parcourir',
  			'fileDesc'  : 'Fichiers au format vidéo',
  			'fileExt'   : '*.*',
  			'method'      : 'post' 			
  			});                                                    
  		});
      
      function envoie()
      {
        jQuery('#file_upload').uploadifySettings('scriptData', {'titre': $('#titre').val() });
        jQuery('#file_upload').uploadifyUpload();
      }	
      	
		</script>		
	</body>
</html>

Récupérer la valeur d'un "input"

Récupérer la valeur d'un "input"

Supprimer

Modérer

Signaler le message aux modérateurs