Nom image à insererRésolu

Question

Bonjour, Dans un formulaire qui a un champ qui permet d'uploader plusieurs fichiers, j'aimerais mettre un bouton "inserer" a coté de celui ci pour qu'il puisse selectionner le nom de l'image prête à être uploader, et que ce nom soit inserer dans la zone textarea. ou un glisser deposer. Est ce possible? si oui comment faire? si non quel solution proposez vous? J'ai déja mon champ upload et qui charge mes fichiers grace a mn bouton envoyer. Quand je clique sur le bouton upload, ca me marque le chemin comme ceci C:\DocumentsandSettings\image1.jpg et je recherche a faire un bouton inserer qui quand on cliquera dessus, prendre la valeur image1.jpg et ira l'inserer dans ma textarea avec les crochets merci Je suis debutante de chez debutante

cs_bultez · Accepted Answer

ça devrait le faire... j'en suis là. reste à tester coté php [javascript:void(ajout()); Ajouter un champ] ET supprimer le dans le textarea lorsqu'on supprime un input file ! ( regardez .replace pourquoi pas... )

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

Bonjour, le contenu du champ file c'est : document.getElementById("id du file").value le contenu d'un textarea : document.getElementById("id du textarea").value un bouton, il manque quelquechose ? ( glisser/déposer... moins simple ! )

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

on pourrait jouer avec le onchange du input file... etc...

Cordialement Bul [mon Site] [M'écrire]

Zobibol · Answer

Salut, je sais pas si j'ai tout tout bien compris mais j'en ai retirer ceci, lors de la selection d'une image, il faudrait que seul le nom ( ie sans le chemin ) soit afficher entre des balises " alert ( "" ); } Comme je ne sais pas trop..... [o-_-o]

cs_bultez · Answer

ben... c'est bon... non ?

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Oui c'est bien cela mais sachant que j'ai utilisé :
http://www.editeurjavascript.com/scripts/scripts_formulaires_3_653.php
un créateur de plusieurs champs d'upload, cela me beugue tout et me sors que le nom de la premiere image :

function create_champ(i) {



var i2 =  i + 1;



 document.getElementById('leschamps_'+i).innerHTML   = '
 ';
document.getElementById('leschamps_'+i).innerHTML +=  (i <= 10) ? '[javascript:create_champ('+i2+') Ajouter un champ]' : '';
}

function inserer_nom() {
var text = document.getElementById('fichier_1').value;  
 var  fichier  = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier ""
document.getElementById('textarea').value += fichier+'
';
}

            

            [javascript:create_champ(2) Ajouter un champ]

Zobibol · Answer

Ce qui paraît très logique, et non buggé ;o)

En fait dans la méthode inserer_nom , il faudrait lui passer en paramètre l'identifiant du champs : 

ce qui arriverait à un truc ( attention pas testé ) du genre:

unction create_champ(i) {

var i2 = i + 1;

document.getElementById('leschamps_'+i).innerHTML = '
 ';
document.getElementById('leschamps_'+i).innerHTML += (i <= 10) ? '[create_champ('+i2+') Ajouter un champ]' : '';
}

function inserer_nom(_id) {
var text = document.getElementById(_id).value;  
var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier ""
document.getElementById('textarea').value += fichier+'
';
}
[o-_-o]

cs_bultez · Answer

pas très loin.... [javascript:void(create_champ(2)); Ajouter un champ]

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Ne marche pas...
Que signifie javascript:void ??

cathy9999 · Answer

Autre souci aussi, je souhaite faire le même bouton à côté d'un menu déroulant qui fait le récapitulatif d'image présente dans un dossier. mais comment lui dire quand je clique sur inserer, d'inscrire le nom présent dans la liste déroulante ??? Ma liste déroulante :

cs_bultez · Answer

dans href, si javascript, il faut ajouter return false ou faire void(fonction) pour éviter que le formulaire ne soit sooumis pas exemple. void, ça permet de frimer un peu par rapport à return false. >> Ne marche pas... si.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

J'ai pas trop compris la !
j'ai tout mis pareil et cela ne fonctionne plus ! il marche pour le premier mais pas les autres champs !
et que dois je rajouter si je veux avec les crochets[img], merci

cs_bultez · Answer

j'ai simplifié un peu... [javascript:void(create_champ()); Ajouter un champ] avec un souci ( déjà rencontré ! ) le contenu des file s'effacent. je ne me souvient plus comment résoudre.... ça va revenir ? peut-être !

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

>> avec un souci ( déjà rencontré ! ) le contenu des file s'effacent. j'ai retrouvé, et .... je n'avais pas résolu à l'époque. tout ce que j'avais réussi à faire, c'est mettre des champs file cachés, avec un name="fichier[]" ( pour le php ! ) qu'on montre au fûr et à mesure des besoins ( ce qui suppose un nombre maxi )

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Suis-je obligé de faire comme cela?
Pourrais tu me donner la synthaxe  complete ?? merci

cs_bultez · Answer

>> Suis-je obligé de faire comme cela? je ne sais pas... je n'ai pas résolu... ce qui ne prouve rien. function ajout(num) { document.getElementById("fic"+(num+1)).style.display="inline"; document.getElementById("btn"+(num+1)).style.display="inline"; } var tmp=""; for ( var n=0;n<100;n++ ) // 100 fichiers, c'est pas mal !!!! { tmp+= " " + "" + ""; } document.frm.innerHTML+=tmp; ajout(-1); il faudrait enlever le dernier bouton "encore" ou récupérer l'erreur si on tente d'afficher fic100 et btn100 coté php ( à tester, à finir... ) $error) { if ($error == UPLOAD_ERR_OK) { $tmp_name = $_FILES["fic"]["tmp_name"][$key]; $name = $_FILES["fic"]["name"][$key]; move_uploaded_file($tmp_name, "data/$name"); } } ?> tu sauras ajouter le textarea ( si c'est utile !!! )

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Ouahh c'est du serieux! je vais boser dessus, je te remercie. Et juste pr l'histoire de mon menu déroulant, c'est possible de recuperer le nom de l'image?

cs_bultez · Answer

tu veux ajouter le nom de l'image au select ? var sel= document. name du formulaire .listimages; ou autres ! sel.length++; sel[sel.length-1].text ="le nom de l'image"; par exemple

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Non non je veux le mettre principe que l'autre bouton!
un bouton "inserer" le nom de l'image dans la textarea
j'ai déja mes noms présents dans ma liste déroulante, je veux juste les inserer

cs_bultez · Answer

tu veux ajouter les options dans le textarea ? en javascript : for ( var n=0;n ou alors je n'ai toujours pas compris...

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

En faite imagine dans la liste deroulante :

collines.jpg
nenuphar.jpg
rouge.jpg

et j'aimerais quand je vais selectionner par exemple collines.jpg et que je clique sur inserer, ca me marque dans textarea

cs_bultez · Answer

utiliser onchange sur la balise (**) "l'option choisie" c'est this.options[this.selectedIndex].text avec ça tu fais la même chose que dans l'autre fonction. attention à onchange... si le select n'a pas de siez= ou si ce size=1, ma 1ère ligne est sélectionnée par défaut et ne sera donc opérationnelle qu'après avoir cliqué sur une autre ligne donc mettre

cathy9999 · Answer

Bon ben merci bien, je vais tentée! je vais voir... merci beaucoup de votre aide.

cs_bultez · Answer

on réflêchit parfois lentement ( enfin, moi souvent ! ) pour l'ajout des input file, il faudrait essayer avec createElement et appendChild... forts soupçons que ça devrait baigner !

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Je cherche une autre solution car elle me parait un peu compliqué, et de plus je suis débutante!
Si je la trouve, je la mettrais ici

cathy9999 · Answer

cathy9999 · Answer

Mais là mon souci c'est juste pr les champs qui s'effacent, sinon ca marche super mes champs qui s'ajoutent

cs_bultez · Answer

j'ai essayé avec createElement, appendChild... et : ça baigne, les champs ne s'effacent pas . comme je ne suis pas très doué, je bute lamentablement sur la syntaxe pour la "récupération" des données en php.

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

ouf... problème de syntaxe résolus : un ch'tit exemple... à peaufiner donc.... pour moi... tout baigne

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Cela veut dire que ma fonction create champ je m'en sers plus ?

var i=0;
function create_champ() 
{    i++;
    document.getElementById('leschamps').innerHTML += 
        ''+
        '
 ';
}

cathy9999 · Answer

j'ai remplacé cela marche mais comment limiter a 10 champs seulement

cathy9999 · Answer

ah non je suis aller un pe trop vite ! cela vide les champs quand meme !
marche donc pas!

cs_bultez · Answer

je t'assure que mon exemple fonctionne, sans vider les champs ( coté serveur aussi ). si tu veux limiter, n'ajoute que si num est <= maxi dès que j'ai trouvé un moyen élégant de supprimer des fichiers à télécharger ( j'ai une solution qui fonctionne mais qui ne me plait pas ), je pense faire un truc plus général.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Alors je recapitule, ma synthaxe devrait être comme cela :

var num<= 10
   function ajout()
   {    var i=document.createElement("input");
   

 'si je veux un bouton inserer nom a côté de chaque champ ajouté' 
        i.type ="file";
        i.id="fic"+num;
        i.name="fic[]"
        var d=document.createElement("div");        
        d.appendChild(i);
        document.getElementById('divFichiers').appendChild(d);
        num++;
   }
function inserer_nom(num) {
   var text = document.getElementById('fichier_'+num).value; 
    var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier ""
    document.getElementById('textarea').value+= '
';
}

[javascript:void(ajout()); Ajouter un champ]

cathy9999 · Answer

Je ne vais jamais m'en sortir, autre souci encore : ca upload juste la premiere image du premier champ! je suis débutante...est ce que je vais réussir? snif ...

cs_bultez · Answer

>>je ne vais jamais m'en sortir, mais si, mais si... pas toujours simple, mais ce ne serait pas amusant sinon... >>si je veux un bouton inserer nom a côté de chaque champ ajouté dans le div créé, on insère un input file. = ==> insère en plus un button. à propos, j'ai mis un div... qui est inutile... et copté php, respecter la syntaxe... ça baigne... ( même s'il faudrait améliorer un peu )

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

j'ai fait un petit truc plus général. http://www.javascriptfr.com/code.aspx?ID=43349 ( avec bouton pour supprimer un fichier, tu peux t'en inspirer pour faire ce que tu veux )

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Merci beaucoup! tout marche maintenant il me reste plus qu'a l'adapter a ma fonction inserer nom et de faire pour ma liste déroulante :
var num= 0;
function ajout()
   {    var i=document.createElement("input");
        i.type="file";
        i.id="fic"+num;
        i.name="fic[]";       
  
 var d=document.createElement("div"); 
        d.appendChild(i);
        document.getElementById( 'divFichiers' ).appendChild(d);
 
 var b=document.createElement("input");
        b.type="button";
        b.value="inserer nom image";
  b.onclick= inserer_nom
  b.width="120";


        d.appendChild(b);


        num++;
    } 



function inserer_nom(num) 
{    var text  = document.getElementById('fichier_'+num).value; 
    var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier ""
    document.getElementById('textarea').value+= '
';
}

[javascript:void(ajout()); Ajouter un champ]

cathy9999 · Answer

C'est dans cet synthaxe je sias pas quoi mettre pour que ca appele la fonction

b.onclick= "inserer_nom";

cs_bultez · Answer

met ta fonction... comme dans mon exemple ( pour supprimer ) b.onclick=function() { var text = document.getElementById('fichier_'+num).value; var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier "" document.getElementById('textarea').value+= ' '; } pour ton "script actuel". si tu utilises la source UMP, num n'est pas utilisé. regarde parentNode , ...Child....

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Mais ce n'est pas possible que je fasse comme cela vu que mon bouton qui suit en a besoin pour le premier champ

cs_bultez · Answer

pas compris... pourquoi le 1er serait-il différent des autres ? à moins que tu ne l'ajoutes pas de la même manière ques les autres ? où en est ton script maintenant ? ça ressemble au dernier exemple mis sur cette question page 4 le 05/07/2007 12:01:13 ? remplacer le alert(num) mis, pour l'exemple, dans la fonction

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Ma synthaxe pour traiter les champs est celle ci, elle marchait avant mais mainteannt que j'ai mofidier avec la fonction que vous m'avez faite, elle beugue et je ne vois pas ou ! et je n'arrive toujours pas a afficher le nom de l'image grrr ! ya t'il un pont pas loin que je me jette lol??

for($i=1; $i<=count($_FILES); $i++) {
   $nom_fic = $_FILES['fichier_'.$i]['name'];
   
   if($nom_fic!='') {
    $extensions_ok = array('png', 'gif', 'jpg', 'jpeg'); //verifie si le fichier a une bonne extension    
      if(!in_array( substr(strrchr($_FILES['fichier_'.$i]['name'], '.'), 1), $extensions_ok )) {
     echo "Le fichier ".$nom_fic." n'est pas un fichier au format PNG, GIF, JPG ou JPEG.";
        }
      else {
     $nom_dest = strtr($nom_fic, //enleve tout les accents 
       'ÀÁÂÃÄÅÇÈÉÊËÌÍÎÏÒÓÔÕÖÙÚÛÜÝàáâãäåçèéêëìíîïðòóôõöùúûüýÿ', 
       'AAAAAACEEEEIIIIOOOOOUUUUYaaaaaaceeeeiiiioooooouuuuyy');
     $nom_dest = strtolower(str_replace(' ','',$nom_dest)); //enleve les espaces
     
      move_uploaded_file($_FILES['fichier_'.$i]['tmp_name'], "images/".$sequence."/".$nom_dest); 
    }
   }
  }

cathy9999 · Answer

et oui je le traite differement le premier

function ajout()
   {   
 (...) //Bouton inserer nom image
 var b=document.createElement("input");
        b.type="button";
        b.value="inserer nom image";
  b.onclick=function()
{   var text = document.getElementById('fichier_'+num).value; 
    var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier ""
    document.getElementById('textarea').value+= '
';     
}

cs_bultez · Answer

>> for($i= 1; $i<=count($_FILES); $i++) { je n'ai pas mis ça ? si ? c'est plutôt for ( $n=0; $n> et oui je le traite differement le premier ben.. faut pas ;-)) ou alors ajouter la fonction onclick comme dans ajout() ! le plus simple c'est d'appeler ajout() même pour le 1er, tout simplement. if($nom_fic! ='') { $extensions_ok = array('png', 'gif', 'jpg', 'jpeg'); //verifie si le fichier a une bonne extension if(!in_array( substr(strrchr($_FILES['fichier_'.$i]['name'], '.'), 1), $extensions_ok )) { echo "Le fichier ".$nom_fic." n'est pas un fichier au format PNG, GIF, JPG ou JPEG."; } else { $nom_dest = strtr($nom_fic, //enleve tout les accents 'ÀÁÂÃÄÅÇÈÉÊËÌÍÎÏÒÓÔÕÖÙÚÛÜÝàáâãäåçèéêëìíîïðòóôõöùúûüýÿ', 'AAAAAACEEEEIIIIOOOOOUUUUYaaaaaaceeeeiiiioooooouuuuyy'); $nom_dest = strtolower(str_replace(' ','',$nom_dest)); //enleve les espaces je n'ai pas regardé de près ça ! enlever pour les tests ? sauf si tu es sûre ( cathy, c'est bien une nana ? sinon sûr ).

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

C'est ma synthaxe que je vous ai marqué, celle qui marchait avant que je modifie tout lol
Oui cathy c'est bien moi !

ou alors ajouter la fonction onclick comme dans ajout() !
    le plus simple c'est d'appeler ajout() même pour le 1er, tout simplement.
> ce n'est pas d'ajouter un champ qui me pose probleme, mais de récuperer le nom de l'image
j'ai traité differament le premier champ qui récupère le nom, des autres

cs_bultez · Answer

>> C'est ma synthaxe pas correcte. >>récuperer le nom de l'image document.getElementById("fichier_"+num).value par exemple. >>j'ai traité differament le premier champ qui récupère le nom, des autres faut pas. et en informatique, faut pas être trop impatient... ce n'est pas toujours simple. j'ai souvent mis des jours et des jours avant de résoudre un problème... parfois des semaines, voire plus ( pas pour des problèmes de syntaxe ) il a fallu contourner, faire les choses autrement "en attendant", et continuer, malgré tout, à développer le projet !

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Comment dois je traiter le premier champ alors je comprend pas
si je met :
  b.onClick=document.getElementById("fichier_"+num).value

cela ne fonctionne pas!
si je met la fonction ajout dans le bouton, cela ajoute un champ alors que je veux juste inserer le nom

var num=0;
function ajout()
    {   var i=document.createElement("input");
        i.type="file";
        i.id="fichier";
        i.name="fichier[]";
        
  
 var d=document.createElement("div"); 
        d.appendChild(i);
        document.getElementById( 'divFichiers' ).appendChild(d);
 
 var b=document.createElement("input");
        b.type="button";
        b.value="inserer nom image";
  b.onClick=document.getElementById("fichier_"+num).value
  b.width="120";



  var c=document.createElement("input"); // ajout du bouton pour supprimer
  c.type="button";
  c.value="Supprimer"; //nom du bouton
  c.onclick=function() { //lors du clique, appel de la fonction qui suit
  this.parentNode.style.display="none"; //suppresion d'un champ input
  this.parentNode.innerHTML=""; }
  c.width="81"; //Taille du bouton
        d.appendChild(b);
        d.appendChild(c);
        num++;
    }

cs_bultez · Answer

>>Comment dois je traiter le premier champ ne le met pas. et appelle la fonction qui créé si 1 champ au départ doit exister. >>ce que tu nous montres : on crée un div. dans lequel on crée un input file et un bouton "supprimer" ( ce bouton possèdant une fonction réagissant au click ) ajoute ton bouton ( en prenant l'exemple sur le bouton "supprimer") et pour la fonction associée ce que tu as déjà fais pour insérer dans le textarea.

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

il fallait lire : appeller la fonction qui créé si 1 champ, si au départ il doit en exister un.

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

b.onClick=document.getElementById("fichier_"+num).value ça ne peut pas fonctionner... onclick=ça doit être une fonction . regarde comment on fait sur le bouton "supprimer" ( dans le script que tu postes )

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

>>si je met la fonction ajout dans le bouton, cela ajoute un champ alors que je veux juste inserer le nom ben oui... mais tu as déjà fait voir ce qu'il fallait faire pour en extraire ce que tu veux. applique le dans la fonction.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

var num=0;
function ajout(){
var b=document.createElement("input");
        b.type="button";
        b.value="inserer nom image";
  b.onClick=function() {    
  var text = document.getElementById('fichier_'+num).value; 
     var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier ""
        document.getElementById('textarea').value+= '
';
}
}

[<gras>javascript:void(ajout()); Ajouter un champ]



Donc si j'ai tout bien compris ce que vous me dites, j'ai fais ainsi mais tjrs rien lol
je suis désolé de vous embêter...

cs_bultez · Answer

>>je suis désolé de vous embêter... pas du tout, sinon il y a longtemps que je ne répondrais plus. mais je ne veux tout vous faire, tout cuit. ça ne vous servirait à rien. quand ça fonctionnera vous pourrez dire : je l'ai fait. fonction ajout mais où est donc le reste ? createElement du div, du input file, les appendChild(...); ? s'il n'y a que cela, c'est normal. vous devez ajouter ce que vous nous postez ici à ce qui existe déjà dans la fonction ( création du div, de l'input file ) avec en plus un d.appendChild(b) . juste avant le appendChild du div >> [javascript:void(ajout()); Ajouter un champ] pourquoi le lien dans le div ? mais pourquoi pas ? mais aussi : pas testé.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Tout marche, sauf au niveau du bouton inserer nom, je pense que cela vient du bouton : "onClick"
J'ai mis tout le code qui pose problème en dessous, et je ne vois pas où ca bloque.
var num= 0;
function ajout()
     {    var i =document.createElement("input");
        i.type= "file";
        i.id="fichier_"+num;
        i.name="fichier[]";
        
  
  var  d =document.createElement("div"); 
        d.appendChild(i);
        document.getElementById( 'divFichiers' ).appendChild(d);
 
 var b= document.createElement("input");
        b.type="button";
        b.value="inserer nom image";
  b.onclick="inserer_nom('"+num+"')";
  b.width="120";
  d.appendChild(b);
  
  var  c =document.createElement("input"); // ajout du bouton pour supprimer
  c.type="button";
  c.value="Supprimer"; //nom du bouton
  c.onclick=function() { //lors du clique, appel de la fonction qui suit
  this.parentNode.style.display="none"; //suppresion d'un champ input
  this.parentNode.innerHTML=""; }
  c.width="81"; //Taille du bouton
        
        d.appendChild(c);
        num++;
    }
function inserer_nom(num) 
{    var text = document.getElementById("fichier_"+num).value; 
    var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier ""
    document.getElementById('textarea').value+= '
';
}

[javascript:void(ajout()); Ajouter un champ]

cathy9999 · Answer

Au final j'ai fais comme vous m'avez dis, mais l'insertion du nom beugue encore, je pense que ça vient soit des variables ou carément de la fonction inserer_nom

cs_bultez · Answer

vous ne respectez toujours pas la syntaxe requise. il faut faire comme dans l'ajout du bouton supprimer . b.onclick=function() { inserer_nom(this); } avec un modif dans la fonction inserer_nom. ( car dans ce cas on ne peut pas utiliser num ) var text = num.parentNode.getElementsByTagName("input")[0].value; par exemple, car on peut faire ça autrement une remarque encore... tout (ou presque) est basé sur l'utilisation du num. qui est le n° d'ordre et quand vous en supprimez un ? que va-t-il se passer ? je parierais bien que ça va planter ! donc ne faites pas this.parentNode.innerHTML=""; dans la fonction de suppression. là où elle était utilisé, num n'était pas employé. faites donc ( par exemple, pas testé , mais probabement pas loin... ) this.parentNode.name=""; l'input file existera toujours, mais caché (par this.parentNode.style.display="none"; ) et ne sera pas tranmis au php, puisque sans name

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

croisment de message b.onClick=function () { ... ça commence à aller mieux. mais comme dit dans mon dernier message, le num ne convient pas ( il prend la valeur du dernier ajout ! )

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

faites donc ( par exemple, pas testé , mais probabement pas loin... ) this.parentNode.name=""; il vaudrait mieux tenter : this. parentNode.getElementsByTagName("input")[0].name="";

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

cs_bultez · Answer

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Verdict : Ne marche pas! Par contre je comprend pas cette synthaxe : vu que j'ai supprimée le premier bouton et que j'ai gardé juste cette synthaxe var num=0; function ajout() { var i=document.createElement("input"); i.type="file"; i.id="fichier_"+num; i.name="fichier[]"; var d=document.createElement("div"); d.appendChild(i); document.getElementById( 'divFichiers' ).appendChild(d); var b=document.createElement("input"); b.type="button"; b.value="inserer nom image"; b.onClick=function() { inserer_nom(this); } b.width="120"; var c=document.createElement("input"); // ajout du bouton pour supprimer c.type="button"; c.value="Supprimer"; //nom du bouton c.onclick=function() { //lors du clique, appel de la fonction qui suit this.parentNode.style.display="none"; //suppresion d'un champ input this.parentNode.getElementsByTagName("input")[0].name=""; } //this.parentNode.innerHTML=""; c.width="81"; //Taille du bouton d.appendChild(b); d.appendChild(c); num++; } function inserer_nom(num) { //var text = document.getElementById('fichier_'+num).value; var text = num.parentNode.getElementsByTagName("input")[0].value; var fichier = text.substr(text.lastIndexOf('\')+1); //LastIndexOf recuperes le dernier "" document.getElementById('textarea').value+= ' '; }

cs_bultez · Answer

faites un copié/collé, tel quel, de ce que j'ai mis dans une page html. sans rien d'autres.... ça baigne.

de

compris. >>Par contre je comprend pas cette synthaxe : appelle la fonction ajout, qui met le 1er input file+ les boutons. si c'est nécessaire... sinon sucrer.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Merciiiiiiiiiiiiiiiii
Cela marche !!!!

je vais me concenter sur le traitement php maintenant.
Merci bcp

cs_bultez · Answer

il vous en prie Cathy... ce fut un plaisir. à priori n'oubliez pas _ supprimer le dans le textarea lorsqu'on supprime un input file _ l'insertion dans le textearea pourrait être automatique. et finalement... maintenant que ça baigne... ;-) pourquoi donc ce textarea avec [img]nom/image ? il va servir à quoi ?

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Lorsque j'aurais réussi le traitement, le texte tapé ds textarea va s'inserer dans une page web global où on pourra mettre plusieurs texte a la suite et lorsqu'on traitera  cela affichera l'image.
Pour supprimer le  dans le textarea lorsqu'on supprime un input file, je dois traiter ceci au niveau de 
 document.getElementById('textarea').value+=

cs_bultez · Answer

c.onclick= function() { //lors du clique, appel de la fonction qui suit ici par exemple... regardez l'instruction .replace, à peu près : textarea .value =textarea.value.replace("",""); vous saurez faire... this.parentNode.style.display="none"; //suppresion d'un champ input this.parentNode.getElementsByTagName("input")[0].name=""; } >>lorsqu'on traitera cela affichera l'image. pas dans un textarea. ça n'interprète pas les balises. je me mèle probablement de ce qui ne me regarde pas, ça me semble bizarre de noter des nom d'images, alors qu'elles le sont déjà ( dans les input file ). ce style de choses , ça ressemble à du "BBCode", me trompe-je? aujourd'hui il existe des saisies wysiwig qui évitent les allers-retours htm<==>php. de nombreux exemples partout. celui de codesSources par exemples est libre,disponibe. j'en ai fait un moi-même : http://www.javascriptfr.com/codes/MISE-FORME-TEXTE-SAISIE-WYSIWYG_32583.aspx je me gourre peut-être complètement sur le but à atteindre, où je ne vois pas mais comme je ne sais pas, pas grave si je dis des bétises. c'est juste une piste de réflexion.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Il s'agit en effet d'un formulaire bbcode.
je bute completement sur le traitement des images, mais sinon tout marche.

cs_bultez · Answer

>>je bute completement sur le traitement des images, ça fera peut-être l'objet d'une autre question... je disais : pas d'images dans un textarea. les balises html n'y sont pas interprtétes. regarder les choses qui causent "wysiwyg", bien plus mieux ( à mon sens ! ) que le BBCode.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Pour la récup d'image juste une question, sachant que j'ai tout crée dans la fonction javascript il n'y a plu de méthode "post" alors comment je vais faire pour récupérer les variables, y'a t'il une fonction?
merci

cathy9999 · Answer

Pour la récup d'image juste une question, sachant que j'ai tout crée dans la fonction javascript il n'y a plu de méthode "post" alors comment je vais faire pour récupérer les variables, y'a t'il une fonction?
merci

cs_bultez · Answer

on parle de ce que tu as fais avec ajout()... ? il y a un formulaire.

cathy9999 · Answer

Mais ma fonction ajout est entre les balises script et non form
et de plus est, je n'ai plus rien dans form pour les champs input à part 
<form id="formulaire" name="formulaire" action="exec_form.php" enctype="multipart/form-data" method="post">
 Ajout d'une image :
            

[javascript:void(ajout()); Ajouter un champ]

cs_bultez · Answer

>> Mais ma fonction ajout est entre les balises script et non form oui : c'est du javascript... qu'il ne soit pas dans le form n'a pas d'importance : la fonction ajout() crée les dans le div "divFichiers", qui est dans le formulaire. ces input file ont un name ( "fic[]" ) il seront donc transmis à "exec_form.php" (qui est dans action du form )... quand on cliquera sur le bouton submit ( ) qui lui aussi fait partie du formulaire.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Tout marche, je suis super contente ! merci beaucoup! je ne serais jamais arriver sans vous.
Bonne continuation.

cs_bultez · Answer

>> Tout marche, nickel ! >>je suis super contente ! pareil... enfin, sans e. >>je ne serais jamais arriver sans vous. mai si, mais si... seule, en mettant un peu plus longtemps peut-être ? >>Bonne continuation. vous aussi.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Finalement j'ai criée victoire trop vite snif snif ! Ce qui beugue a présent, c'est le traitement des images, cela me sauvegarde juste la derniere que je choisi d'inserer, je m'explique : 3 champs, 3 images différentes et cela me sauvegarde juste dans le dossier que la 3eme !

if(count($_FILES)>0) { mkdir('images/'.$sequence); } for($num=1; $num<=count($_FILES['fic']['name']); $num++) { $nom_fic = $_FILES['fic']['name']; if($nom_fic!='') { $extensions_ok = array('png', 'gif', 'jpg', 'jpeg'); //verifie si le fichier a une bonne extension if(!in_array( substr(strrchr($_FILES['fic']['name'], '.'), 1), $extensions_ok )) { echo "Le fichier ".$nom_fic." n'est pas un fichier au format PNG, GIF, JPG ou JPEG."; } else { $nom_dest = strtr($nom_fic, //enleve tout les accents 'ÀÁÂÃÄÅÇÈÉÊËÌÍÎÏÒÓÔÕÖÙÚÛÜÝàáâãäåçèéêëìíîïðòóôõöùúûüýÿ', 'AAAAAACEEEEIIIIOOOOOUUUUYaaaaaaceeeeiiiioooooouuuuyy'); $nom_dest = strtolower(str_replace(' ','',$nom_dest)); //enleve les espaces move_uploaded_file($_FILES['fic']['tmp_name'], "images/".$sequence."/".$nom_dest); } } }

cs_bultez · Answer

question purement PHP, il vaut mieux aller sur le forum phpcs.com regarder malgré tout l'exemple dans UMP ( la source ), ça fonctionne.

Cordialement Bul [mon Site] [M'écrire]

cathy9999 · Answer

Il me reste 3 jours pour finir ce truc, et il faut bien entendu que cela ne marche pas!!
c'est au niveau des variables, mais je vois pas :
if(count($_FILES)>0) {
mkdir('images/'.$sequence);
}	
for($num=0; $num<=count($_FILES['fic'.$num]['name']); $num++) {
$nom_fic = $_FILES['fic'.$num]['name'];

move_uploaded_file($_FILES['fic'.$num]['tmp_name'], "images/".$sequence."/".$nom_dest); }
}
}

Nom image à inserer

79 réponses

Votre réponse

Discussions similaires