dynamic assignment of ckfinder container parent on create

Hello,

the CKFinder js standalone sample embeds the script calling finder.Create() within a <p> container
making the CKFinder GUI appear within this <p>

i want to be able to call finder.Create() on a click event , but keeping the ability to have it embedded in a DOM element of my choice.

is there a simple way to achieve that ?

Thanks by advance

Tue, 02/02/2010 - 16:08

wiktor

Joined: 16/07/2007

Posts: 1641

Re: dynamic assignment of ckfinder container parent on create

finder.Create() writes code directly to the browser, if you want just to get the HTML code, call finder.CreateHtml(), here's some dirty example:

   <p style="padding-left: 30px; padding-right: 30px;" id="container">
   </p>
      <script type="text/javascript">
         function createCKFinder() {
            var finder = new CKFinder() ;
            finder.BasePath = '../../' ;   // The path for the installation of CKFinder (default = "/ckfinder/").
            finder.SelectFunction = ShowFileInfo ;
            document.getElementById('container').innerHTML = finder.CreateHtml() ;
         }
      </script>
   <button onclick="createCKFinder();">Create CKFinder</button>

Wiktor Walc
CTO, CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+