11498 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
j'ai un petit soucis que je n'arrive pas a régler :
code HTML :
<input type="file"  id="files1<?php echo $reqprod1->id_produit;?>" name="file" >
<input type="file"  id="files2<?php echo $reqprod1->id_produit;?>" name="file" >
<input type="file"  id="files2<?php echo $reqprod1->id_produit;?>" name="file" >

<input type="submit" value="Choisir" onclick="uploadFichier(1,<?php echo $reqprod1->id_produit;?>)" >
<input type="submit" value="Choisir" onclick="uploadFichier(2,<?php echo $reqprod1->id_produit;?>)" >
<input type="submit" value="Choisir" onclick="uploadFichier(3,<?php echo $reqprod1->id_produit;?>)" >


code javascript :

function _(elem){
	return document.getElementById(elem);
}

function uploadFichier(nb_photo,id_produit) {
	alert(nb_photo+''+id_produit);
	fichier='files'+nb_photo+''+id_produit;
	alert(fichier);
	var file = _(fichier).files[0];
	console.log(file);
	alert(file);
	return;
}


le code marche bien quand le nb_photo est égal à 1, dès que j'essaye d'uploader avec le nb_photo=2 ou 3 cela ne marche plus le alert(file) me donne "undefined" le alert(fichier) me donne bien "files21" ce qui correspondrait à l'ID de l'input, mais le .file[0] donne "undefined"

J'espère que j'ai été assez clair dans mes explications.
Merci d'avance..
Modifié par easybox09 (21 Oct 2015 - 21:39)
En fait je viens de m'apercevoir que c'est mon caroussel qui met le bordel :

<div class="owl-carousel owl-theme" data-plugin-options='{"items": 1, "margin": 10}'>
<div id="photo1<?php echo $reqprod1->id_produit;?>">																		<label>Fichier</label>																	<input type="file"  name="files1<?php echo $reqprod1->id_produit;?>"><br>							<input type="submit" value="Choisir" onclick="uploadFichier(1,<?php echo $reqprod1->id_produit;?>)" class="btn btn-secondary pull-right mb-xl" data-loading-text="Loading...">				<progress id="progressBar1<?php echo $reqprod1->id_produit;?>" value="0" max="100" style="width:100%;"></progress>														<h3 id="status1<?php echo $reqprod1->id_produit;?>"></h3>									<p id="status_bytes1<?php echo $reqprod1->id_produit;?>"></p>								</div>
																	
<div id="photo2<?php echo $reqprod1->id_produit;?>">										<label>Fichier</label>															<input type="file"  name="files2<?php echo $reqprod1->id_produit;?>"><br>							<input type="submit" value="Choisir" onclick="uploadFichier(2,<?php echo $reqprod1->id_produit;?>)" class="btn btn-secondary pull-right mb-xl" data-loading-text="Loading...">				<progress id="progressBar2<?php echo $reqprod1->id_produit;?>" value="0" max="100" style="width:100%;"></progress>														<h3 id="status2<?php echo $reqprod1->id_produit;?>"></h3>										<p id="status_bytes2<?php echo $reqprod1->id_produit;?>"></p>								</div>
																
<div id="photo3<?php echo $reqprod1->id_produit;?>">											<label>Fichier</label>															<input type="file"  name="files3<?php echo $reqprod1->id_produit;?>"><br>							<input type="submit" value="Choisir" onclick="uploadFichier(3,<?php echo $reqprod1->id_produit;?>)" class="btn btn-secondary pull-right mb-xl" data-loading-text="Loading...">				<progress id="progressBar3<?php echo $reqprod1->id_produit;?>" value="0" max="100" style="width:100%;"></progress>															<h3 id="status3<?php echo $reqprod1->id_produit;?>"></h3>										<p id="status_bytes3<?php echo $reqprod1->id_produit;?>"></p>								</div>
																	
</div>


Si je supprime le caroussel, ça marche, une idée pour faire cohabiter les 2?

Merci