splean

отличаю, но видимо совсем слабо, потому и спрашиваю как я понимаю весь процесс 1) назначили обработчик - в данном случае он стоит на домреди. т.е., когда документ загрузился, устанавливается, что при клике на классНэйм будет происходить что-то там описанное 2) кликнули на этот классНэйм, получили данные постом, вставили их в блок, фактически заменив элемент классНейм на точно такой же, но теперь на нем не установлен обработчик, потому что ставится он по домреди, верно? 3) теперь после получения и вывода .html(data) назначаем обработчик для клика по классНейму. написав про зацикливание я имел в виду следующее: $(".className").click ( ....что-то делаем $("#somewhere").html(data); и вот здесь нужно назначить обработчик, да? .... ); а как этот обработчик назначить? снова написав там же то же самое - $(".className").click (...$("#somewhere").html(data);....); -? вот где я запутался и хочу разобраться.

Спасибо за уделенное время, переделал, работает. Однако для развития хотелось бы узнать по поводу первого варианта. Как после того, как я перезапишу весь блок вместе с кнопкой, назначить новый обработчик этой самой кнопке? Если отталкиваться от кода в самом первом сообщении, например. После .html(data) что мне нужно сделать? Я завис на словах т.к. получается зацикливание какое-то. после .html(data) я вызываю функцию, в которой собственно это .html(data) и происходит.

ugrainform . ru внизу есть таблица, 3х3, новости. При клике на заголовок можно посмотреть через консоль файрбаговскую что как происходит. по второму варианту вопрос - получается, что код отвещающий за онклик() и располагающийся в домреди оформляем просто как функцию и сразу после .html(data) вызвать эту функцию? Но ведь .html(data) как раз вызывается на онклике. не понятно немного тут( Да, я так посмотрел - в моем случае наверное правильнее будет переписать функцию так, чтобы она возвращала только тело новости, без самого заголовка типа "Власть" Если советов по второму варианту не будет, перепишу. Оставьте комментарий.

Вот, причину значит я верно понял. А как решить то проблему эту? Задача изначально сама по себе простая - в базе N новостей, на главную выводится последняя - функция сразу генерит блок html-кода. При клике на "обновить" аякс подменяет этот блок на другой, выводя N-1 новость и т.д. при последующих кликах. подменяет, получается, включая саму кнопку обновить. Решение одно только - сделать так чтобы при обновлении код кнопки не заменялся? Или есть еще варианты?

не суть, я этот код набросал сходу, там все сложнее и много лишнего просто, но логика та же. вопрос открыт.

Доброго времени суток! в общем, ситуация: есть элемент <div id="somwhere"> <h1 class="className" id="idName">KLIK!!</h1> </div> Есть следующий JS код: $(document).ready(function(){ $(".className").click ( function() { var thisID = this.id; $.post( "/ajax.php", {thisID: thisID}, function(data) { $("#somewhere").html(data) } ) } ); }); Т.е. при клике после загрузки документа по этому заголовку, происходило обращение к серверу, где в файле ajax.php что то там делалось, и в блок somewhere возвращался этот же заголовок, только с другим именем, например "ANOTHER KLIK" Проблема в том, что после возвращения результата ВТОРОЙ КЛИК НЕ СРАБАТЫВАЛ, проверял алертом. Т.е., я получил один раз новый заголовок, и ожидаю при клике на нем получить снова заголовок другой. Но не выходит. Почитал англоязычные ресурсы как смог, примерно к такому выводу пришел: jQuery работает только с готовым DOM, а все последующие изменения, как например изменения в DOM-е аяксом, просто так с помощью jQuery не будут обрабатываться. Почитал также про плагин liveQuery, но нихрена вообще не понял, если честно. Хотелось бы консультации небольшой, объясните где я не прав. Заранее всем спасибо.

на первый вопрос нашел решение $(this).find(".menuChild").hide(); теперь второй..

Здравствуйте. Слезно прошу не бить и не отправлять читать мануалы (на то есть некоторые причины), а помочь советом\ответом. Всех негодующих прошу пройти мимо, всем понимающим и сочувствующим заранее большое спасибо! К делу. Пример страницы - http://splean.net.ru/ex/hover.html (utf-8 кодировку забыл убрать) Рисуночек: Такой блок есть во многих из ячеек таблиц, и изначально они все невидимы. Эти блоки являют собой как бы «подменю», просто сделано все не классическими ul-li, а таблицей и div’ами. Как заставить при наведении на ячейку таблицы показывать только ее дочерний блок, а не все остальные? Если сейчас навести на ячейку Проекты а потом опустить курсор на показавшийся блок, то активной станет ячейка "Фотогалерея", так как ее блок также стал видимым. Вопрос второй - как можете видеть, крайние ячейки таблицы используются для оформления, и имеют классы menuTopLeft и menuTopRight. Сейчас они синие, но когда соседние ячейки будут активными, необходимо их сделать зелеными, т.е. сделать им класс menuTopLeftActive или menuTopRightActive. Вот как отследить, что ховер сейчас на второй и предпоследней ячейкой таблицы? Или как еще по другому это сделать? Вот код, который пока есть: $("td").hover( function () { $(this).addClass("menuItemActive"); $(this).removeClass("menuItem"); $(".menuChild").show(); }, function () { $(this).addClass("menuItem"); $(this).removeClass("menuItemActive"); $(".menuChild").hide(); } ); Далее скорее всего возникнут еще вопросы..

и все же неверно задал вопрос. будь там градусы, метры или яблоки - без разницы, меня не интересовала арифметика, меня интересовала реализация драг-н-дропа. ссылку уже дали, спасибо.

Отсутствие опыта в js. Вопрос из разряда "подскажите как сделать==сделайте за меня". Однако вдруг найдутся альтруисты со свободным временем.

upd = updated готовое решение было найдено после того как спросил.

Спасибо за великолепный совет. "Как построить паровоз?" "Читайте про строительство паровозов." Это форум. Есть кто нибудь, кому не жалко двух минут на хотя бы приблизительное описание решения? upd http://habrahabr.ru/blogs/ui_design_and_usability/30560/ как выглядит: http://vremenno.net/examples/file-input-styling/index.html

http://weather.yandex.ru/ Там ползунок есть. Подскажите пожалуйста, как он реализуется? Т.е. как именно высчитывается число градусов в зависимости от положения ползунка?

Здравствуйте. Верстаю около полугода, но никогда еще не сталкивался с подобной задачей. Итак, есть форма добавления некоего элемента в каталог, у которой есть несколько стандартных полей имя\описание\етц. Необходимо сделать возможность прикрепить файл. Полез в гугл, сразу нашел <input type="file"> Что видим - поле с названием файла и кнопка "Обзор". Дизайн во всех браузерах разный, хром\сафари поле с именем вообще отображают справа. А задача такая: сделать ссылку "прикрепить файл", при нажатии на которую открывается диалоговое окно выбора файла, после выбора имя файла будет написано ниже этой ссылки. Какие дадите советы?

Здравствуйте. Есть необходимость показывать погодный информер от Яндекса в зависимости от того, с какого города человек пришел (клиент имеет филиалы по округу). Автоматическое определение не всегда точно, поэтому решили сделать выпадающий список, а по умолчанию выводить погоду города, в котором находится головной офис. Каким образом реализовать подгрузку нужного информера без перезагрузки страницы? Можно, наверное, подгрузить все информеры сразу, и показывать только выбранный, остальным display: none; Но может быть есть другой вариант?

Тогда придется в каждый из классов .save_... дописывать паддинги для отступа, так ведь? Вот как на википедии, в конце список сайтов\документов, вот мне хочется сделать также. А вообще у них это сделано одной только ссылкой с одним классом как я понимаю, картинка то как рисуется? В зависимости от расширения? Я пожалуй обойдусь без таких ухищрений) В целом что во что должно быть вложено? span в a или наоборот?

Хотелось бы узнать как ПРАВИЛЬНО делать это. Т.е. нужно чтобы конечный пользователь просто писал ссылку, а в документе она появлялась с иконкой, причем на иконку также можно было бы нажимать, подчеркивание было бы только у текста ссылки. Как делать? Методом тыка добрался до вот такого, не ругайте сильно) <a class="savelink" href="#"><div class="save_xl">ССЫЛКА</div></a> .savelink { display: inline; height: 20px; line-height: 20px; font-size: 12px; margin-left: 20px; text-decoration: underline; } .save_xl { background: url("icon_excel.jpg") no-repeat; } .save_word { background: url("icon_word.jpg") no-repeat; } .save_file { background: url("icon_file.jpg") no-repeat; } В ие6 выглядит почти так, как надо, но хочется же чтобы это дело можно было вставлять в текст, а этот вариант текст переносит на следующую строку.

Все идеально. Нижайший поклон.

Да, вполне хорошее решение, спасибо, действительно работает везде. Все по той же ссылке я залил легкую версию только с этим блоком. HTML <div class="menuitemcur"> <div class="menuitemcur_l"></div> <div class="menuitemcur_r"></div> Выгодыfsdfsdagsdf!!!!!!!! </div> CSS .menuitemcur { position: relative; width: 110px; height: 18px; margin-left: 56px; padding-left: 5px; padding-top: 2px; color: white; font-size: 11px; font-family: Tahoma; font-weight: bold; background: url("submenu_bck.gif") 0px 0px repeat-x; } .menuitemcur_l { position: absolute; background: url("submenu_left.gif") no-repeat; left: -10px; top: 0px; width: 10px; height: 18px; } .menuitemcur_r { position: absolute; background: url("submenu_right.gif") no-repeat; left: 100%; top: 0px; width: 10px; height: 18px; } Теперь вопрос заключается в следующем. IE6 сейчас косячит как раз так, как мне надо, а именно растягивает блок с центральным фоном по длине текста - восклицательные знаки лежат в этом блоке, а в ФФ\опере они вылазят за границу блока. Как победить? Т.е. сейчас у меня ширина ограничена, но я не знаю сколько букв будет в этом пункте меню потом, а делать заведомо большой блок как то не хочется, не по фэншую это вроде)

ZoNT, суть всегда одна и та же, я лишь показал подобный пример и его недостаток - например на градиентном фоне он уже не будет работать, даже если гифы сделать прозрачными. Searcher, огромное спасибо, что-то в эту сторону я не думал совсем, помогло, работает. Эммм, правда не в IE6, как обычно. Сейчас скину свою страничку вот тут простите что не почистил. В ИЕ6 криво, в ФФ отлично. Как быть?

Под прозрачностью оказывается серый (красный, желтый, без разницы, просто в данной статье там серый) цвет соответствующей стороны обвязки. Ссылка приведена, достаточно картинку левого верхнего угла пересохранить с прозрачностью, а не с белым фоном, и все станет видно.

Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)

Какие у него проблемы, если можно? Я вот осваиваюсь только, хотелось бы сразу узнать. А с кнопкой не будет проблем в таком случае?

Красивые css input Разбирая эту статью, попробовал сделать так же, как и в последнем примере. Отлично, работает. Везде. Кроме IE6 (и наверное ниже). Даже в статье, как оказалось, если ввести достаточно длинную строчку, фон начнет сдвигаться. Как решить проблему? Полагаю, можно сделать фон шириной в пиксель, поставить repeat-x, и сделать div обвязку с боковым скруглением. Но не хочется, может можно как-то решить проблему с IE6? вот CSS