Discussion :

[Shandler]

Bonjour,

J'utilise la librairie jeditable pour editer different champ dans un tableau, et j'ai vue qu'on pouvai ajouter des champ particulier au lieu des input text et textarea donc moi j'ai insérer un champ input file pour uploader un fichier mais voila j'arrive pas a récupérer la valeur $_FILES aprés l'upload.

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
$.editable.addInputType('ajaxupload', {
    /* create input element */
    element : function(settings) {
        settings.onblur = 'ignore';
        var input = $('<input type="file" id="upload" name="upload" />');
        $(this).append(input);
        return(input);
    },
    content : function(string, settings, original) {
        /* do nothing */
    },
    plugin : function(settings, original) {
        var form = this;
        form.attr("enctype", "multipart/form-data");
    }
});

Merci a vous.

[lougne]

Normalement la valeur $_Files est le nom du fichier cela devrait marcher avec un truc comme ceci

Code :

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

var file = $('input').attr('name')

ou en ajax tu utilise $.get() voit la doc

[Shandler]

Sauf que avec jeditable on traite les informations saisi via un fichier php qui lui recupere des variable en post et donc dans ce fichier je n'arrive pas a récupérer ma valeur $_FILES.

Merci a toi.

[Bovino]

Je ne suis pas certain que ta méthode pour créer ton input file soit efficace...
Essaye plutôt avec des méthodes "classiques" :

Code :

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

1
2
3
4
var input_file = document.createElement('input');
input_file.type = 'file';
input_file.id = 'upload';
$(input_file).attr({type: 'file', id: 'upload', name: 'upload'});

[Shandler]

Quand j'integre ton code dans la fonction que je cree pour l'interaction a jeditable ca me donne une erreur "input is undefined input.attr('name', settings.name);"

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
$.editable.addInputType('ajaxupload', {
    /* create input element */
    element : function(settings) {
        settings.onblur = 'ignore';
var input_file = document.createElement('input');
input_file.type = 'file';
input_file.id = 'upload';
$(input_file).attr({type: 'file', id: 'upload', name: 'upload'});
    },
    content : function(string, settings, original) {
        /* do nothing */
    },
    plugin : function(settings, original) {
        var form = this;
        form.attr("enctype", "multipart/form-data");
    }
});

Merci a toi

[Bovino]

Code :

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

1
2
3
4
5
var input_file = document.createElement('input');
input_file.type = 'file';
input_file.id = 'upload';
jQuery.extend(input_file);
$(input_file).attr(name: 'upload');

[Shandler]

extend() me renvoie une erreur jquery.

[Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLInputElement.selectionStart]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: jquery.js :: anonymous :: line 18" data: no]
[Break on this error] jQuery.globalEval(elem.text||elem.textCo...Query.browser.msie)script.text=data;else

Merci a toi.

[Shandler]

Pour mon premier exemple je me suis basé sur ca http://www.appelsiini.net/2007/8/custom-input-types

[Bovino]

Oui, mais le souci est que le type "file" est un peu particulier !
Donc sa gestion n'est pas forcément identique à celle des autres types d'input.

[Shandler]

Donc comment je puis faire ce que je veux ?

Merci a toi