Архив рубрики ‘HTML’ Category

Мар
06
Как “подружить” Prototype и jQuery в одном проекте
1 балл2 балла3 балла4 балла5 баллов (6 голоса, средний балл: 4 из 5)
Loading ... Loading ...

jQuery и Prototype вместеДавно не писал ничего на тему программирования и вообще о вебе (все-таки блог не только о фрилансе).

Так вот недавно в одном из моих проектов возникла надобность использовать одно из готовых решений - плагин контекстного меню (того, что выпадает по клику правой клавишей мышки) в jQuery.

К сожалению (или к счастью) весь проект был построен на Prototype, а выдумывать велосипед заново желания не было (тоесть писать на Prototype то, что уже есть готовым в jQuery), поэтому я начал гуглить по поводу того, как “скрестить бобра и носорога”.

В итоге решение было найдено (сейчас даже уже не помню где именно, важен сам факт) в одном из англоязычных блогов (жаль ссылка утеряна во времени…) и состояло оно в том, чтобы включить jQuery в режим “безконфликтности” (да, да,  разработчики побеспокоились о том, чтобы другие библиотеки могли спокойно работать совместно с их детищем):

<script type="text/javascript"> $j = jQuery.noConflict();</script>

И далее везде для Prototype применяется и дальше знак $, а для jQuery - $j. После этого мне достаточно было в файле плагина все $ заменить на $j, подключить jQuery к проекту - и все заработало как мне того и хотелось.

Возможно мой опыт будет кому-то полезен в их проектах.

Сен
11
официальный запуск ajaxWindows
1 балл2 балла3 балла4 балла5 баллов (2 голоса, средний балл: 5 из 5)
Loading ... Loading ...

Как уже писали сегодня на хабре был запущен сайт ajaxWindows - продукта для работы в виртуальной ОС прямо из браузера. К сожалению пользователи оперы не смогут оценить достоинства и недостатки данного продукта - его создатели не поддерживают вообще.

P.S. Самому пока попробовать систему в действии не получилось - на сайте выдается:

Thank you for visiting ajaxwindows.com

We are currently experiencing massive amounts of user registrations and traffic.
Please check back with us in an hour.

Thanks for your interest, The Ajax13 Team

Но как только удасться попробовать - отпишусь в комментариях. Возможно кому-то из моих читателей получится пробиться туда - не стесняйтесь - пишите впечатления от использования.

Июл
18
DIV over SELECT in IE
1 балл2 балла3 балла4 балла5 баллов (2 голоса, средний балл: 5 из 5)
Loading ... Loading ...

Меня очень часто спрашивают коллеги и знакомые программисты, как побороть данную проблему в “всеми любимом браузере” Internet Explorer.

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

<div id=”media” style=”position:absolute; left:198px;
top:97px; width:400px; height:106px; z-index:3;”>
<iframe style=”position:absolute; left:0px; top:0px; width:100%;
height:100%; z-index:103;”></iframe>

<div style=”position:relative; left:0px; top:0px; width:300px;
height:400px; z-index:203;background-color: #7777FF;border: 1px solid #000;”></div>
</div>

<select style=”position: relative; left:208px; top:165px; width:200px; display: block;”>
<option>Super Ultra Heavy Laser Nuclear Hummer</option>
</select>

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