Destrifer
-
Posts
93 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Destrifer
-
Почитал, полистал, погуглил - вроде оно, где-то, витает в воздухе, но ухватить не получается . Каким образом это осуществляется? Если можно, пример.
-
Где-то в глубине души я предполагал что это, увы, так. Хотя вера в человечество не хотела так бысто сдаваться. 2SelenIT: Спасибо за дополнения. Открыл для себя много нового
-
А как-же разработчики Open Source? А также энтузиасты-разработчики написавшые множество небольших но полезных программ? Врят-ли кнопочка "Donate" способна окупить затраты.
-
Спасибо за развернутый ответ. Есть люди которые "программируют ради программирования". Понять таких мне не дано.
-
Я по старинке назначаю обработчики через атрибуты соответствующих тегов. Однако есть вариант прописывать их в JS. Вроде при этом соблюдается семантика кода, идет четкое разделение html, css, js и т.д. Переназначил их через свойства объектов - а как их проинициализировать? Они работают, скажем, если поместить все в отдельную функцию и ее вызывать по onload в body. Но этот onload приходиться прописывать в атрибутах тега. Т.е. мы опять получаем смешивание js и html? Дальше - больше. Если на обработчик прописанный в атрибутах тега я легко мог повесить функцию и передать в нее значение, то при объявлении его через свойства, передать значение в функцию уже не получится. Единственный вариант приходящий в голову - это поместить функцию с передаваемым параметром в другую функцию (не передающую ничего), и её уже вешать на обработчик. И так с каждым обработчиком?? В этом и проблема. Может я неправ?
-
Как я понял: 1.Если просто переназначить обработчики через JS, то они не срабатывают, если-же поместить их в функцию, срабатывающую, скажем, по onload, объявленный через атрибут, то мы возвращаемся к тому, с чего начали. 2.Если на таком обработчике висит функция, то передать значение в неё не предсталяется возможным, кроме как, повесив отдельную функцию, через которую вызывается искомая. И так для каждой функции в которую мы передаем значения? Что-то не совсем понятны плюсы такого подхода.
-
Упс, да все меняется . Просто на моем конкретном символе (∧), это не слишком заментно.
-
Что делать в этом случае?
-
Нужен div который будет реагировать на события
Destrifer replied to Destrifer's question in HTML Coding
Ясно, спасибо. -
Нужен div который будет реагировать на события
Destrifer replied to Destrifer's question in HTML Coding
ммм... а подробнее? (для себя пока сделал вариант с непосредственным указанием области на экране, в пределах которой находится курсор) -
Нужен div который будет реагировать на события
Destrifer replied to Destrifer's question in HTML Coding
Спасибо, жаль что других вариантов нет -
Нужен div который будет реагировать на события
Destrifer replied to Destrifer's question in HTML Coding
onmouseover и onmouseout -
загораживать собой другие объекты. Иными словами мне нужно создать "область реагирования", но она никак не должна влиять на другие элементы.
-
Спасибо. Из двух зол приходится выбирать меньшее
-
Т.е. все инструкции для IE хочутся подгружать а не захламлять в head основной страницы. Либо в css прописать правила так, чтоб их только IE воспринимал. Impossible?
-
Спасибо, работает. Честно говоря, были мысли по поводу первого и второго, но только благодаря Вам они обрели конкретную форму
-
вверху работает: top:0; top:expression( eval(document.body.scrollTop) + 'px' ); а внизу нет : bottom:0; bottom:expression( eval(document.documentElement.clientHeight + document.body.scrollTop) + 'px' );
-
Работает
-
После скролла списка не срабатывает функция my() (которая убирает его). Если им не пользоваться все ок. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script> z=250; b=0; a=0; function my2() { if(z==115) {return}; a=setTimeout('my2()',10); z -= 1; document.getElementById("div1").style.top = z + 'px'; } function my3() { if(z==250) {return}; d=setTimeout('my3()',10); z += 1; document.getElementById("div1").style.top = z + 'px'; } function my() { if (a == 0){ if(b == -164) {a=1; document.getElementById("bt").innerHTML = "→"; return;} setTimeout('my()',10); b -= 4; document.getElementById("div1").style.left = b + 'px';} else if (a == 1){ if (b == 0) {a=0; document.getElementById("bt").innerHTML = "←"; return;} setTimeout('my()',10); b += 4; document.getElementById("div1").style.left = b + 'px';} } </script> <style> body { margin:0; background-color:#333; } #div1 { width: 164px; position: fixed; z-index: 1; } .div11 { width: 164px; position: fixed; height:136px; top: 30%; z-index: 0; } .div111 { width: 164px; height:136px; position: fixed; top: 30%; z-index: 1; clip: rect(0 164px 136px 0); } #div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } #div1 > a:hover {background: #7f7f7f;} .div3 { position:absolute; top:0; left:50%; margin-left:-41px; margin-top:-26px; } .div3 a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 5px 30px; } .div3 a:hover {background: #7f7f7f;} .div4 { position:absolute; left:50%; top:100%; margin-left:-41px; margin-top:7px; } .div4 a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 5px 30px; } .div4 a:hover {background: #7f7f7f;} #slide { position:absolute; right:-30px; top:50%; margin-top:-18px; } #slide > a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 30px 5px; line-height:36px; } #slide > a:hover {background: #7f7f7f;} </style> </head> <body> <div class="div111"> <div id="div1"> <a href="#" >111</a> <a href="#" >222</a> <a href="#" >333</a> <a href="#" >444</a> <a href="#" >555</a> <a href="#" >666</a> <a href="#" >777</a> <a href="#" >888</a> </div> </div> <div class="div11"> <div class="div3" onmouseover="my2();" onmouseout='clearTimeout(a);';><a href="#nul">↑</a></div> <div class="div4" onmouseover="my3();" onmouseout='clearTimeout(d);';><a href="#nul">↓</a></div> <div id="slide" onclick="my()"><a id='bt' href="#nul">←</a></div> </div> <div id='tt'></div> </body> </html>
-
спасибо
-
Нужно чтобы при убирании мышки с div-ов, функции my2() (или my3()) прекратили выполняться. Насчет обработчика ясно, а что прописать в него? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script> b=250; function my2() { if(b==115) {return}; setTimeout('my2()',10); b -= 1; document.getElementById("div1").style.top = b + 'px'; document.getElementById('tt').innerHTML = b; } function my3() { if(b==250) {return}; setTimeout('my3()',10); b += 1; document.getElementById("div1").style.top = b + 'px'; document.getElementById('tt').innerHTML = b; } </script> <style> #div1 { width: 164px; position: fixed; background-color:#000099; z-index: 1; } .div11 { width: 164px; position: absolute; height:136px; top: 30%; background-color:#009900; z-index: 0; } .div111 { width: 164px; height:136px; position: absolute; top: 30%; background-color:#990000; z-index: 1; clip: rect(0 164px 136px 0); } #div1 > a { display: block; text-decoration: none; color: #ffffff; padding: 5px; background:#212121; border: 2px ridge #000; } #div1 > a:hover {background: #7f7f7f;} .div3 { position:absolute; top:0; left:50%; margin-left:-41px; margin-top:-26px; } .div3 a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 5px 30px; } .div3 a:hover {background: #7f7f7f;} .div4 { position:absolute; left:50%; top:100%; margin-left:-41px; margin-top:7px; } .div4 a { text-decoration: none; color: #ffffff; border: 2px ridge #000; background:#212121; padding: 5px 30px; } .div4 a:hover {background: #7f7f7f;} </style> </head> <body> <div class="div111"> <div id="div1"> <a href="#" >111</a> <a href="#" >222</a> <a href="#" >333</a> <a href="#" >444</a> <a href="#" >555</a> <a href="#" >666</a> <a href="#" >777</a> <a href="#" >888</a> </div> </div> <div class="div11"> <div class="div3" onmouseover="my2();"><a href="#">←</a></div> <div class="div4" onmouseover="my3();"><a href="#">←</a></div> </div> <div id='tt'></div> </body> </html>
-
Спасибо, попробую.
-
Спасибо. В общем сделал я как надо, но над корректной работой в ie надо будет попотеть
-
О том и речь - как побороть наследование в ie6?
-
Вроде всегда был селектор дочерних элементов Подозреваю, что единственный способ избежать наследования на остальные теги "а".... Собственно, как быть в этом случае с ie6? p.s. Scrum опередил