We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 4036
    • 239 Posts
    Всем здравствуйте!

    Есть сайт.
    В шапке сделана карусель из фотографий с помощью jquery.

    Вызываю EasyPoll:
    [!EasyPoll? &pollid=`1` &showexception=`1` &lang=`ru` &easylang=`ru` &nojs=`0` &showexception=`1`!]


    И вижу, что карусель из фото рассыпалась, т.е. не работает.

    Полезла в код страницы:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="pssh8.css" type="text/css" />
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
    <script type="text/javascript" src="jquery.cycle.all.min.js"></script>
    <script type="text/javascript" src="jquery.easing.1.1.1.js"></script>
    <script type="text/javascript"><!-- Карусель фотографий в шапке -->
    $(document).ready(function() {
    $('#s1').cycle({ 
        fx:      'cover', 
        speed:    800, 
        timeout:  3000
    });
    });
    </script>
    <title>МОУ ПСШ №8 - Школа сегодня</title>
    	<script type="text/javascript" src="manager/media/script/mootools/mootools.js"></script>
    
    	<script type="text/javascript" src="assets/snippets/EasyPoll/script/EasyPollAjax.js"></script>
    ...
    <body>
                    <!-- Карусель -->
                    <div id="s1">
                    <img src="img/up_img_01.jpg"  style="padding-left:35px; padding-top:24px;"/>
                    <img src="img/up_img_02.jpg"  style="padding-left:35px; padding-top:24px;"/>
                    <img src="img/up_img_03.jpg"  style="padding-left:35px; padding-top:24px;"/>
                    <img src="img/up_img_04.jpg"  style="padding-left:35px; padding-top:24px;"/>
                    <img src="img/up_img_05.jpg"  style="padding-left:35px; padding-top:24px;"/>
                    </div>
    
    ...
    
    <!-- Здесь выводится EasyPoll -->
    	<div id="easypoll" class="easypoll"><form name="easypollform" id="easypollform" method="POST" action="/index.php?id=1&showresults=1">
    		<fieldset><input type="hidden" id="easypollajx" name="ajxrequest" value="0"/>
    		<input type="hidden" name="pollid" value="1"/><input type="hidden" name="idf" value="easypoll"/><div class="pollvotes"><h3>Нравится ли вам новый наш сайт?</h3><ul><li><input type="radio" name="poll_choice" value="1"/> да</li><li><input type="radio" name="poll_choice" value="2"/> нет</li><li><input type="radio" name="poll_choice" value="3"/> Даже не знаю</li></ul><input type="submit" name="submit" class="pollbutton" value="Vote" id="easypollsubmit"/> <input type="submit" name="result" class="pollbutton" id="easypollresult" value="Показать результаты" /></div></fieldset></form></div>
    
    			<script type="text/javascript">
    			// <!--
    			var jseasypoll = new EasyPollAjax("easypoll", "/index.php?id=1");
    			jseasypoll.registerCallback(EasyPoll_DefaultCallback);
    			jseasypoll.registerButton("submit");
    			jseasypoll.registerButton("result");
    			// -->
    			</script>
    ...
    


    Опытным путем удалось вывести, что карусель ломает вот эта строчка:
    <script type="text/javascript" src="manager/media/script/mootools/mootools.js"></script>


    Подскажите пожалуйста, может конфликтуют 2 скрипта?
    Я в javascript совсем дуб деревянный sad
    Помогите, а?
      Портфолио - http://wowstudio.pro
      • 36823
      • 334 Posts
        • 4036
        • 239 Posts
        Спасибо, решила!

        Заменила:
        <script type="text/javascript"><!-- Карусель фотографий в шапке -->
        $(document).ready(function() {
        $('#s1').cycle({ 
            fx:      'cover', 
            speed:    800, 
            timeout:  3000
        });
        });
        </script>


        На:
        <script type="text/javascript">
        var $j = jQuery.noConflict();
        $j(document).ready(function($) {
        $('#s1').cycle({ 
            fx:      'cover', 
            speed:    800, 
            timeout:  3000
        });
        });
        </script>


        И конфликт был исчерпан smiley
          Портфолио - http://wowstudio.pro
          • 31309
          • 70 Posts
          Quote from: Bredova at Jan 08, 2010, 03:40 PM

          Опытным путем удалось вывести, что карусель ломает вот эта строчка:
          <script type="text/javascript" src="manager/media/script/mootools/mootools.js"></script>


          это отдельный глюк, надо <base href="[(site_url)]" /> прописать