Jump to content

maasja

Newbie
 View Profile  See their activity

  • Posts

    11

  • Joined

  • Last visited

maasja's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. maasja
    В плане фильтров и удобства, у меня будет все отлично, лучше чем где либо я и Вы видели. Все придумано до мелочей, полнейший AJAX, и практически моментальная загрузка всего. Но сайт также полностью сохраняет свою работоспособность с полностью отключенным JS. И сайт оптимизирован на столько, что даже с отключенным JS (читай AJAX), момента перезагрузки страницы (мигания) не видно вообще (раньше, я даже не думал что это возможно). И что в моем случае не правильно? Стоит галка, а сбоку от нее текст. Когда наводишь на галку, текст что сбоку меняет свой цвет (то есть интуитивно понятно, понятней некуда), кликаешь ты на тексте справа, или на галку, должно произойти одно и тоже - поставится галка, примениться фильтр, и загрузится соответственный результат.
  2. maasja
    hedgehog, а если это фильтр в интернет магазине?
  3. maasja
    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 засунуть в ссылку, то при клике, также не произойдет переход, будет только передаваться фокус на форму.
  4. maasja
    Nagibaka, с сожалению то что вы посоветовали не работает (даже если добавить пропущенный открывающей тег <p>). В общем я игрался, игрался, и понял - все что возможно сделать, это просто над input сверху нацепить прозрачную ссылку. Тогда переход по ссылке естественно будет осуществляться, но галка ставится не будет. Я ставил label и внутрь ссылки, и ссылку оборачивал в <label>, какие с ними вариации только не пробовал, в итоге работает либо ссылка (<a href="...">), либо <label for="input_id"> . Может у кого-то есть еще какие-то идеи? Спс.
  5. maasja
    Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.
  6. maasja
    Теперь все понял! Громадное спасибо!
  7. maasja
    mishka, БОЛЬШОЕ спасибо. Интересно, почему такое проявляется только при строгом doctype?
  8. maasja
    Здравствуйте. Есть полностью валидный 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/ .
  9. maasja
    ОК, большое спасибо)) Последний вопрос, любит ли это Internet Explorer 6?
  10. maasja
    Спасибо. То есть минусовое позиционирование можно спокойно использовать там где оно нужно, и оно будет корректно отображаться. Это радует)) А как к этому относится 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>?
  11. maasja
    Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept