Image-link in input form

I would like to know if its possible to put an input (with no toolbar) field on a form and put a link to the Image Dialog next to this input form.

It should open the dialog box and the user can search for an image - after choosing this image - the dialog closes and puts the image-path into the input box.

see my page on:

http://onlinetagebuch.com/gut/cms/edit.php?id=233

'open FCKEditor-Imagedialog ' should open this dialog.

Thanks for your help

Andi

Tue, 07/25/2006 - 00:03

lazy-crocodile

Joined: 25/07/2006

Posts: 1

RE: Image-link in input form

Hello Andi,

did you solve the problem? I am searching also a solution for this problem.

Yours
Markus

Wed, 07/26/2006 - 02:05

royend

Joined: 05/09/2006

Posts: 3

RE: Image-link in input form

Hi everybody...
I am looking for the exact same solution, but still haven't found anythin.
Looking forward to finding the answer here some day soon.
Thanks.
Royend

Fri, 07/28/2006 - 04:08

lhwparis

Joined: 28/07/2006

Posts: 2

RE: Image-link in input form

i need the same! can nobody help ?
i wanna use the FCKfileeditor to select a Image and paste the URL to a single textfield.

Tue, 08/01/2006 - 12:36

lhwparis

Joined: 28/07/2006

Posts: 2

RE: Image-link in input form

nobody can help ?

Fri, 08/10/2007 - 13:03

radziowi

Joined: 10/08/2007

Posts: 2

Re: Image-link in input form

<?php
include("FCKeditor/fckeditor.php") ;
?>
<html>
  <head>
    <title>FCKeditor - Sample</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    
<script language="JavaScript" src="pick.js" type="text/javascript"></script>   
</head>
  <body> 
  <form action="check.php" method="post">
      <?php
$oFCKeditor = new FCKeditor('copy') ;
$oFCKeditor->BasePath = '/Anglia/adminarea/FCKeditor/';
$oFCKeditor->Width  = '600' ;
$oFCKeditor->Height = '400' ;
$oFCKeditor->Value = 'Default text in editor';
$oFCKeditor->Create() ;

$sValue = stripslashes( $_POST['copy'] ) ;
?>  
   <tr><td class="RowEven"><input type="text" name="Thumbnail" value="" size="32" id="Thumbnail"> 
                <a onclick="BrowseServer('Thumbnail');"><img src="FCKeditor/editor/filemanager/browser/default/images/FolderOpened.gif" alt="open fle browser" width="16" height="16" border="0"/></a></td>
 </form>
</body>
</html>

You must only change name="Thumbnail" and add pick.js
Code pick.js

// File Picker modification for FCK Editor v2.0 - www.fckeditor.net
// by: Pete Forde <pete@unspace.ca> @ Unspace Interactive
var urlobj;
function BrowseServer(obj)
{
        urlobj = obj;
        OpenServerBrowser(
                'FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/php/connector.php',
                screen.width * 0.7,
                screen.height * 0.7 ) ;
}
function OpenServerBrowser( url, width, height )
{
        var iLeft = (screen.width  - width) / 2 ;
        var iTop  = (screen.height - height) / 2 ;
        var sOptions = "toolbar=no,status=no,resizable=yes,dependent=yes" ;
        sOptions += ",width=" + width ;
        sOptions += ",height=" + height ;
        sOptions += ",left=" + iLeft ;
        sOptions += ",top=" + iTop ;
        var oWindow = window.open( url, "BrowseWindow", sOptions ) ;
}
function SetUrl( url, width, height, alt )
{
        document.getElementById(urlobj).value = url ;
        oWindow = null;
}

Its all:) pick.js should be thja same directory where your file:)
Greeting from Poland. Please visit my site.
http://radziowi.webd.pl/anglia/
Thanks!