Народ, подскажите, как это сделать.
Имею код, в общей сложности такой:
<!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>
<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 */
.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>
<a class="hideBtn" href="javascript://" onclick="$('#hideCont1').slideToggle('normal');$(this).toggleClass('show');return false;">Показать</a>
<div id="hideCont1" class="hideCont">Здесь располагается содержимое class "hideCont"</div>
</div>
И ничего.
Комментарии
Теперь Вы решили сюда вставить!?
пользуйтесь поиском...
Гуглил, не помогло. Тут совсем маленький скрипт, не требующий отдельного js-файла. Неужели никак не получится?
Странный вопрос - как вставить скрипт. Берет и вставляете через теги .
А по Онклик уже вызываете функцию с этим кодом.
Маленькие скриптики прямо на страницу вставляются вот так
drupal_add_js("alert('test !!!')","inline");
Не рабаботает. Вообще этот код просто выводится на странице в чистом виде, не подключается, хотя jquery вроде как по умолчанию в друпале есть. Я ни фига не пойму, что надо делать.
Вот здесь еще есть примеры
https://api.drupal.org/api/drupal/includes%21common.inc/function/drupal_...
Я же написал как.
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>
Уже хотел было отблагодарить вас и выслать мильон. НО!
Ваш вариант скрипта не работает, ибо проверял (
а если заменить $ на jQuery?
и когда у тебя не работает javascript смотри console firebug или google dev tools - сразу поймешь ,что к чему
Заменил $ на jQuery и свершилось ЧУДО. Заработало! Нижайше кланяюсь всем, кто помог