galaydas
-
Posts
33 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by galaydas
-
-
)) А поподробнее
-
Всем привет, такая проблема, в javascript новичок
вот код
<div class="last_news">
<h1>Заголовок1</h1>
<p>Текст1</p>
</div>
<div class="last_news">
<h1>Заголовок2</h1>
<p>Текст2</p>
</div>
<div class="last_news">
<h1>Заголовок3</h1>
<p>Текст3</p>
</div>Нужно сделать так, что бы блоки отображались на странице в обратном порядке
как это решить на Jquery?
-
Всем привет! Такой вопрос, поставил на сайт менюху на jQuery
<script type="text/javascript">
$(document).ready(function($){
$('#accordion-2').dcAccordion({
eventType: 'click',
autoClose: false,
saveState: true,
disableLink: true,
speed: 'fast',
classActive: 'test',
showCount: false
});
});
</script>Как сделать так, что бы при переходе на другую страницу, пункт меню оставался открытым, если оставить autoClose: false, так и получается, но как сделать при этом, что бы при открытии нового пункта аккордеона, сворачивался прошлый. А то нужно руками закрывать и открывать все по очереди, может дописать какую строчку надо?
Я в Javascript вообще ни как, спасибо
-
если размер block2 соответствует размеру картинки, то можно так http://jsfiddle.net/eTQdd/
с помощью js универсальный вариант для большого количества таких конструкций http://jsfiddle.net/eTQdd/1/
ВОТ !!! Оно Switch7, то что нужно, взял второй вариант с JS. Стало как надо прямо )))
Спасибище вам Switch7 огромное !!!
Спасибо всем добрым людям кто советовал!
Решение найдено ))
-
Есть на JS. Сразу присвоим ID тегу. Затем сделаем CSS.
#наш_ид:hover {............}
#наш_ид[highlight='ok'] {...........}Далее пишем Javascript.
function highlightLinkById(id) {
document.getElementById(id).highlight = (document.getElementById(id).highlight == 'ok') ? 'ok' : 'none'
}Затем картинке присваиваем onmouseover и onmouseout:
onmouseover="highlightLinkById('наш_ид')" onmouseout="highlightLinkById('наш_ид')"И что, в вашем случае, при наличии многих повторяющихся блоков, будет правильно работать?
-
А всё-таки, кто/что запрещает обернуть оба внутренних блока одной ссылкой?
Если что, так сделаю, но не желательно, это на крайний случай
-
При наведении на картинку меняет цвет ссылка
Та, что
<a href="#"><h3>Заголовок</h3></a>
?
Да )
Да, это то, что нужно, только как я понимаю, это для единичного случая, а если таких блоков много на странице, то работать будет только первый, наверное для каждого в отдельности сделать нельзя
Что мешает сделать так: http://jsfiddle.net/HwA8s/2/ ?
Картинки и ссылка в разных блоках, так надо
-
Libiros:
Все это хорошо но вы видите, что картинка и текст в ссылке у меня в разных блоках
<div class="block">
<div class="block2">
<a href="#"><img src="img.jpg" /></a>
</div>
<a href="#"><h3>Заголовок</h3></a>
</div>При наведении на картинку меняет цвет ссылка, картинки могут быть разного размера, у одной высота например может быть 200рх а у другой 30рх. вот почему нужно наведение не на блок а на картинку, будет много div=block, но в каждом только одна картинка и одна ссылка, вся загвоздка и есть в том, что картинка и текст в разных блоках
-
Да, это то, что нужно, только как я понимаю, это для единичного случая, а если таких блоков много на странице, то работать будет только первый, наверное для каждого в отдельности сделать нельзя
-
Да, так, если на блок наводим, то срабатывает, но нужно именно на картинку, у меня пока не выходит
-
Всем привет, такая проблема
<div class="block">
<div class="block2">
<a href="#"><img src="img.jpg" /></a>
</div>
<a href="#"><h3>Заголовок</h3></a>
</div>Как можно сделать, что бы при наведении на картинку подсвечивалась ссылка с текстом, засунуть весь блок в <a> не вариант, может быть есть на js решение?
Помогите, кто чем может
-
У вас получается, текст под картинкой все равно расширяется шире узкой картинки, ну да ладно, я сделал фиксированный размер... немного не то, что хотел, ну да ладно, всем спасибо
-
Попробую уточнить.
Должно быть так как обведено красным, если например одна картинка будет шириной 100рх а другая 200рх и мы не будем указывать ширину блока, то текст у нас растянется на всю ширину страницы, а надо так, чтобы текст под картинкой автоматически подгонялся по ширине картинки, может быть какими нибудь отрицательными отступами?
Вот код для скриншота
HTML
<div class="block_tovar">
<a href="#">
<div class="block_tovar_into"><img src="img/tov3.jpg" title="" /></div>
<h3>LG 32LS3510</h3>
</a>
<span>Диагональ — 32" (81,3 см); разрешение — 1366x768 Пикс; тип дисплея — LED; формат экрана — 16:9; частота развертки — 100 Гц (MCI).</span>
</div>CSS
.block_tovar {
margin:0 3% 30px 0;
display: inline-block;
max-width:200px;
vertical-align:top;
height: auto;
}
.block_tovar_into {
height:210px;
display:block;
position:relative;
vertical-align:bottom;
text-align:center;
}
.block_tovar_into img {
border:none;
margin-bottom:10px;
display:block;
position:absolute;
bottom:0;
max-width:200px;
max-height:150px;
}
.block_tovar h3 {
font-size:14px;
font-weight:normal;
margin-bottom:10px;
}
.block_tovar span { font-size:12px; }Нужно что бы текст под картинкой растягивался на ширину картинки, но ширину картинки мы не знаем заранее, максимально 200рх, но если вдруг картинка будет 150рх, значит и текст должен быть 150, если делать при помощи span текст будет на все 200 всегда
-
Дело в том, что я заранее не знаю какие будут картинки, и какая ширина у блоков, со span че то не выходит
-
Всем привет, такая вот у меня проблема:
<div class="block">
<img src="img.jpg" />
<h3>Заголовок</h3>
<span>Текст, примерно одно предложение</span>
</div>Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока.
При фиксированной ширине - это понятно, а вот так, не знаю куда копать
-
Примеров много:
https://www.free-lance.ru/freelancers/web-dizajner-verstalschik-dizajn/
http://www.artlebedev.ru/everything/web/
Вот есть видеокурсы:
http://brothers-company.ru/videocourses/2/free.html
По моему этот (полный) курс можно найти в интернете бесплатно
P.S. Ровняться нужно как минимум на самых лучших
- 1
-
Мое мнение такое, обращаюсь прежде всего к Online. Если хотите начать рисовать нормальные макеты, выбирайте самые красивые сайты на ваш взгляд, если не можете выбрать, просите кого нибудь. Делайте скриншот, открываете в фотошопе, ставите направляющие поверх картинки, и тупо перерисовываете, потом удаляете свою работу, что б ни кто не видел .
Вот так работ через 10-15 понимание потихоньку приходить начнет.
-
Мне нужна помочь с дизайном, общем я опытный веб-программист а с дизайном никак не дружу вот написал приложение, и нужно доработать дизайн, отзовитесь кто готов помочь
вот и сам сайт/приложение где нужно отредактировать дизайн www.prifantom.com
Пишите мне в скайп, попробую с дизайном помочь
-
Вам мед, так еще и ложкой?
Только что бы при обновлении активный пункт открыт был изначально, а так он срабатывает при наведении только.Так при генерации страницы пропишите класс active списку li верхнего уровня и вложенному li, а родительскому еще и hovered пропишите, и будет он у вас открыт. Тут, наверное, логичнее 'hovered' в 'opened' или 'expanded' переименовать.
Наверняка, можно как-то упростить или сделать алгоритм более элегантным - все в ваших руках А если вы нашли работающий пример с таким алгоритмом, как вам нужен, так еще проще - просто разберитесь, как он там работает. Благо, любой инспектор позволит вам отлично просмотреть всю реализацию
Эх, так это ж я и делал тот алгоритм, там все на css, при hover новый пункт с не прозрачным фоном появляется поверх активного, а тут фон прозрачный :-) Я сделал для активного пункта <li class="m1 hovered active"> а подпункту просто дал class="active" Так все как надо.
Спасибище Вам огромное! Дай вам бог здоровья и счастья, есть же добрые люди на земле, надо пойти и самому кому нибудь добро сделать... а еще учить js :-)
Спасибо тысячу раз по тысяче :-)
-
Идея верная, спасибо, но немного не корректно работает, заедает что то при переходе между пунктами, и вложенные <li> тоже должны быть активными, пока что с новыми силами сел ковырять css,
Посмотрите так http://jsfiddle.net/3PxSR/1/
По моему так как надо ))) Только что бы при обновлении активный пункт открыт был изначально, а так он срабатывает при наведении только.
А так да, ОНО Вот еще, class=active будет присваивать система управления автоматом, просто что бы было по аналогии c http://vkgallery.nl/current-news
это проще чем вы сделали. Открываешь страницу, видим открытое подменю с помеченным подпунктом, но если захотим переключиться, то при (наведении ! ) на другую ссылку активная временно исчезает, уводим курсор в сторону, опять активная появляется, и дает понять на какой странице мы все таки находимся.
Мне кажется, что именно вы мне поможете ))
-
Идея верная, спасибо, но немного не корректно работает, заедает что то при переходе между пунктами, и вложенные <li> тоже должны быть активными, пока что с новыми силами сел ковырять css,
-
Вот загрузил http://jsfiddle.net/galaydas/rB3xH/5/
class="active" система управления сама присваивать будет, мне бы в css разобраться, или скриптик какой всунуть, я просто в jQuery ни как.
че тут сложного, при клике по LI (если на jQuery) присваиваете родительскому ul, какой нибудь active2, у которого display не none, а при наведении на любой пункт, сначала сбрасываете все классы, потом заново присваиваете, щас если успею на jsfiddle выложу
UPD: по поводу денег - даже не заикайтесь - знаю таких, сначала все мозги вытрясут потом суют 400-500р. типа мол, забирай (благодейтели $#@овы ), уж лучше бесплатно но без этих %6545636 (не про вас конкретно, просто вспомнил один недавний случай)
пардон ещё раз, дайте немного времени
Согласен с вами полностью, у самого такое было, извините уж меня за такие предложения, это уже от безысходности, но все равно, каждый же сам цену назначает
-
У вас же сейчас никаких active нигде не ставится или это вы написали то, что хотели бы?
Я на локалке ставил, вручную добавлял, не получается, хотелось бы что бы так было
-
Всем привет! Помогите пожалуйста, мучаюсь уже 3 дня, крыша едет ))
Вот сайт: http://stroy.galay.by
Там представлено меню, так вроде, худо, бедно работает... но теперь не могу решить проблему, если одному из пунктов присваиваешь class="active" для li и одного из вложенных в него подпунктов тоже class="active", то должно оставаться открытым подменю активного пункта, а при наведении на другую ссылку, должен пропадать активный и загораться тот на который навели.
Понятно что мое настоящее решение не будет работать в IE, будь он не ладен, планирую создать отдельный стиль с круглыми картинками, но вопрос с активными пунктами так и не решен, готов заплатить за помощь, выручайте Господа.
Сортировка блоков div
in JavaScript
Posted
О... Дай вам бог здоровья люди добрые ))) Спасибо громадное ))