[Cartoweb-users] Re: [Cartoweb-dev] new tab in template
Oliver Christen
oliver.christen at camptocamp.com
Thu Oct 25 03:42:48 EDT 2007
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 <oliver.christen at camptocamp.com>
> To: cartoweb-users at lists.maptools.org <cartoweb-users at 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 <oliver.christen at camptocamp.com>
>> > To: cartoweb-dev at lists.maptools.org <cartoweb-dev at lists.maptools.org>
>> > 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
>> >> > Cartoweb-dev at lists.maptools.org
>> >> > 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
>
>
>
More information about the Cartoweb-users
mailing list