За последние 24 часа нас посетили 17426 программистов и 1722 робота. Сейчас ищут 947 программистов ...

как скрыть скрипт внутри блока div

Тема в разделе "JavaScript и AJAX", создана пользователем voinabit, 5 сен 2014.

  1. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    как скрыть скрипт внутри блока div? всю башку сломал помогите
    Код (Text):
    1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
    2. <script type="text/javascript">
    3. $(function(){
    4. $('#banner_top').click(function(){
    5. $(this).animate(
    6. {height: "10px"},
    7. "slow");
    8. });
    9. });
    10. </script>
    11. <div id="banner_top"
    12. style="width:200px;height:200px;background:url(image.jpg);"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    13. <!-- 728x90 -->
    14. <ins class="adsbygoogle"
    15. style="display:inline-block;width:728px;height:90px"
    16. data-ad-client="ca-pub-2081561070548648"
    17. data-ad-slot="7243228813"></ins>
    18. <script>
    19. (adsbygoogle = window.adsbygoogle || []).push({});
    20. </script>
    21. </div>
     
  2. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    а display:none уже не помогает дивам?
     
  3. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    Есть скрипт и с display:none тоже не срабатывает после клика
     
  4. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    на сколько я помню js должен быть после html блока, а не перед ним,, или в разделе head..
     
  5. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    скрипт то рабочий на ссылках и картинках все срабатывает но под адсенс ни как не хочет вообщем код адсенса накрывает блок iframe -ом

    Добавлено спустя 1 минуту 4 секунды:
    Ты про этот чтоли <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     
  6. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    нет.. я про то что
    Код (Text):
    1. <div id="banner_top"
    2. style="width:200px;height:200px;background:url(image.jpg);"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    3. <!-- 728x90 -->
    4. <ins class="adsbygoogle"
    5. style="display:inline-block;width:728px;height:90px"
    6. data-ad-client="ca-pub-2081561070548648"
    7. data-ad-slot="7243228813"></ins>
    8. <script>
    9. (adsbygoogle = window.adsbygoogle || []).push({});
    10. </script>
    11. </div>
    12. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
    13. <script type="text/javascript">
    14. $(function(){
    15. $('#banner_top').click(function(){
    16. $(this).animate(
    17. {height: "10px"},
    18. "slow");
    19. });
    20. });
    21. </script>
     
  7. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    Окей уговорил он в теле body

    Добавлено спустя 3 минуты 28 секунд:
    Cуть в том что банер должен скрыться после клика на него
     
  8. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    может для начало лучше использовать не .animate, a .slideDown() или .slideUp() или .slideToggle() или .toggle() ??
    наглядно покажет работоспособность..
     
  9. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    не помогло
     
  10. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    ну собственно, весь косяк в размере дива, а точнее с шириной, вот поэтому и не получается..
     
  11. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    Размеры настроены под банер

    Добавлено спустя 30 секунд:
    Все равно должен быть какои то фокус
     
  12. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    не может быть!
    firebug показывает -
    <img height="90" width="728" border="0" alt="Advertisement" src="http://s1.2mdn.net/viewad/4472980/5-728x90_Plastic-Products.jpg">

    Добавлено спустя 1 минуту 49 секунд:
    а див у тебя -
    Код (Text):
    1. <div id="banner_top" style="width:200px; height:200px; background:url(image.jpg);">
     
  13. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    я с другого форума стащил код поэтому размеры такие щас по новой добавлю а так размеры настроены у меня
    Код (Text):
    1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
    2. <script type="text/javascript">
    3. $(function(){
    4. $('#banner_top').click(function(){
    5. $(this).animate(
    6. {height: "10px"},
    7. "slow");
    8. });
    9. });
    10. </script>
    11. <div id="banner_top"
    12. style="width:728px;height:90px;background:url(image.jpg);"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    13. <!-- 728x90 -->
    14. <ins class="adsbygoogle"
    15. style="display:inline-block;width:728px;height:90px"
    16. data-ad-client="ca-pub-2081561070548648"
    17. data-ad-slot="7243228813"></ins>
    18. <script>
    19. (adsbygoogle = window.adsbygoogle || []).push({});
    20. </script>
    21. </div>
    Добавлено спустя 6 минут:
    Смотри делаю размер по больше и рядом кликаю банер сворачивается а когда по самому банеру кликаю то не робит
     
  14. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    не работает потому что, ты кликаешь не на сам <div id="banner_top"> , а на картинку в ссылке, типа <a><img/></a>
    А в твоем случае, еще и во вложенных iframe'ах
     
  15. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    Вот вот а каким образом это исполнить и есть ли вообще возможность
     
  16. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    я бы сделал так, поверх этого банера натянул бы такого же размера(пиксель в пиксель) прозрачный див.
    и когда кликаешь по прозрачному диву, будет исчезать <div id="banner_top" >
     
  17. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    Об этом я уже думал но будет ли при этом открываться открываться страница с рекламой после клика?

    Добавлено спустя 23 секунды:
    а как на счет этого
    <iframe src="javascript:''" style="height:80px" name="iframeName"></iframe>
    <script>
    var iframe = document.body.children[0];
    var iframeWindow = iframe.contentWindow; // окно из тега
    alert(frames[0] === iframeWindow); // true, окно из коллекции frames
    alert(frames.iframeName == iframeWindow); // true, окно из frames по имени
    </script>

    Добавлено спустя 1 минуту 45 секунд:
    Иерархия window.frames

    Альтернативный способ доступа к окну ифрейма — это получить его из коллекции window.frames.
     
  18. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    а для эмуляции клика по ссылке можно использовать - .trigger()
     
  19. voinabit

    voinabit Новичок

    С нами с:
    5 сен 2014
    Сообщения:
    10
    Симпатии:
    0
    это туда где предлогал прозрачный div
     
  20. p@R@dox 55RU

    p@R@dox 55RU Зэк
    [ БАН ]

    С нами с:
    21 май 2014
    Сообщения:
    1.358
    Симпатии:
    7
    Адрес:
    с планеты Ялмез
    да, туда где предполагается клик на прозрачный див. А на jQuery.com можно посмотреть как он правильно работает