jquery et 2 input

Version imprimable

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:

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:

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:

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

28/07/2013, 00h33
Darkaurora
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:

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:

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); }
28/07/2013, 00h39
win64

non toujours pareil marche pas !

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:

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>

28/07/2013, 00h52
win64

non il me rempli mon 2eme input quand je clique sur le bouton du 1er
input
28/07/2013, 01h00
Darkaurora

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 ? :)
28/07/2013, 01h01
yahiko

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.

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:

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:

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

28/07/2013, 01h11
Darkaurora
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:

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:

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...
28/07/2013, 01h16
win64

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.

:(
28/07/2013, 01h28
win64

peut etre en recuperer le value en javascript et pas en jquery

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:

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:

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:

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.

jquery et 2 input

trop fort ! merci !!!

j'ai pris ton idée et je l'ai fais en php

Code:

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 :ccool:

28/07/2013, 11h29
Darkaurora

ça me rassure parce que je voyais bien l'erreur...
ça me dégoutte parce que j'ai été incapable de l'expliquer...
28/07/2013, 11h35
yahiko

En effet, tu peux dire merci à Darkaurora qui a quand même débroussaillé 90% du problème. ;)
28/07/2013, 12h43
win64

jquery et 2 input

non non c'est cool !!! vous m'avez bien éclairé !!!!!

Merci Merci !!!!