maasja
Newbie-
Posts
11 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by maasja
-
При установке галки на ckeckbox переход по ссылке.
maasja replied to maasja's question in HTML Coding
В плане фильтров и удобства, у меня будет все отлично, лучше чем где либо я и Вы видели. Все придумано до мелочей, полнейший AJAX, и практически моментальная загрузка всего. Но сайт также полностью сохраняет свою работоспособность с полностью отключенным JS. И сайт оптимизирован на столько, что даже с отключенным JS (читай AJAX), момента перезагрузки страницы (мигания) не видно вообще (раньше, я даже не думал что это возможно). И что в моем случае не правильно? Стоит галка, а сбоку от нее текст. Когда наводишь на галку, текст что сбоку меняет свой цвет (то есть интуитивно понятно, понятней некуда), кликаешь ты на тексте справа, или на галку, должно произойти одно и тоже - поставится галка, примениться фильтр, и загрузится соответственный результат. -
При установке галки на ckeckbox переход по ссылке.
maasja replied to maasja's question in HTML Coding
hedgehog, а если это фильтр в интернет магазине? -
При установке галки на ckeckbox переход по ссылке.
maasja replied to maasja's question in HTML Coding
Justnewone, что варварского в том чтобы при установке галки, просто произошел переход по ссылке (ну и галка естественно поставилась) ? Saturn, та с js я и сам могу... В общем максимально то что было возможно сделать - сделал. Вот, может кому пригодится: <label for="input0"> <input type="checkbox" id="input0" style="position:relative;margin-left:-20px;left:20px;z-index:1;"> <a href="#" style="position:relative;padding-left:20px;z-index:2;">Ссылка</a> </label> - тут можно на пример глянуть http://jsfiddle.net/vL5dA/2/ Как не странно, но работает это так как было задумано - только в Internet Explorer (9 версии, другие не проверял), а во всех остальных будет просто переход по ссылке (а потом уже на сервере можно ставить галку..). Теперь объясню почему именно такая иерархия DOM, и почему это полноценно работает только в IE. Проблема в том, что во всех браузерах, кроме как IE, при нажатии например на <input> который вложенный в <a> <a href="#"><input></a>, браузер "кликает" только на вложенный элемент (в данном примере input), и в верх клик уже не предает. Правильнее даже сказать - что браузер отменяет действие по умолчанию для всех элементов родителей, потому что именно клик вверх по DOM-у то поднимется (словить скриптом можно). IE , разрешает всему дереву DOM запускать действие по умолчанию, даже если его потомок уже что-то сделал, и мне это поведение кажется более правильным. То есть если input, будет в ссылке (<a>), то при нажатии на input, переход по ссылке не произойдет (везде кроме как IE). Если например label засунуть в ссылку, то при клике, также не произойдет переход, будет только передаваться фокус на форму. -
При установке галки на ckeckbox переход по ссылке.
maasja replied to maasja's question in HTML Coding
Nagibaka, с сожалению то что вы посоветовали не работает (даже если добавить пропущенный открывающей тег <p>). В общем я игрался, игрался, и понял - все что возможно сделать, это просто над input сверху нацепить прозрачную ссылку. Тогда переход по ссылке естественно будет осуществляться, но галка ставится не будет. Я ставил label и внутрь ссылки, и ссылку оборачивал в <label>, какие с ними вариации только не пробовал, в итоге работает либо ссылка (<a href="...">), либо <label for="input_id"> . Может у кого-то есть еще какие-то идеи? Спс. -
Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.
-
Расстояние между рисунком и div-ом только на строгом Doctype.
maasja replied to maasja's question in HTML Coding
Теперь все понял! Громадное спасибо! -
Расстояние между рисунком и div-ом только на строгом Doctype.
maasja replied to maasja's question in HTML Coding
mishka, БОЛЬШОЕ спасибо. Интересно, почему такое проявляется только при строгом doctype? -
Расстояние между рисунком и div-ом только на строгом Doctype.
maasja posted a question in HTML Coding
Здравствуйте. Есть полностью валидный html-код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;width:183px;">тест</div> </div> </body> </html> Во всех современных браузерах, между рисунком и блоком есть расстояние (5px почему-то). Что я только не пробовал, рисунок и блок писать в одну строку (а не в две), расставлять margin:0; white-space, и еще много чего, все равно расстояние между ними есть. Но это только касается строгого doctype (как html, так и xhtml). Стоит только удалить или изменить doctype с строгого на переходной, расстояние между рисунком и div-ом пропадает. Можно кончено поставить для блока "margin: -5px;", но меня интересует почему такое происходит. Еще проблема заключается в том - что я не могу использовать переходной doctype, не потому что я любитель строгого и валидного кода, а потому что, то что я пишу, корректно работает во всех браузерах только если doctype strict. Вот ссылка на рисунок что я использую (на всякий случай). Объясните мне этот феномен пожалуйста. Спасибо. Вот ссылка на пример http://jsfiddle.net/w7A7D/ . -
ОК, большое спасибо)) Последний вопрос, любит ли это Internet Explorer 6?
-
Спасибо. То есть минусовое позиционирование можно спокойно использовать там где оно нужно, и оно будет корректно отображаться. Это радует)) А как к этому относится IE6? и можно ли например так использовать: <div style="width:100px;height:100px;background-color:red;"></div> <div style="position:relative;top:-30px; left:-20px;width:100px;height:100px;background-color:red;"></div>?
-
Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо