Помогите с Javascript

[svip]

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

 

[ggRay]

ммм, чтото темы по поводу JS'а от вас часто ленивые....
ну можно воспользоваться наборами например этого: http://ui.jquery.com/

 

[svip]

Ткните пальцем конкретнее. что то там только галерея.

P.S. довольно интерестная штука этот JavaScript

пришло время изучать

 

[ggRay]

svip
два года назад это время пришло

там конкретно подобного примера нет, но при желании чтото из "карусели" можно соорудить...

 

[svip]

понятно. значит будем пытаться соорудить

 

[Iverton]

Цитата(svip @ 5 Июня, 2008, 15:55)
Самое главное, что они перекрывают друг друга, а не подвигают.

а как ты делаешь чтоб картинки подвигали друг друга , а не перекрывали ?

 

[svip]

если указано абсолютное позиционирование, то картинки перекрывают друг друга, иначе просто двигаю друг друга.

вот пока что набросал

только вот проблема. при быстром движении мыши картинки замирают в среднем размере.

 

[ggRay]

Цитата(svip @ 5 Июня, 2008, 17:42)
вот пока что набросал

ни в одном моём браузере не работает

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

 

[Pepper]

хмм, в обычной опере виндовой все работает красиво, форма иконок прикольно подходят для таких эффектов; бага с замиранием в среднем положении тоже есть

 

[ggRay]

Pepper
IE6, FF2, Safari - неработает, опера последний браузер в котором тестирую, поэтому у меня на машине его нет.

 

[svip]

понятно. буду дальше думать

что значит у клона?

 

[Iverton]

я когда-то давно делал примерно так размещение
HTML
<img src="q.gif" style="position:absolute;top:3;left:725">

а сами картинки делал прелоад куданить в 1 пиксель чтоб невидно было, зато потом они не тормозили при появлении. это подходит к кнопкам меню например , навел курсор одна картинка отвел возврат ну и т.д.

 

[ggRay]

Iverton
для кнопок лучше использовать одну картинку с тремя бэкграунами (спрайты)
svip
это значит, что часто приходится создавать второй объект в DOM'е идентичный первому и все действия производить на нём, а не на оригинале, но это от задачи зависит.

 

[svip]

вот еще проблемка теперь получилась. Если использовать jquery и prototipe вместе - то неработает или один скрипт или другой. Вы уже показывали как от этого избавиться в соседней теме. Сделал, но не работает как обычно. Можете взглянуть и подсказать ошибки тут

 

[ggRay]

svip
моё время стоит дорого

и гораздо быстрее всётаки прочитать доки, в них в частности говорится о проблеме совместимости разных библиотек и способах её обхода.

 

[svip]

вот наткнулся на такой глюк.
Изменяю текст формы через innerHTML, и после этого document.getElementById("form_calc").submit();
В ИЕ - все ок. В опере и мозиле данные формы не отправляются. Где кроется проблема???

Вот прикрепил файл - пример

 

[svip]

Помогло решить проблему переставление тегов <form> и </form> за пределы тегов <table> и </table>

Код
<form method="GET" action="" name="calc" id="form_calc">
<table cellspacing="0" cellpadding="0" border="0px" align="left" width="260" valign="top">
<tr><td align="left"><div class="form_calc_text" id="text1" style="margin-left:60px;margin-top:".$top.";">марка мотора</div></td></tr>
<tr><td align="left">
<select name="marka" size="1" class="form_calc" id="calc1" style="width:165px;margin-left:60px;margin-top:5px;" onChange="get_calc(this.options[this.selectedIndex].value,'-','-');">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td></tr>

<tr><td align="left"><div class="form_calc_text" style="margin-left:60px;margin-top:10px;">мощность мотора</div></td></tr>
<tr><td align="left">
<select name="power" size="1" class="form_calc" id="calc2" style="width:165px;margin-left:60px; margin-top:5px;" onChange="get_calc(calc1.options[calc1.selectedIndex].value,this.options[this.selectedIndex].value,'-')";>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td></tr>
<tr><td align="left"><div class="form_calc_text" style="margin-left:120px;margin-top:10px;">шаг винта</div></td></tr>
<tr><td align="left">
<select name="shag" size="1" class="form_calc" id="calc3" style="width:105px;margin-left:120px; margin-top:5px;" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td></tr>
<tr><td align="left">
<input type="button" name="ok" value="Отправить" id="calc_button" class="form_calc_button" style="width:50px; margin-left:30px; margin-top:14px;" onClick="set_form();">
<input type="button" name="ok" value="Изменить форму" id="calc_button" class="form_calc_button" style="width:50px; margin-left:30px; margin-top:14px;" onClick="set();">
</td></tr>
</table>
</form>

 

[ggRay]

svip
чем больше разбираешься - тем больше учишься

 

[svip]

ага это точно