cant have both wysiwyg_tab and wysiwyg_slider on website ?

[crnogorac081]

Hi,

It seems I cant have these two on website..

I have this code in my source:

Code:

<link href="http://127.0.0.1:4001/inf/templates/CrystalX/stil.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="http://127.0.0.1:4001/inf/resource/jquery-1.2.1.pack.js"></script>
    <script type="text/javascript" src="http://127.0.0.1:4001/inf/resource/jquery-easing.1.2.pack.js"></script>

    <script type="text/javascript" src="http://127.0.0.1:4001/inf/resource/jquery-easing-compatibility.1.2.pack.js"></script>    
    <script type="text/javascript" src="http://127.0.0.1:4001/inf/resource/coda-slider.1.1.1.js"></script>    
    <link href="http://127.0.0.1:4001/inf/resource/coda_slider.css" rel="stylesheet" type="text/css" media="screen" />

<script type="text/javascript">
        jQuery(window).bind("load", function() {
            jQuery("div#slider1").codaSlider()
            // jQuery("div#slider2").codaSlider()
            // etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
           
            // call every __ seconds
            // additional code for "auto-slide". see also around Line 58 in the "coda-slider.1.1.1.js"
      var autoSlide = setInterval(function()
      {
        $("#left-link").click();
        }, 6500);

        });
       
    </script>

-------------------- Up is code for slider and below are scripts for tabs


<link href="http://127.0.0.1:4001/inf/include/jquery/plugins/jquery-ui.css" media="screen" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
var URL = 'http://127.0.0.1:4001/inf';
var URL_SLIDER = 'http://127.0.0.1:4001/inf/modules/wysiwyg_slider/';
var horz = true;
</script>

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

<script src="http://127.0.0.1:4001/inf/include/jquery/jquery-ui-min.js" type="text/javascript"></script>
<script src="http://127.0.0.1:4001/inf/include/jquery/jquery-insert.js" type="text/javascript"></script>

<link href="http://127.0.0.1:4001/inf/modules/members/frontend.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://127.0.0.1:4001/inf/modules/members/frontend.js"></script>
<script type="text/javascript" src="http://127.0.0.1:4001/inf/modules/droplets/js/mdcr.js"></script>

Spet-by-steb, by removing each script, I forund that this one is causing problems:

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

When I remove it, slider works, tab appears, BUT can not click on any tab, and when I put this script back - slider is not working but I can then click on the tabs in wysiwyg tab..

Did anyone experienced this problem ??

cheers

[Luisehahne]

I have to wrote a new help. Normaly all my modules works together. Do you have a url for me, that i can have a look in full source. Something changed since wb 2.8. But is also possible in WB 2.7.

Dietmar

[crnogorac081]

as you can see from the code (http://127.0.0.1:4001/inf) it runs on wb USB portable server ))

But you can try it on your site. I used coda slider preset for members module: http://www.websitebaker2.org/forum/index.php/topic,13076.0.html

That is upper code in head, and below is:

http://www.websitebaker2.org/forum/index.php/topic,13303.msg93057.html#msg93057  ---- the code from this post..

So basicly I found out that this script <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> is causing some conflict..

 

[Luisehahne]

Hi,

the member modul is not developed by me. May be the coda slider preset in members is not called wit jquery. I don't know.

My modules are wysiwyg_tab, wysiwyg_query (accordion) and wysiwyg_slider (coda slider). And they work together on one page.

Sorry that in moment i can't help. But i'm sure help will be coming soon.

Dietmar

[Stefek]

Hello Crno Gorac (Black Mountain? - it seems to me it is a slav language, is it?  )

In the preset for the member module you will find links in the preset js file.

They may help you.

The coda slider is working with jquery, but maybe there is a problem with two versions of jQ at one page.

I hope it helps as afirst advice.

Regards,
Stefek

[Luisehahne]

Me again,

pls look the url

http://cms.wdsnet.de/wb/pages/de/jquery/alle-wysiwyg.php

the only fixes i have to do is in the SLIDER stylesheets

Dietmar

[Luisehahne]

Hi Stefek,

do you mean a double call from jquery core i think.

Dietmar

[Stefek]

Hi Stefek,

do you mean a double call from jquery core i think.

Dietmar

Yes, thats what I meant.

But , in fact, in order to help I would need a direct link, so I can have a look at the site while running.
The HTML Sourcecode doesn't help too much for debug purposes of JS driven pages 

Kind Regards and good night!

Stefek

[Luisehahne]

Hi Stefek,

But the problem is that crnogorac081 has a portable installation, so its difficult to help.

Dietmar

[crnogorac081]

@ Luisehahne

Can you please send /upload/or attach your wysiwyg_slider as I cant find in on your site.

@Stefek

direct translation of my nick is monteniger as I am from montenegro (something like englishman)

I added these files: WB_PATH."/resource/add_to_head.php and they are visible in my source code when I preview page (it is the first part of code before ---------------- lines.. )

@all

I also think it could be a problem with two versions of jQ.. Ill try to figure something out tonight, if not, I will upload somewhere to see..

cheers
ivan

[Luisehahne]

Can i do it next day? I have to set the css. It needed fixes, i saw. I just design a new side, and i think in 2 days you can download it from this side

http://websitebaker.wdsnet.de/wb/pages/de/startseite.php

Dietmar

[crnogorac081]

ok

by the way, nice clock on that side

cheers,
ivan

[Luisehahne]

Is too then as snippet download

Dietmar

[Stefek]

direct translation of my nick is monteniger as I am from montenegro (something like englishman)

So I was almost right
Црна Гора / Crna Gora.
In my language, literally it means "Balck mountain" ( "czarna góra" - also a slav language )

</offtopic>

Maybe you can provide a link, so i will look deeper into your problem too.

If you don'twant to make it public, just PM me.

Kind regards,
Stefek

[crnogorac081]

yea it does )

[/offtopic] 

Here are two links for example:

http://ivan.milicevic.me/blog/test.php [in templates head, CODE FOR SLIDER is ABOVE code for WYSIWYG TAB]
This results TABS to WORK, but slider not..

and

http://ivan.milicevic.me/blog/test_2.php   [in templates head, CODE FOR WYSIWYG TAB is ABOVE code for SLIDER ]
This results Slider working, but TABS not..

And here are codes:

Code: (FOR WYSIWYG TAB)

<link href="<?php echo WB_URL; ?>/include/jquery/plugins/jquery-ui.css" media="screen" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript">
var URL = '<?php echo WB_URL ?>';
var URL_SLIDER = '<?php echo WB_URL ?>/modules/wysiwyg_slider/';
var horz = true;
</script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/include/jquery/jquery-ui-min.js" type="text/javascript"></script>
<script src="<?php echo WB_URL; ?>/include/jquery/jquery-insert.js" type="text/javascript"></script>
<?php
if(function_exists('register_frontend_modfiles')) {
  register_frontend_modfiles('css');
    register_frontend_modfiles('js');
}
?>

And

Code: (FOR SLIDER)

<?php include (WB_PATH."/multimedia/resource/add_to_head.php");  ?>

which RESULTS:

    <script type="text/javascript" src="<?php echo WB_URL; ?>/multimedia/resource/jquery-1.2.1.pack.js"></script>
    <script type="text/javascript" src="<?php echo WB_URL; ?>/multimedia/resource/jquery-easing.1.2.pack.js"></script>
    <script type="text/javascript" src="<?php echo WB_URL; ?>/multimedia/resource/jquery-easing-compatibility.1.2.pack.js"></script>    
    <script type="text/javascript" src="<?php echo WB_URL; ?>/multimedia/resource/coda-slider.1.1.1.js"></script>    
    <link href="<?php echo WB_URL; ?>/multimedia/resource/coda_slider.css" rel="stylesheet" type="text/css" media="screen" />


<script type="text/javascript">
        jQuery(window).bind("load", function() {
            jQuery("div#slider1").codaSlider()
            // jQuery("div#slider2").codaSlider()
            // etc, etc. Beware of cross-linking difficulties if using multiple sliders on one page.
           
            // call every __ seconds
            // additional code for "auto-slide". see also around Line 58 in the "coda-slider.1.1.1.js"
      var autoSlide = setInterval(function()
      {
        $("#left-link").click();
        }, 6500);

        });
       
    </script>

wierd..


all best,
ivan

[Luisehahne]

Please be patience. If you see, i fill my pages. I have to install few plugins in FCKeditor that are not standard and change some code in WB-core.

Pls have a look one time per day, to see what happened on my sides. I'm working hard to get it ready.

Dietmar

[crnogorac081]

thanks Dietmar

[crnogorac081]

Can i do it next day? I have to set the css. It needed fixes, i saw. I just design a new side, and i think in 2 days you can download it from this side

http://websitebaker.wdsnet.de/wb/pages/de/startseite.php

Dietmar

Hi Dietmar,

I instaled slider and its working great and I have a few questions for you:
1. I want to remove tabs (section xx) at the top.. I tried tio put navigation to false but it didnt work... How to remove them?
2. When I unzip file, I see a lot of script... Which of them are realy required for slider to work.. I saw JS folder and loto of scripts...

cheers

[Luisehahne]

Hi,

here is the original link to author side. You see a demo with help, what you all can do with the plugin

http://www.maxb.net/scripts/ycodaslider-3.0/demo/

Dietmar

[crnogorac081]

this is over complicated, there are too much scripts ))

Do you know maybe is there "auto-slide"  option?

cheers

[Luisehahne]

I saw it anywhere. tomorow i will have  a look. here is the urlyou ask for  to hide arrows and tabs

http://www.maxb.net/scripts/ycodaslider-3.0/demo/docs/slider/6.html

Dietmar

[crnogorac081]

Hi Dietmar,

I spent all day examineing the code ))

In file frontend.js

Code:

(function($){


$.insert(URL+'/modules/wysiwyg_slider/ycodaslider-3.0.min.js')

$(window).ycodacss(URL+'/modules/wysiwyg_slider/ycodaslider-3.0.css');      ------- path altered from original file !!!! it was ....../modules/wysiwyg_slider/JS/ycodaslider-3.0.css
   

$(window).bind("load", function() {
   
    $("div.yslider-docs")
    .ycodaslider({
         height  : 400, //wh,
         scroll  : true,
         tracking: true,
        history  :   true,//false REMOVE?
        arrows     :   true,
        navigator:   false,      -------- SET TRUE IF YOU WANT TABS VISIBLE
         tracking_pre : 'docs'


    });

// REMOVE THESE 3 LINES BELOW IF YOU DONT WANT AUTO SLIDE ( below, autoslide is set to 2 seconds -> 2000ms)
setInterval(function(){
        jQuery("div.ycodaslider").ycodaslider("right");
    }, 2000);

So as you can see from the header, only ycodaslider-3.0.min.js and ycodaslider-3.0.css are requred... And 2 arrow images left.png and right.png in images folder... All other files are not necessary )

I am planing to make a preset for members module with this

cheers

[Luisehahne]

Fine, good work. I see, you will be going a jquery coder

Dietmar