you will need to change the javascript to prevent some conflict. In other words, you must not have twice the same id in your page. the id of your secondary tabs must be a bit different from the original tabs, and the javascript must reflect that change.

the actual tabs system use id="label#" for the tab labels and id="folder#" for the related tab content.

simply change "label" and "folder" (for example "secondarylabel" "secondaryfolder") for your secondary tabs system. change the class of the new folder element. you can not use class="folder" because the actual javascript use a xGetElementsByClassName to get the list of folders for the orignial tabs system. So simply give a class="secondaryfolder" to your new folder elements.

copy the folder.js file and save the copy under another name (dont forget to add the javascript inlcude in your page header)

in the copy of folder.js, you have to change :

myfolders = xGetElementsByClassName('folder', null, null); <- 'folder' must be changed by the new *class* name

current = currentFolder.id.substring(6); <- I suspect you will need to correct the substring value (this get the 6th character of, for example, 'folder4', in this case, '4', indexing always start at 0) so if you use, for example, 'secondaryfolder#' the number will be index 15

currentLabel = xGetElementById('label' + current); <- 'label' must be changed

var clickedLabel = xGetElementById('label' + id); <- same

maybe you will also have some conflict with 'tabnav1'/'tabnav2', simply do the same as I explaned above to prevent that.

also, you will have to rename all the functions name in the copied js, to prevent conflicts also.


you could also modify the current folder.js to be able to take care of more that 10 folders and 3 rows. If you know a bit of javascript, it would be probably cleaner than duplicating everything

regards
Oliver

Hi Oliver,
your advice is so welcome, and it's what I need, becouse there is an
important consequence, the structure can support this solution.
In my mind I foresaw to replicate the tab structure but becouse of the
limitation to ten folders that I've already reached for my plugins, I
thought that this solution could not be applied, so I've tryed to use a
simplified solution but I met the problem I've posted.
I only need to add new features into a tab structure under the main map, if
you say that I can replicate the tab on the left(and adapt them for sure)
I'll do it. Now I foresee that I've to write a new css code becouse the
dimensions of the folders are a bit different: more wide and less high.

So thanks so much for your help. I'll say you the results.

Giu


--------- Original Message --------
Da: Oliver Christen <[EMAIL PROTECTED]>
To: cartoweb-users@lists.maptools.org <cartoweb-users@lists.maptools.org>
Oggetto: Re: [Cartoweb-dev] new tab in template
Data: 24/10/07 14:33

>


simply write the content of all your tab at once and use the css
properties
display=none/display=block to hide/show the wanted tab, just the same as
it
is done with the original cartoweb tab.

to write the tabs content, just said a I told you in my previous email.

or maybe I dont understand what you want to do

regards
Oliver

> Hi Oliver,
> my goal consists on replicating the tabs structure (where there are the
> plugin interfaces)
> under the main map. I've tryed a simplified chunch of code, I posted a
> part
> of it below.
> In my new tabs I want to plug four complex form for new features. Now
> there
> is a mask form which could be enabled according to user's need but I
want
> to
> improuve this solution.
> Now a mask is distributed in a .tpl a .css and a .js files which lets
the
> user to have on-line interaction with the database (without ajax) and > it

> is
> recalled by the main tpl of the project.
> The tpl code is in the same dir of the main, while css and js are in > the
> right dirs, and it works fine.
> Becouse of lack of space I want to use four tabs where there are my
masks.
> I've substituted the line which recall the mask by the code which
creates
> the tab, and in the tab I've tryed to recall the mask. In a first > attemp
> I've used static html files and .tpl , I've put the files in the same
dir
> of
> the main tpl, but as I wrote nothing is visible in the tabs but the
> browser
> page which says that the page has not been found.
>
> What kind of advice can you give me ?
>
>
> Thanks in advance and best regards
>
> Giu
>
>
>
> --------- Original Message --------
> Da: Oliver Christen <[EMAIL PROTECTED]>
> To: [EMAIL PROTECTED] <[EMAIL PROTECTED]>
> Oggetto: Re: [Cartoweb-dev] new tab in template
> Data: 23/10/07 11:30
>
> >
>>
>>
>> Hi,
>>
>> Im not really sure to understand what you want to do.
>> do you want to *include* some content in your main page or
>> do you want to *link* to some files in your project (as your <path?>
>> below
>
>> may suggest)
>>
>> if you want to include *static* content, simply put the files in the
same
>> folder as your project's cartoclient.tpl
>> and include the content with:
>> {include file='yourfilename.html'}
>> where you want the content to appear
>>
>> if you want to create a link to some html files,
>> you must place your page_x.html in the htdocs folder in your project
>>
>> the path is set by using the parameter type with an value (two
> singlequotes)
>> <a href="{r type=''}test.html{/r}">test</a>
>>
>> regards
>> Oliver
>>
>> > Hi All,
>> > I'm trying to add a new set of tab (read folder) under the main map
>> > like
>
>> > the
>> > folder in the leftbar.
>> > I've added the js code and the css. When I recompile the project I
can
> see
>> > the folders and I can click on them but they are empty:
>> > the pages are not displayed, all the pages are in the same >> > directory.
I
>> > think that the path is wrong, but I've set the absolute path, the
http
>> > path
>> > but nothing . Now If this piece of code is a tpl file which is >> > loaded

>> > by
>
>> > the
>> > main map and it is in the templates directory of the project, and if
>> > all
>
>> > the
>> > pages are in the same directory, which is the path I 've to use ?
>> >
>> >
>> > <div class="tabBox" style="clear:both;">
>> >  <div class="tabArea">
>> >    <a class="tab" href="page_1.html" target="tabIframe2">page_1</a>
>> >    <a class="tab" href="page_2.html" target="tabIframe2">page_2</a>
>> >    <a class="tab" href="page_3.html" target="tabIframe2">page_3</a>
>> >    <a class="tab" href="<path?>page_4.html"
> target="tabIframe2">page_4</a>
>> >    <a class="tab" href="page_5.html" target="tabIframe2">page_5</a>
>> >  </div>
>> >  <div class="tabMain">
>> >    <h4 id="title">Top Picks</h4>
>> >    <div class="tabIframeWrapper"><iframe class="tabContent"
>> > name="tabIframe2" src="page_1.html" marginheight="8" marginwidth="8"
>> > frameborder="0"></iframe></div>
>> >  </div>
>> > </div>
>> >
>> > THanks in advance and best regards
>> >
>> > Giu
>> >
>> > --
>> > Email.it, the professional e-mail, gratis per te:
http://www.email.it/f
>> >
>> > Sponsor:
>> > Utilizza l'email marketing di Email.it, oltre 2 milioni di utenti
>> > registrati tra cui trovare i tuoi futuri clienti
>> > Clicca qui:
http://adv.email.it/cgi-bin/foclick.cgi?mid=7148&d=20071023
>> >
>> >
>> > _______________________________________________
>> > Cartoweb-dev mailing list
>> > [EMAIL PROTECTED]
>> > http://lists.maptools.org/mailman/listinfo/cartoweb-dev
>> >
>>
>>
>>
>>
> --
> Email.it, the professional e-mail, gratis per te: http://www.email.it/f
>
> Sponsor:
> Sviluppa il tuo business e trova nuovi clienti con il Direct Email
> Marketing di Email.it, la strategia vincente per rafforzare la tua
> impresa!
>
> Clicca qui: http://adv.email.it/cgi-bin/foclick.cgi?mid=7147&d=20071024
>
>
>




--
Email.it, the professional e-mail, gratis per te: http://www.email.it/f

Sponsor:
Un look da modella in pochi secondi, consigliato da Hunter Tylo


Clicca qui: http://adv.email.it/cgi-bin/foclick.cgi?mid=7111&d=20071025




_______________________________________________
Cartoweb-users mailing list
Cartoweb-users@lists.maptools.org
http://lists.maptools.org/mailman/listinfo/cartoweb-users

Reply via email to