Jquery WYSIWYG tabs module

[Availor]

Hello again,

I've tried implementing the module, Jquery WYSIWYG tabs, and since the link http://websitebaker.wdsnet.de/wb/pages/de/jquery/jquery-einbinden.php does not work I've decided to post the question in here.

Can you please explain how to implement the module?
I'm using the latest JQuery Admin and I see the module is already implemented. The question is, how do I make it actually work from the WYSIWYG page after I create a new page?

Thanks

[dbs]

you need the plugin jquery-insert to load wysiwyg-tab-script.
look here: wysiwyg-tab
download there the jquery-insert-plugin and the wysiwyg-tab-modul.
should work.

[Availor]

Thanks for the prompt reply.

I already downloaded and installed both modules, but I can't figure out how to actually make the tabs work from the WYSIWYG tabs module. The google translator for the German page didn't give any accurate translation so maybe I missed something. I though that making a title should create a tab?

http://cforum.co.il/demo/83 This is my demo playground.... I've installed both modules and created the WYSIWYG Tabs page. Maybe I missed something since the tutorials are in German - is there anything else I need to put in the template, and how do I alter the CSS/JS or whatever to actually create the tabs from within the page?

Sorry but there's no tutorial in English I could find...

[dbs]

ok, i'll try in english:

for every tab you want you must create a section of type wysiwyg-tab. not wysiwyg.
in every section the first entry must be a h-tag like <h2>your header</h2>

in jqueryadmin you create a preset e.g. mytabs
check the boxes for jquery-insert, widget and a theme .... save.
copy the droplet

Code:

[[jQueryInclude?preset=mytabs]]

to one of your tab-sections.

try it.

I'm using the latest JQuery Admin

i can't see the jqueryadmin on your site. but jquery from jquery.com and google.com.
this is the wrong way. read the manual for the module jqueryadmin.

[Availor]

i can't see the jqueryadmin on your site. but jquery from jquery.com and google.com.
this is the wrong way. read the manual for the module jqueryadmin.

All there

Code:

<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-1.4.2/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.core.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/></script></script>
<script type="text/javascript" src="http://cforum.co.il/demo/templates/round/formToWizard.js"></script>
<script type="text/javascript" src="http://cforum.co.il/demo/clickheat/js/clickheat.js"></script>
<script src="http://cforum.co.il/demo/modules/droplets/js/mdcr.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.widget.min.js" type="text/javascript"></script>
<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.tabs.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://cforum.co.il/demo/modules/jqueryadmin/plugins/jquery-insert/jquery-insert.js"></script>

Something is moving I will try work it out but it doesn't work yet.
Otherwise I can always use the old method of creating a similar template with tabs that pull out different sections. Maybe I'm just tired but I just can't seem to figure it out. The CSS is connected, JS is connected should work I guess...

[dbs]

oh my god 

i give up.

[BlackBird]

First of all, you include jQuery Core 1.4.2 (from jQueryAdmin) AND 1.3.2 (from Google) AND jquery-latest (from jquery.com). THIS WON'T WORK! There can only be ONE jQuery Core!

<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-1.4.2/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.core.min.js" type="text/javascript"></script>
REMOVE ---> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/></script></script>
<script type="text/javascript" src="http://cforum.co.il/demo/templates/round/formToWizard.js"></script>
<script type="text/javascript" src="http://cforum.co.il/demo/clickheat/js/clickheat.js"></script>
<script src="http://cforum.co.il/demo/modules/droplets/js/mdcr.js" type="text/javascript"></script>
REMOVE ---> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.widget.min.js" type="text/javascript"></script>
<script src="http://cforum.co.il/demo/modules/jqueryadmin/jquery-ui-1.8/ui/jquery.ui.tabs.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://cforum.co.il/demo/modules/jqueryadmin/plugins/jquery-insert/jquery-insert.js"></script>

Please follow the instructions dbs has given. DO NOTHING ELSE.

[Availor]

Thanks for your help, I was a bit tired so couldn't grasp the thing before 

[dbs]

here a little bit more instructions with pictures

klick

[Roych]

Hello!

I have tried everything but I still cant get the wysiwyg_tabs to work. the template should have everything for the module to work but nothing.
I'we created the preset in jqadmin with all requirements and I tried too put the droplet in wysiwyg editor and in the template it self but nothing worked. I ran over all of the tutorial that I could find but still nothing.
I tried the link_preview and some other jquery plugins and all were working fine.

I have tried the template on some other server and the tabs were working fine.


is there something that I'm missing?

thanks in advance!

[dbs]

gimme a link

[Roych]

Hi
thans for the help.

Here is the same template in two diferent servers. (only test templates)

working tabs
http://www.feel-fun.com/wb/pages/slo/domov.php

the same template but non working tabs:
http://www.as-press.si/festival/pages/slo/tabers.php


thx

[dbs]

on both sites you load more than one jquery-core.
if you want use jqueryadmin than you don't need other jquery-calls. jqueryadmin is the one for all.

in the tutorial are some examples of not needed calls.
one of them is
register_frontend_m odfiles('jquery');  in the index.php of the template
comment it out or delete it.

you don't need any calls for jquery.

[Roych]

Hi

now I'we took out all the words incuding jquery but still doesent working.

but linkpreview is still working fine.

Any idea?

[dbs]

uncheck in your preset "tabs" an all the other not needed things. use the tutorial.

[dbs]

now it looks good with the calls.

but you have 2 problems with script from tiny.slider

comment it out and wysiwyg should work

[Roych]

Dis exactly as in tutorial I took I hope everything out as you'we said but still not working.

[dbs]

the wysiwyg-tab frontend.js is not loading... but i don't know why...

you have the module and the jquery-insert-plugin loading from tutorial website? i hope so.

if you look into the preset, is this a part of it?

Code:

<script type="text/javascript">
var WB_URL = "{WB_URL}";
var URL = "{WB_URL}";
</script>

[Roych]

oooohhhh

Thank you this was it!

I had the WYSIWYG_tab module from AMASP installed. And then I installed the one from the tutorial site and now its working!

Yuhey!   

Thank you for your time
you're the best
Roych

[dbs]

I had the WYSIWYG_tab module from AMASP installed

no comment ...

[Roych]

Hello

Another question!

It seems to work fine in IE when you load the page for the first time, but when you press the menu lik the tabs are not showing.

any idea?

thank you

[Roych]

Hi

Its working now!

I had to put this line in:
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/javascript/jquery.js" ></script>

R.

[dbs]

that's wrong!
you have jqueryadmin. thats one for all.

[Roych]

so what should I do? somehow it doesent work right is IE! Im a beginner in jquery so I don't really understand it comletely yet.
In Chrome everything is working fine.


Thx!

[dbs]

it seems ... you are right ...

with reload it works. with menue-link it don't work. (IE8)

f... IE