1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

Как вставить скрипт на jquery

Главные вкладки

Аватар пользователя xox xox 30 августа 2013 в 7:35

Народ, подскажите, как это сделать.
Имею код, в общей сложности такой:

<!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" />
 <title>Документ без названия</title>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
 <style type="text/css">
 /*StartStyle*/
 .hideWrap{text-align:left;clear:both;}
 .hideBtn{display:block;background:transparent url("down_16.png") no-repeat left center;font:bold 11px/15px Verdana,sans-serif;padding:1px 14px 2px;cursor:pointer;outline:none;}
 .hideBtn.show{background-image: url("up-16.png");}
 .hideCont{display:none;}
 /* EndStyle */
 </style>
 </head>
 <body>
 <div class="hideWrap">
 <a class="hideBtn" href="javascript://" onclick="$('#hideCont1').slideToggle('normal');$(this).toggleClass('show');return false;">Показать</a>
 <div id="hideCont1" class="hideCont">Здесь располагается содержимое class "hideCont"</div>
 </div>
 </body>
 </html>

Как видите, внутри есть маленький скрипт выпадающего текста на jquery. Скрипт рабочий, проверял, но в Друпале не работает. А делал я так. Вставляю в CSS:

 /*StartStyle*/
 .hideWrap{text-align:left;clear:both;}
 .hideBtn{display:block;background:transparent url("down_16.png") no-repeat left center;font:bold 11px/15px Verdana,sans-serif;padding:1px 14px 2px;cursor:pointer;outline:none;}
 .hideBtn.show{background-image: url("up-16.png");}
 .hideCont{display:none;}
 /* EndStyle */

На страницу вставляю:

 <div class="hideWrap">
 <a class="hideBtn" href="javascript://" onclick="$('#hideCont1').slideToggle('normal');$(this).toggleClass('show');return false;">Показать</a>
 <div id="hideCont1" class="hideCont">Здесь располагается содержимое class "hideCont"</div>
 </div>

И ничего.

Комментарии

Аватар пользователя xox xox 30 августа 2013 в 8:58

Гуглил, не помогло. Тут совсем маленький скрипт, не требующий отдельного js-файла. Неужели никак не получится?

Аватар пользователя jsv jsv 30 августа 2013 в 14:34

Странный вопрос - как вставить скрипт. Берет и вставляете через теги .
А по Онклик уже вызываете функцию с этим кодом.

Аватар пользователя xox xox 31 августа 2013 в 5:13

drupal_add_js("alert('test !!!')","inline");

Не рабаботает. Вообще этот код просто выводится на странице в чистом виде, не подключается, хотя jquery вроде как по умолчанию в друпале есть. Я ни фига не пойму, что надо делать.

Аватар пользователя jsv jsv 31 августа 2013 в 13:07

Я же написал как.

<script>
function for_idiots() {
$('#hideCont1').slideToggle('normal');
$(this).toggleClass('show');
return false;
}
</script>

А в коде

 
<div class="hideWrap">
 <a class="hideBtn" href="javascript://" onclick="for_idiots();">Показать</a>
 <div id="hideCont1" class="hideCont">Здесь располагается содержимое class "hideCont"</div>
 </div>
Аватар пользователя xox xox 2 сентября 2013 в 4:10

Уже хотел было отблагодарить вас и выслать мильон. НО!
Ваш вариант скрипта не работает, ибо проверял (

Аватар пользователя drupby drupby 2 сентября 2013 в 5:47

а если заменить $ на jQuery?
и когда у тебя не работает javascript смотри console firebug или google dev tools - сразу поймешь ,что к чему