Помощь в JS
Страницы: 1 2 След.
Помощь в JS
Здравствуйте. Нужна помощь в JS.
Короче говоря я не могу это как то по научному объяснить поэтому нарисую что именно мне нужно:
опа.png (6.72 КБ) [ Скачать ]
...
И пожалуйста объясните всё в подробностях, а то я в этом вопросе зелёный smile:o
style="display:none;"

А вообще, javascript исполняется не на сервере, а у пользователя. Находишь похожий сайт, смотришь код страницы
sultan, мне бы полный код. А то я не соображаю smile:(
Люди помогите!!!! smile:shout:
jQuery ... тыц
по подробнее опиши что именно за содержание должно выезжать?
если динамическое тогда нужно использовать технологию ajax.

опиши по подробнее а лучше нарису что ты хочешь в конечном итоге
«Знать и не сделать — все равно, что не знать.
Уметь и не делать — все равно, что не уметь».
программирую за еду, я вроде и так нарисовал smile:D.
Короче будет кнопка. После того как на неё нажали внизу должно в рамке выкатываться плавно окошечко (по ширине одинаковое с кнопкой)...
Значит ниже код, вот рабочий пример: http://aforizer.com/primer.html
Супра может порезать код и повставлять в теги пробелы, так что проще "Исходный код" с примера скопировать...
Между div`ом с id="panel" пишите свой контен
<st yle>
#panel {
background:#CCC;
height:auto;
width:250px;
display: none;
}
</style>

<sc ript src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<sc ript type="text/javascript">
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("fast");
$(this).toggleClass("active"); return false;
});
});
</script>
<div id="podrobInfo" align="center">Собственно "кнопка"</div>
<div id="panel">
А вот тут будет весь контент
<br /><br />
И еще строка
<br /><br />
и еще)
</div>
ааа, все перечеркнуло(
Открывайте пример и копируйте его код - там все работает
по ширине кнопку не делал такую же как и блок, но думаю в css осилите width )))
Олег, ооо большое спасибо! Сейчас всё пробну поставить и поглядеть что как будет работать...
Та незачно, если что пишите)
Олег, сам скрипт работает, но так как мне нужно не смог использовать smile:(
Дело в том, что сайт построент на PHP скрипте, и код дублирует одну функцию.
Если будет использоваться один код, то будет открываться всё с разу, поэтому я использовал функцию $i она выдаёт кажому блоку уникальный номер от o..10000 и т.п.
Пробовал ставить так:
Код
<sc ript src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<sc ript type="text/javascript">
$(document).ready(function(){
    $(".btn-slide$i").click(function(){
        $("#$i").slideToggle("fast");
        $(this).toggleClass("active"); return false;
    });
});
</script>

Задал в CSS много стилей 0,1,2,3...15. То есть для каждого блока будет выводиться свой CLASS\ID
Потом сделал так:
Код
<div id=\"podrobInfo$i\" align=\"center\"><a href=\"\" class=\"btn-slide$i\">Кнопка</a></div>
<div id=\"$i\"></div>

Хотя сейчас вроде понял в чём проблема... Нужно наверное добавлять код в хедер для кадой функции smile:confused:
О теперь всё работает... Немного подмудрил и всё ок smile;)
Страницы: 1 2 След.
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
17:29 Как продвигать сайт с неуникальным контентом 
13:54 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
17:01 Absence в Армении 
23:19 Ребята подскажите какими сервисами и прогами вы пользуетесь для SEO продвижения? 
21:07 SOCKS5 приватные прокси на 30 дней для PayPal 
21:06 Google Voice аккаунты для бесплатных SMS и звонков 
21:06 PayPal аккаунты для любых целей 
17:16 Продажа аккаунтов HH.RU 
15:45 Продам профи аккаунт Kwork 
15:14 Coindrop.trade - обменник электронных валют 
14:04 AVTtool — программа для накрутки поведенческих факторов на Avito 
22:06 Добро пожаловать в цифровой мир... 
20:20 Роскомнадзор стал инструментом шантажа и заработка в России? 
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
22:08 Накрутка поисковых подсказок 
05:04 Точные прогнозы на футбол 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди