Помощь в 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)
Новые темыОбъявленияСвободное общение
21:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
18:26 XRumer 23 StrongAI 
09:59 Ошибка после размещения кода HTML! 
15:34 Adtrafico - Правильная партнёрская сеть под бурж трафик 
14:43 Партнерская программа OWNR WALLET 
13:47 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
21:08 Влияет ли кодировка на индексацию позиции в поиске? 
16:38 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 
15:28 Ural-obmen.ru — выгодный сервис обмена 
15:09 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
13:14 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
11:51 Европейский эквайринг 
11:19 BestChange – обменивать электронную валюту можно быстро и выгодно 
06:19 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
18:06 Точные прогнозы на футбол 
14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок 
11:15 Каспкрски ОС 
15:24 Добро пожаловать в цифровой мир... 
22:58 У меня дикая просадка по РСЯ за последние 3 суток 
21:51 Linux - это максимальная свобода 
21:33 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди