Выдвижной контент/страница

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

Аватар пользователя iNFerNo iNFerNo 4 апреля 2011 в 11:09

Как сделать такую фишку как тут http://mirpodvoha.ru/ слева (проблемы?)

Хочу вынести туда страницу создание материалов для юзеров (вообще можно это туда вынести или это статическая страница? или придется ручкам ивсе выносить проверяя доступность к созданию и тогда выводить ссылку на создание контента?).

спасибо!

Комментарии

Аватар пользователя Movac Movac 4 апреля 2011 в 11:25

Создайте блок с формой создания материалов. Разместите его на желаемой странице, а дальше темизация, CSS.

Аватар пользователя boneg boneg 4 апреля 2011 в 14:36

"iNFerNo" wrote:
но как с этим оперировать не пойму.

И не нада. Зачем срать мешком JavaScript, если в друпале уже подключен jQuery?

В хтмл:

<div class="скрытый_контейнер">
<div>Содержимое контейнера</div>
<div id="йа_кнопко" class="close">Кнопка</div>
</div>

В CSS:

.скрытый_контейнер {
ширина: 330px;
margin-left:-300px;
высота:12дюймов;
позиция:абсолют;
слева: 0 дюймов;
сверху: скоко нада;
}
#йа_кнопко {
ширина: 30px;
высота:3 дюйма;
позиция:fабсолют;
справа:0px;
сверху:4 дюйма;}

В js:

$(docment).ready(function(){
$('#йа_кнопко').click(function(){
if ($(this).hasClass('close')) {
$('.скрытый_контейнер').stop().animate({marginleft : "0px"},300);
$('.скрытый_контейнер').removeClass('close');
} else {
$('.скрытый_контейнер').stop().animate({marginleft : "-300px"},300);
$('.скрытый_контейнер').addClass('close');
}

});
});

Ну в таком духе.Может дето прое..л, но это просто пример. Попробуй лучше понять как что работает вместо того чтоб просто все подряд копипастить.

Аватар пользователя iNFerNo iNFerNo 4 апреля 2011 в 16:44

да с этими кусками я как раз понял все.

то есть js подключаем в info

в стили вставляем разукраску дивов

ну и в page.tpl.php первый кусок с кнопкой типа.

Аватар пользователя iNFerNo iNFerNo 8 апреля 2011 в 13:38

я вот вставляю конструкцию выше в node-Мойтипматерила.tpl.php

все выводиться... но уже расскрытом виде.

<?php<a href="" class="btn-slide">Facts about the song</a>

<script type="text/javascript">
$(document).ready(function(){
    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
});
</script>

<div id="panel">
<?php if ($node->field_facts_about_the_song[0]['view']): ?>
<?php 
unset ($items); foreach ((array)$field_facts_about_the_song as $item) { $items []= $item['view']; } print implode(", "$items); ?>  <?php endif; ?>
</div>

?>

и вопрос в догонку. как сделать несколько таких выездных ссылок?

Аватар пользователя boneg boneg 11 апреля 2011 в 11:16

"iNFerNo" wrote:
все выводиться... но уже расскрытом виде.

Потому что после загрузки jQuery тебе сначала нужно скрыть панель твою, напимер так:

$("#panel").hide();

"iNFerNo" wrote:
как сделать несколько таких выездных ссылок?

Сделай еще один обработчик и прикрепи его к другому id. Или если все панели работают одинаково - привяжись не к id, а к классу и дай всем один и тот же класс.