denisOgr

Мерси. Помогло

На странице есть поля типа input и у каждого есть атрибут tooltip="Подсказка": <input type="text" name="name" value="ФИО" title="ФИО" tooltip="Введите ФИО"/> JS скриптом я ниже каждого такого поля создаю <span> с подсказкой. [JS] $('[tooltip]').each(function(){ $(this).after('<span class="tooltip">'+$(this).attr('tooltip')+'</span>'); }); [/JS] СSS .tooltip{ width: 200px; visibility: hidden; z-index: 99; position: absolute; .................... При focus()/blur() делаю их visible/hidden [JS] $('input[type=text]').focus(function(e){ var left = $(this).offset().left; var top = $(this).offset().top+30; $(this).next('.tooltip').css({'visibility':'visible','top':top,'left':left}) }).blur(function() { $(this).next('.tooltip').css({'visibility':'hidden'}) });[/JS] Все работает. Но есть проблема. Есть div. Изначально display:none; В нем форма. У него position:absolutle. По событию его display:block; Он появляется по центру экрана. Когда кликаю у поля подсказки появляют внизу экранаб а не под полями. Там где он распологает в коде, без стиля position:absolutle Если у #forma убираю position:absolutle, то все работает. но как тогда помести ее в центр экрана поверх страницы. Как сделать что бы подсказки в блоке с position: absolute; выводитлись там где спозиционирован блок? Вот пример. В примере нажмите на поле в фильтре(подсказка ниже появится) и нажмите кнопку добавить и в любом поле (подсказка будет внизу) <div id="forma"> ........ <input type="text" name="name1" value="Фамилия" title="Фамилия" tooltip="Укажите фамилию."/> ........ </div> CSS #forma{ position: absolute; top:25%; left: 40%; display: none; }

Благодарю. Помогло.

[РЕШЕНО] В общем это вывод товара в каталоге. Сайт резиновый и поле (див) для вывода тоже резиновое. А вот сами блоки товаров(дивы) -фиксированные . Мне нужно что бы вывод смотрелся более менее красиво.Это значит левый блок с товаром выровнять по левому краю, правый-по правому раю, а между ними и теми, что внутри блоками -выставить одинаковое расстояние между ними. Самое интересное что это все выводится на автомате, то есть через цикл) Вот такая вот задача. Вообще возможно ли такое. Скажите кто что думает как это можно сделать или заменить на что то подобное, или кто делал-поделитесь опыттом ребята. Срочно нужно)

Есть ссылки в виде картинок. Нужно. что бы при клике на ссылку в центре экрана ил под картинкой, В общем появлялась форма. Делаю через Jquery. использую метод . dialog Но форма появляется один раз при клике., при втором ничего не появляется, как будто окно все еще открыто но невидимо что ли Вот код сылка(карта): <AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#" rel="1" id="openForm" >форма: <div id="dialog-com" style="display:none;"> МОЯ ФОРМА</div>скрипт: <script type="text/javascript"> $("#openForm").click( function () { $("#dialog-com").dialog(); $( "#dialog-com" ).dialog({ closeOnEscape: false }); $( "#dialog-com" ).dialog( "option", "autoOpen", false ); $( "#dialog-com" ).dialog({ buttons: { 'Закрыть': function() { $(this).dialog('close'); }}}); return false; } ); </script>Общий код(мож понадобится) <MAP NAME="map.jpg"> <AREA SHAPE="RECT" COORDS="15,241,106,332" HREF="#" rel="1" id="openForm" > ..................................................................... . ..................................................................... </map> <script type="text/javascript"> $("#openForm").click( function () { $("#dialog-com").dialog(); $( "#dialog-com" ).dialog({ closeOnEscape: false }); $( "#dialog-com" ).dialog( "option", "autoOpen", false ); $( "#dialog-com" ).dialog({ buttons: { 'Закрыть': function() { $(this).dialog('close'); }}}); return false; } ); </script> <div id="dialog-com">MY FORM</div>