🚀 go-pugleaf

W dniu 2010-08-30 09:30, Slawek-L pisze:
> Witam,

Sam sobie odpowiem. :) Może komuś się przyda.


function splitToTabs(fromDiv, tabsDiv, tmpDiv, tabHeight)
{
   var tabIndex = 1;
   var contentArray = new Array;
   var contentIndex =0;
   contentArray = jQuery.makeArray( $(fromDiv).contents().clone() );

   while ( contentIndex < contentArray.length )
   {
     $(tmpDiv).append( contentArray[contentIndex] );
     contentIndex++;
     if ( $(tmpDiv).outerHeight() > tabHeight )
     {
       contentIndex--;
        contentArray[contentIndex] = $(tmpDiv).contents().last();
       $("#tabs-"+tabIndex.toString() ).append( $(tmpDiv).contents() );
       tabIndex++;
       $(tabsDiv).tabs('add', '#tabs-'+tabIndex,tabIndex.toString());
       $(tmpDiv).contents().remove();
     }
   }
   if ( $(tmpDiv).contents() != null )
   {
       $("#tabs-"+tabIndex.toString() ).append( $(tmpDiv).contents() );
   }
}

Działa mniej więcej tak: we fromDiv jest treść do podzielenia,
tabsDiv to element w którym będą zakładki, a tmpDiv to
tymczasowy div służący do przerzucania treści.
tabHeight to wysokość zakładki. Jeśli ta wysokość zostanie przekroczona 
to zostaje utworzona kolejna zakładka i ciąg dalszy jest wrzucany do 
następnych zakładek. tmpDiv musi mieć taką samą szerokość jak docelowa 
kolumna tekstu.

Pozdrawiam
Sławek-L