Jquery WYSIWYG tabs module

[dbs]

gimme a link

[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]

here a little bit more instructions with pictures

klick

[Availor]

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

[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.

[dbs]

oh my god 

i give up.

[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 Select Expand

<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]

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 Select Expand

[[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]

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]

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]

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