IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

jquery et 2 input


Sujet :

jQuery

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut jquery et 2 input
    bonjour à tous,


    Je pense trouver de l'aide ici car j'ai un problème avec jquery et 2 input.

    voici mon code:

    code de mes 2 input avec le bouton ouvrir en jquery

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text" name="urlcpvideo" size="80" id="files_2"  readonly name="files_2"><button type="button" class="browse" id="imageUpload_2" > Ouvrir </button>
    <input type="text" name="urlvideo" size="80" id="files"  readonly name="files"><button type="button" class="browse" id="imageUpload" > Ouvrir </button>


    le code qui ouvre un popup et qui récupère le lien de la fonction du prochain code

    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
     <script type="text/javascript"> 
         $(document).ready(function(){
         $('#imageUpload_2').popupWindow({ 
         windowURL:'elfinder/elfinder.php', 
          windowName:'Filebrowser',
           height:415, 
           width:950,
          centerScreen:1
        }); 
       });
     
     function processFile(file){
     
     $('#files_2').val(file);
        }
     </script>
     <script type="text/javascript"> 
         $(document).ready(function(){
         $('#imageUpload').popupWindow({ 
         windowURL:'elfinder/elfinder.php', 
          windowName:'Filebrowser',
           height:415, 
           width:950,
          centerScreen:1
        }); 
       });
     
     function processFile(file){
     
     $('#files').val(file);
        }
     </script>


    la fonction dans le popup pour récupérer l'url du lien du fichier
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    getFileCallback : function(file) {
        window.opener.processFile(file);
        window.close();
    },
    donc le problème c'est quand je récupère le 1er lien c'est ok dans le 1er input
    et quand je récupère le 2eme il me met le lien dans mon 1er input au lieu du 2eme alors qu'il a bien un id différent.


    un peu d'aide svp !

    merci

  2. #2
    Membre chevronné
    Avatar de Darkaurora
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2010
    Messages
    382
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2010
    Messages : 382
    Billets dans le blog
    1
    Par défaut
    tu as créée deux fois la même fonction avec de contenu différent déclarer dans le même document, lorsque le navigateur va interpréter ton code il va garder en "mémoire" la dernière fonction déclarée et l'appelé lorsque l'événement sera rencontré...

    Soit tu déclares deux fonction différentes :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    processFile1(file){ 
    $('#files_2').val(file);
    }
     
    processFile2(file){ 
    $('#files').val(file);
    }
    soit tu déclares une seule fonction et tu effectues un test

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    processFile(file){ 
    if( ton popup 1 === ouvert ) 
    $('#files_2').val(file);
     
    if( ton popup 2 === ouvert ) 
    $('#files').val(file);
    }

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut
    non toujours pareil marche pas !

  4. #4
    Membre chevronné
    Avatar de Darkaurora
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2010
    Messages
    382
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2010
    Messages : 382
    Billets dans le blog
    1
    Par défaut
    Peut tu mettre le code en entier car je ne vois pas l'appelle de tes fonctions 'ProcessFile'

    Ton code peut se simplifier de cette manière si tu le souhaites

    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
     
    <script type="text/javascript">
      $(document).ready(function(){
        $('#imageUpload_2, #imageUpload').popupWindow({ 
          windowURL:'elfinder/elfinder.php', 
          windowName:'Filebrowser',
          height:415, 
          width:950,
          centerScreen:1
        }); 
    });
     
    function processFile1(file){
      $('#files_2').val(file);
    }
     
    function processFile2(file){
      $('#files').val(file);
    }
    </script>

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut
    non il me rempli mon 2eme input quand je clique sur le bouton du 1er
    input

  6. #6
    Membre chevronné
    Avatar de Darkaurora
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2010
    Messages
    382
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2010
    Messages : 382
    Billets dans le blog
    1
    Par défaut
    si j'interprète avec mes termes ton code ça donne ceci:

    lorsque ton document est chargé tu initialises un plugin "popupWindow" avec comme paramètres un objet comprenant le lien de la page à afficher, le nom de la fenêtre, la hauteur et la largeur et le dernier je pense qu'il permet de centrer ton popup, ensuite tu déclares une fonction ProcessFile et c'est tout. En aucun cas tu appelles cette fonction. Donc soit il me manque des données soit je suis à la ramasse, complètement débile et qu'il est temps pour moi d'aller me coucher car je ne comprend plus rien à ce que fait, regarde et dis...

    Donc... que fait-on ?

  7. #7
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Développeur
    Inscrit en
    Juillet 2013
    Messages
    1 424
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 424
    Billets dans le blog
    43
    Par défaut
    Si tu ne postes pas le code qui fait appel à processFile comme le mentionne Darkaurora, je ne vois pas comment quelqu'un pourrait t'aider.
    Tutoriels et FAQ TypeScript

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut
    j'ai 2 input

    un pour récuperer l'url de ma capture de la video
    un pour récuperer l'url de la video

    chacun a un bouton pour ouvrir le popup qui ouvre ce code

    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
     
            <script type="text/javascript" charset="utf-8">
                $().ready(function() {
                    var elf = $('#elfinder').elfinder({
                        url : 'php/connector.php',  // connector URL (REQUIRED)
    					lang : 'fr',
                    uiOptions: {
                        toolbar : [
                            // toolbar configuration
                            ['open'],
                            ['back', 'forward'],
                            ['reload'],
                            ['info'],
                            ['quicklook'],
                            ['search'],
                            ['view'],
                            ['help']
                        ]
                    },
                    contextmenu : {
                        files  : [
                            'getfile', '|','open', '|', 'quicklook', 'info'
                        ]
                    },	
                        getFileCallback : function(file) {
                            window.opener.processFile(file);
                            window.close();
                        },
     
                        resizable: false
                    }).elfinder('instance');
                });
            </script>

    apres grace a ce code

    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
     
     
    <script type="text/javascript"> 
         $(document).ready(function(){
         $('#imageUpload_2').popupWindow({ 
         windowURL:'elfinder/elfinder.php', 
          windowName:'Filebrowser',
           height:415, 
           width:950,
          centerScreen:1
        }); 
       });
     
     function processFile(file){
     
     $('#files_2').val(file);
        }
     </script>
     <script type="text/javascript"> 
         $(document).ready(function(){
         $('#imageUpload').popupWindow({ 
         windowURL:'elfinder/elfinder.php', 
          windowName:'Filebrowser',
           height:415, 
           width:950,
          centerScreen:1
        }); 
       });
     
     function processFile(file){
     
     $('#files').val(file);
        }
     </script>
    qui ouvre le popup et qui met le lien dans mon input

    voila

  9. #9
    Membre chevronné
    Avatar de Darkaurora
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2010
    Messages
    382
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2010
    Messages : 382
    Billets dans le blog
    1
    Par défaut
    Autant pour moi j'ai zappé cette partie je suis vraiment fatigué...

    bref, j'en reviens toujours à la même chose dans tes popup tu call ta fonction ProcessFile
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    getFileCallback : function(file) {
                            window.opener.processFile(file);
                            window.close();
                        },
    seulement ta fonction processFile(file) caller dans chacune de ces popups va appelé ta dernière fonction déclarée c'est à dire

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    function processFile(file){
     
     $('#files_2').val(file);
        }
    l'une de tes popups fonctionnera correctement, l'autre te donneras exactement le même résultat alors que ce n'est pas ce que tu veux...

  10. #10
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut
    le probleme c'est que j'ai 2 input a remplir


    comment je peux faire

    ma fonction ouvre le popup et récupère le lien.



  11. #11
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut
    peut etre en recuperer le value en javascript et pas en jquery

  12. #12
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Développeur
    Inscrit en
    Juillet 2013
    Messages
    1 424
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 424
    Billets dans le blog
    43
    Par défaut
    Il faut que tu arrives à distinguer les deux cas dans le script de ta fenêtre popup.

    Pour cela, on peut utiliser le passage de paramètres (id) dans l'URL lors de l'ouverture des popups et renommer les deux fonctions processFile avec deux noms distincts.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    $(document).ready(function () {
        $('#imageUpload_2').popupWindow({
            windowURL: 'elfinder/elfinder.php?id=1',
            windowName: 'Filebrowser',
            height: 415,
            width: 950,
            centerScreen: 1
        });
    });
    
    function processFile1(file) {
        $('#files_2').val(file);
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    $(document).ready(function () {
        $('#imageUpload').popupWindow({
            windowURL: 'elfinder/elfinder.php?id=2',
            windowName: 'Filebrowser',
            height: 415,
            width: 950,
            centerScreen: 1
        });
    });
    
    function processFile2(file) {
        $('#files').val(file);
    }
    Dans la fenêtre popup, il suffit de récupérer le paramètre id et d'appeler la bonne fonction processFile :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    getFileCallback: function (file) {
        var id = $.query.get("id");
        switch (id) {
            case "1":
                window.opener.processFile1(file);
                break;
            case "2":
                window.opener.processFile2(file);
                break;
            default:
        }
        window.close();
    }
    Comme ce n'est pas testé, j'ai pu faire des coquilles, mais en gros le principe est là je pense.
    Tutoriels et FAQ TypeScript

  13. #13
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut jquery et 2 input
    trop fort ! merci !!!

    j'ai pris ton idée et je l'ai fais en 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
     
      <?php 
      $id = $_GET["id"] ;  
      
    if($id == "1"){
    echo ("
            <script type='text/javascript' charset='utf-8'>
                $().ready(function() {
                    var elf = $('#elfinder').elfinder({
                        url : 'php/connector.php',  // connector URL (REQUIRED)
                                            lang : 'fr',
                    uiOptions: {
                        toolbar : [
                            // toolbar configuration
                            ['open'],
                            ['back', 'forward'],
                            ['reload'],
                            ['info'],
                            ['quicklook'],
                            ['search'],
                            ['view'],
                            ['help']
                        ]
                    },
                    contextmenu : {
                        files  : [
                            'getfile', '|','open', '|', 'quicklook', 'info'
                        ]
                    },      
                        getFileCallback : function(file) {
                            window.opener.processFile(file);
                            window.close();
                        },
                        resizable: false
                    }).elfinder('instance');
                });
            </script>
    
    ");
    } else {
     
    }       
    if($id == "2"){
    echo ("
            <script type='text/javascript' charset='utf-8'>
                $().ready(function() {
                    var elf = $('#elfinder').elfinder({
                        url : 'php/connector.php',  // connector URL (REQUIRED)
                                            lang : 'fr',
                    uiOptions: {
                        toolbar : [
                            // toolbar configuration
                            ['open'],
                            ['back', 'forward'],
                            ['reload'],
                            ['info'],
                            ['quicklook'],
                            ['search'],
                            ['view'],
                            ['help']
                        ]
                    },
                    contextmenu : {
                        files  : [
                            'getfile', '|','open', '|', 'quicklook', 'info'
                        ]
                    },      
                        getFileCallback : function(file) {
                            window.opener.processFile2(file);
                            window.close();
                        },
                        resizable: false
                    }).elfinder('instance');
                });
            </script>
    
    ");
    } else {
     
    }         
      ?>

    sa marche cool merci bp bp

  14. #14
    Membre chevronné
    Avatar de Darkaurora
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mai 2010
    Messages
    382
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2010
    Messages : 382
    Billets dans le blog
    1
    Par défaut
    ça me rassure parce que je voyais bien l'erreur...
    ça me dégoutte parce que j'ai été incapable de l'expliquer...

  15. #15
    Rédacteur/Modérateur

    Avatar de yahiko
    Homme Profil pro
    Développeur
    Inscrit en
    Juillet 2013
    Messages
    1 424
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur

    Informations forums :
    Inscription : Juillet 2013
    Messages : 1 424
    Billets dans le blog
    43
    Par défaut
    En effet, tu peux dire merci à Darkaurora qui a quand même débroussaillé 90% du problème.
    Tutoriels et FAQ TypeScript

  16. #16
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2010
    Messages : 18
    Par défaut jquery et 2 input
    non non c'est cool !!! vous m'avez bien éclairé !!!!!

    Merci Merci !!!!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Jquery Change hidden input value
    Par devlm dans le forum jQuery
    Réponses: 11
    Dernier message: 31/01/2013, 15h11
  2. problème entre jquery validation et input type file
    Par thor76160 dans le forum ASP.NET MVC
    Réponses: 2
    Dernier message: 26/09/2012, 16h22
  3. Jquery Ajax Post Input File
    Par CedriZero dans le forum jQuery
    Réponses: 2
    Dernier message: 29/08/2012, 17h15
  4. jquery .val() sur input undefined
    Par doncandid dans le forum jQuery
    Réponses: 3
    Dernier message: 11/08/2011, 10h09
  5. [Jquery]ajout d'input file
    Par IP-Fix dans le forum jQuery
    Réponses: 3
    Dernier message: 17/11/2008, 17h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo