The forum operates in read-only mode. Please head to StackOverflow for support.

Mon, 01/14/2008 - 15:05

laredo

Joined: 14/01/2008

Posts: 3

Using multiple and different text fields in to popup version

Hello,

If it possible to use multiple and different named input box in order to choose different pictures in popup version? Or is it possible to use dynamic SetFileField( fileUrl ) function?

Thanks in advance

Mon, 01/14/2008 - 19:51

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Using multiple and different text fields in to popup version

You can keep a reference to the input that you want to modify and then use it when the user selects a file.

Mon, 01/14/2008 - 21:58

laredo

Joined: 14/01/2008

Posts: 3

Re: Using multiple and different text fields in to popup version

Thanks for your reply alfonsoml,

I think i couldn't explain my wish well. Let me say I have 10 different input box in my admin panel. All of them named different like <input name="bla1" id="bla"...,<input name="bla2" id="bla2".... And i want to open popup and select picture from CKFinder for every input box separately. picture1 for bla1, picture2 for bla2.

Is it possible?

Thanks again

Mon, 01/14/2008 - 23:07

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Using multiple and different text fields in to popup version

the easy way (untested) should be as follow

function BrowseServer(field)
{
 CKFinder.Popup( '/ckfinder/1.1/', null, null, function(url) {SetFileField(field, url)} ) ;
}

function SetFileField( field, fileUrl )
{
 document.getElementById( field ).value = fileUrl ;
}

and then add pairs:

<input type="text" size="60" name="FilePath1" id="FilePath1"/> 
<input type="button" onclick="BrowseServer('FilePath1');" value="Browse Server"/>

Wed, 01/16/2008 - 09:48

laredo

Joined: 14/01/2008

Posts: 3

Re: Using multiple and different text fields in to popup version

I see :-) I got the logic, thats what i need.

thanks for your support alfonsoml :-)

Mon, 02/18/2008 - 12:22

eclipse design

Joined: 18/02/2008

Posts: 1

Re: Using multiple and different text fields in to popup version

So how did this end up?... I need this to, i have 4 input fields. I can open Ckfinder with one of the four buttons now and select an image. The url is pasted into the last input field, and when i try to open the CKfinder again it just won't show... Anyone has some coding for 4 or more input fields?... :cry:

Tue, 02/19/2008 - 21:42

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Using multiple and different text fields in to popup version

The code that I wrote should work for any number of fields, you just have to keep the proper ids for each field

Sun, 02/24/2008 - 16:46

niles

Joined: 22/02/2008

Posts: 5

Re: Using multiple and different text fields in to popup version

Eclipse Design wrote:So how did this end up?... I need this to, i have 4 input fields. I can open Ckfinder with one of the four buttons now and select an image. The url is pasted into the last input field, and when i try to open the CKfinder again it just won't show... Anyone has some coding for 4 or more input fields?...

Sun, 02/24/2008 - 18:04

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: Using multiple and different text fields in to popup version

This is a full working example

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>CKFinder - Sample - Standalone</title>
   <script type="text/javascript" src="../../ckfinder.js"></script>
   <script type="text/javascript">

var editedField;
function BrowseServer( field )
{
   editedField = field ;
   CKFinder.Popup( '../../', null, null, SetFileField ) ;
}

// This is a sample function which is called when a file is selected in CKFinder.
function SetFileField( fileUrl )
{
   document.getElementById( editedField ).value = fileUrl ;
}

   </script>
</head>
<body>

   <table>
      <tr>
         <td>Selected File URL</td>
         <td><input type="text" id="xFilePath1" name="FilePath1" size="60" /></td>
         <td><input type="button" value="Browse Server" onclick="BrowseServer('xFilePath1');" /></td>
      </tr>
      <tr>
         <td>Selected File URL</td>
         <td><input type="text" id="xFilePath2" name="FilePath2" size="60" /></td>
         <td><input type="button" value="Browse Server" onclick="BrowseServer('xFilePath2');" /></td>
      </tr>
   </table>
</body>
</html>

Sun, 02/24/2008 - 21:36

#10

niles

Joined: 22/02/2008

Posts: 5

Re: Using multiple and different text fields in to popup version

Thanks alfonsoml! This code is working o.k. for multiple fields

Mon, 09/08/2008 - 16:37

#11

cymbrig

Joined: 21/01/2008

Posts: 8

Re: Using multiple and different text fields in to popup version

Hi there,

This method in Javascript works, I however have a different question...

What happens when you want to select multiple files into a textarea?

Lets say I have a text area which I use to build a gallery from, I upload 50 files using CKFinder and then want to select them in a popup window using ckfinder and populate the textarea with the filenames, seperated by a comma...

What do we need to do to implement this?