Помогите чего не хватает?

Тема в разделе "JavaScript", создана пользователем sergey_prusov, 27 окт 2013.

Модераторы: ZiX
  1. sergey_prusov

    sergey_prusov

    Регистр.:
    31 окт 2008
    Сообщения:
    205
    Симпатии:
    3
    Имею такой код fav.js:
    HTML:
    $(document).ready(function() {
      
        var LinkTitle = $(document).attr('title');
      
        var LinkUrl = window.location.href;
      
        var LinkParent = window.location.hostname;
      
        LinkTitle=encodeURIComponent(LinkTitle);
      
        LinkUrl=encodeURIComponent(LinkUrl);
      
      
        // Вставка блока с закладками и блока затемнения
        $('body').append('<div class="shad" style="display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;"></div>');
      
        $('body').append('<div id="tt_social" style="position: fixed;left: 0;top: 50%;width: 30px;height: 215px;margin: -90px 0 0 0;background: #f1f1f1;border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border: 2px #fff solid;box-shadow:2px 0px 10px 0 #d9d9d9;-webkit-box-shadow:2px 0px 10px 0 #d9d9d9;-moz-box-shadow:2px 0px 10px 0 #d9d9d9;border-left: 0;"></div>');
      
        //Массив ссылок
        var LinksItem = [
        'http://vkontakte.ru/share.php?url='+LinkUrl+'" title="Поделиться ВКонтакте"',
        'http://www.facebook.com/sharer.php?u='+LinkUrl+'&t='+LinkTitle+'" title="Добавить в Facebook"',
        'http://twitter.com/share?text='+LinkTitle+'&url='+LinkUrl+'" title="Добавить в Twitter"',
        'http://www.liveinternet.ru/journal_post.php?action=n_add&cnurl='+LinkUrl+'&cntitle='+LinkTitle+'" title="Добавить в LiveInternet"',
        'http://zakladki.yandex.ru/newlink.xml?url='+LinkUrl+'&name='+LinkTitle+'" title="Добавить в Яндекс закладки"',
        'http://connect.mail.ru/share?url='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Мой Мир"',
        'http://www.odnoklassniki.ru/dk?st.cmd=addShare&st._surl='+LinkUrl+'&title='+LinkTitle+'" title="Добавить в Одноклассники"',
        'http://www.livejournal.com/update.bml?event='+LinkUrl+'&subject='+LinkTitle+'" title="Добавить в ЖЖ"'
        ];
      
      
        var sdvig = 0;
        var sdvig2 = 0;
      
        // Построение списка закладок
        for (i=0; i<LinksItem.length; i++)
        {
            var getLinks = $('<a href="'+LinksItem[i]+' style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url("/public_html/templates/ps-dude/images/fav.png") left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
            getLinks.appendTo("#tt_social");
            var sdvig = sdvig + 20;
            var sdvig2 = sdvig2 + 25;
        }
      
        // Эффекты при наведении на ссылку
        $('#tt_social a').hover(
            function() {
              $(this).css({
                    'box-shadow':'0 0px 10px 0 #fff',
                    '-webkit-box-shadow':'0 0px 10px 0 #fff',
                    '-moz-box-shadow':'0 0px 10px 0 #fff',
                    'border-radius':'5px',
                    '-webkit-border-radius':'5px',
                    '-moz-border-radius':'5px'
                });
              
                var linkTitle = $(this).attr('title');
                var thisSpan = $(this).find('span');
                thisSpan.text(linkTitle);
                $(this).find('span').css({
                    'position':'absolute',
                    'display':'block',
                    'padding':'5px',
                    'background':'#fff',
                    'width':'150px',
                    'left':'30px',
                    'border-radius':'0 5px 5px 0',
                    '-webkit-border-radius':'0 5px 5px 0',
                    '-moz-border-radius':'0 5px 5px 0'
                });
            },
            function() {
                $(this).css({
                    'box-shadow':'none',
                    '-webkit-box-shadow':'none',
                    '-moz-box-shadow':'none',
                    'border-radius':'none',
                    '-webkit-border-radius':'none',
                    '-moz-border-radius':'none'
                });
                $(this).find('span').css({
                'display':'none'          
                });
            }
        );
      
        // Эффекты при наведении на блок с ссылками
        $('#tt_social').hover(
            function() {
                $(this).animate({
                    'width':'40px'
                });
                $(this).find('a').animate({
                    'left':'10px'
                });
                $(this).css({'background':'#727272'});
                $('.shad').css({
                    'opacity':'0.2',
                    'display':'block'
                });
            },
            function() {
                $(this).animate({
                    'width':'30px'
                });
                $(this).find('a').animate({
                    'left':'5px'
                });
                $(this).css({'background':'#f1f1f1'});
                $('.shad').css({
                    'opacity':'0',
                    'display':'none'
                });
            }
        );
      
      
    });
    не отображается картинка fav.png, хотя она там есть что не так?
     
    Последнее редактирование: 28 окт 2013
  2. kos1986

    kos1986 Постоялец

    Регистр.:
    29 окт 2007
    Сообщения:
    118
    Симпатии:
    61
    В строчке var getLinks... напутано с ковычками, в адрес ссылки попадает лишнее. Закройте адрес ссылки двойной ковычкой:
    var getLinks = $('<a href="'+LinksItem+'"...
     
  3. sergey_prusov

    sergey_prusov

    Регистр.:
    31 окт 2008
    Сообщения:
    205
    Симпатии:
    3
    блин че-то несоображу никак можно поподробнее?

    нет так то все работает просто картинка и изображениями соц сетей неотображается.
     
  4. kos1986

    kos1986 Постоялец

    Регистр.:
    29 окт 2007
    Сообщения:
    118
    Симпатии:
    61
    Там ошибка.
    Вот так нужно ту строчку исправить:
    Код:
    var getLinks = $('<a href="'+LinksItem[i]+'" style="display: block;position: absolute;left: 5px;top:'+sdvig2+'px;width: 20px;height: 20px;background: url("/public_html/templates/ps-dude/images/fav.png") left -'+sdvig+'px no-repeat;margin: 10px 0 0 0;color: #888;text-decoration: none;font-size: 11px;" target="_blank"><span></span></a>');
     
  5. sergey_prusov

    sergey_prusov

    Регистр.:
    31 окт 2008
    Сообщения:
    205
    Симпатии:
    3
    все по прежнему картинка не грузится(((

    выглядит так: [​IMG]


    А должно внутри быть это: [​IMG]

    в шаблон подгружаю только так: <script type="text/javascript" src="{THEME}/js/fav.js"></script>
    может еще что-то надо?
     
    Последнее редактирование: 28 окт 2013