-
Вебмастеру
(
http://forum.oszone.net/forumdisplay.php?f=22)
div как ссылка?
есть div, в нём другие блоки, картинки
как сделать чтобы при нажатии в любую свободную область этого блока срабатывала ссылка на страницу
|
Javascript. Свойство Onclick. Или это действие. По крайней мере я так думаю.
|
при нажатии на вообще любую область, картинку и т.д. внутри div:
HTML код:
<div onClick="window.location='http://ya.ru'" style="cursor:pointer">картинки и т.д.</div>
|
спасибо работает, а как сделать чтобы срабатывала только свободная область, потому что там будут картинки и они тоже ссылки
|
Цитата:
Цитата rizz
как экранировать двойные кавычки? »
|
print <<<END
тут ваш HTML код без экранирования
END - не пробовали?
а можно и так - print "<h1 align=\"center\">$title</h1>"; |
dmitryst, кавычки уже нашёл)) осталось с блоками разобраться, может вставить над картинкой ещё несколько блоков, но с ссылками на картинки
|
rizz, а как насчет z-index_а? Положить ваш слой на самый низ, а сверху - ваши картинки в div-ах с бОльшими индексами. Таким образом, OnMouseOver от картинок не будут перекрываться таким событием от фонового div-а, т.е. можно назначить им другие обработчики событий.
|
в php так:
PHP код:
echo '<div class="tovar" onClick="window.location=\'http://ya.ru\'" style="cursor:pointer"></div>';
или так:
PHP код:
echo "<div class=\"tovar\" onClick=\"window.location='http://ya.ru'\" style=\"cursor:pointer\"></div>";
dmitryst, а в примере? а то через js, на кроссбраузерность - гемор )
хотя, получается так:
HTML код:
<script type="text/javascript">
//вызов функции после полной загрузки страницы
window.onload = function(){
//назначение div-а ссылкой, id которого: tovar
div_link('tovar', 'http://ya.ru');
}
function div_link(id, link){
var div = document.getElementById(id);
var in_div = div.getElementsByTagName('*');
var action=true;
div.style.cursor='pointer';
if(div.addEventListener){
div.addEventListener('click', function(){ if(action) window.location=link; }, false);
}else{
div.attachEvent('onclick', function(){ if(action) window.location=link; });
}
for(var obj in in_div){
if(in_div[obj].tagName){
in_div[obj].style.cursor='default';
if(in_div[obj].addEventListener){
in_div[obj].addEventListener('mouseover', function(){ action=false; }, false);
in_div[obj].addEventListener('mouseout', function(){ action=true; }, false);
}else{
in_div[obj].attachEvent('onmouseover', function(){ action=false; });
in_div[obj].attachEvent('onmouseout', function(){ action=true; });
}
}
}
}
</script>
<div id="tovar" class="tovar">
<div>это не ссылка</div>
<span>это то же не ссылка</span>
<br>а это ссылка
</div>
|
dmitryst, да z-index работает))
у меня тут новая задумка, но не знаю реально ли, чтобы при наведении мыши на один div для него в стилях прописано .tovar:hover и фон, также менялся фон другого div который стоит на этой же странице, но не связан с тем над которым курсор
так как товаров на странице много, а надо помечать другим фоном только один товар
а ссылки такого вида
Код:
<div onClick="window.location='http://ya.ru'" style="cursor:pointer">картинки и т.д.</div>
поисковик нормально проиндексирует?
|
Цитата:
Цитата rizz
у меня тут новая задумка, но не знаю реально ли, чтобы при наведении мыши на один div для него в стилях прописано .tovar:hover и фон, также менялся фон другого div который стоит на этой же странице, но не связан с тем над которым курсор »
|
все так же, через js. какая структура html? |
proxy, а ладно, забей, не шарю в js
|
Цитата:
Цитата rizz
реально ли, чтобы при наведении мыши на один div , также менялся фон другого div который стоит на этой же странице, »
|
да, поищите на форуме пример . Там, правда, с таблицами, но этот же скрипт можно прикрутить и к другому элементу |
Время: 08:49.
© OSzone.net 2001-
