• 54381
  • 254
  • 22
Нравится блог?
Подписывайтесь!

прелести jQuery

Давненько я ничего не писал. А все потому что времени совершенно ни на что не хватает, сейчас делаю новый проект. И так уж получилось что проект я решил писать с обширным использованием AJAX, и ничего удобнее чем фреймворк jquery я не нашел. На то есть 2 причины, 1 - широчайшее распространение, 2 - обилие плагинов и библиотек.

 

 

В проекте были нужны Drag&Drop окошки, писать самому было лень, да и время всегда против меня, поэтому решил сначала поискать готовые библиотеки. И, таки, нашел http://interface.eyecon.ro/ Офигительный набор интерфейсов. Весь кайф в том что можно качать только то, что тебе нужно. Поэтому я с удовольствием скачал iutils и idrag.

Для того что бы элемент можно было таскать достаточно в стилях прописать

,подключить оба скрипта + jquery... правда потом ещё стало понятно, что нужны так же jquery.dimensions и jquery.tooltip.min

<script type="text/javascript" src="scripts/jquery-1.4.3.js"></script>
<script type="text/javascript" src="scripts/jquery.dimensions.js"></script>
<script type="text/javascript" src="scripts/jquery.tooltip.min.js"></script>

<script type="text/javascript" src="scripts/iutil.js"></script>
<script type="text/javascript" src="scripts/idrag.js"></script>

А дальше - просто по селектору находим объект и применяем к нему Draggable

$("#window").Draggable(
{
zIndex:     10000, //положение слоя
ghosting:    false, //делать ли на время перетаскивания полупрозрачную копию
handle:        ".winheader", //селектор элемента, за который будет таскаться #window
containment:"parent", // границы перетаскивания; по умолчанию их нет.
opacity:     0.5 // прозрачность на момент перетаскивания
}
);

Красота -, я вам скажу.

Вообще в jQuery меня особенно прет с селекторов, Ave тем кто допер до такой реализации обращения к DOM.

Как же было приятно обнаружить, что для того что бы, к примеру, сделать границы у всех картинок в div'e с id=mydiv достаточно написать

$("#mydiv > img").css("border","1px solid black");

Отправка же данных POST'ом осуществляется простейшей функцией

$.post('target.php',"var=value"
,callback);

Если кто-не понит, то напомню, что для того, чтобы отправлять данные в "голом" JS нужно было накатать что-то вроде вот этого:

 

var req = new ActiveXObject("Microsoft.XMLHTTP"); (для IE)
var req = new XMLHttpRequest(); (Для всего остального)

 

 

 

var req;

function loadXMLDoc(url) {
// branch for native XMLHttpRequest object
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send(null);
// branch for IE/Windows ActiveX version
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
req.send();
}
}
}

 

function checkName(input, response)
{
if (response != ''){
// Response mode
message = document.getElementById('nameCheckFailed');
if (response == '1'){
message.className = 'error';
}else{
message.className = 'hidden';
}
}else{
// Input mode
url = 'http://localhost/xml/checkUserName.php?q=' \\
+ input;
loadXMLDoc(url);
}
}

 

В общем вы понимаете о чем я...

А в остальном, jQuery дает огромные возможности для тех кто хотел писать интересные интерфейсы и интерактивные ajax-приложения для веб. Он очень полезен для тех, кто не хотел заморачиваться в JS  с получением объектов из DOM.

11 ноября 2010, 16:45
882

Загрузка...
Loading...

Комментарии

а я тебе говорил все это ещё с год назад, так нет, Коля гордый, Коля пишет на голом JS)))))))
Тогда мне казался jQuery нестабильным) Наивен был)
ну я рад что ты распробовал)))) jquery на самом деле оооочень вкусненькая штучка, даже в сравнении с другими js фреймворками)))))
Дада.... у меня сейчас в проекте собстно все на нем держится!
Kitfox
0
0
$("#mydiv > img").css("border","1px solid black");
Так писать не очень хорошо, нужны классы.
Не могли бы вы пояснить почему Так писать плохо?
Если я точно знаю что в у меня лежат те кортинки которым нужно по клику на какой-то элемент например делать границы. Зачем заосрять ещё и css-файл, если суть JS все равно сведется к

$("#mydiv > img").attr("class","class_for_imgindiv");
?
Kitfox
0
0
В опервых- проекты обыно здоровые 2000-3000 джаваскрипта, его нельзя засорять стилями вообще. НАчинается такая каша, что тратится время на поиск всякого говна в самом коде. Во вторых- рефакторинг, или банальная смена типа рамки приводит к ковырянию в коде опять.
$("#mydiv > img").addClass("class_for_imgindiv");
Эммм... все зависит от потребностей... Согласен, канеш, что в потом гемор разбираться, но для того существуют комментарии и группировка кода... Как бы, каждый делает как удобней. Синтаксической ошибки или логической мой код не несет...
> банальная смена типа рамки приводит к ковырянию в коде опять
Тут согласен! Но ради смены например цвета рамки на красную создавать отдельный класс...
Из-за этого потом и в css хрен разберешься!
Вообще этот пример, я, как бы, для того что бы показать работу селекторов, писал.

Оставьте свой комментарий

Спасибо за открытие блога в Yvision.kz! Чтобы убедиться в отсутствии спама, все комментарии новых пользователей проходят премодерацию. Соблюдение правил нашей блог-платформы ускорит ваш переход в категорию надежных пользователей, не нуждающихся в премодерации. Обязательно прочтите наши правила по указанной ссылке: Правила

Также можно нажать Ctrl+Enter

Популярные посты

Казком берет комиссии за оплаты по карте. Почему на это закрывают глаза Visa и MasterCard?!

Казком берет комиссии за оплаты по карте. Почему на это закрывают глаза Visa и MasterCard?!

Покупаешь в супермаркете продукты на 5000 тенге и банк забирает себе еще 30-50 тенге. То есть, продукты обошлись уже не в 5000, а в 5050 тенге.
ValentinaVladimirska
25 мая 2017 / 22:56
  • 12914
  • 24
Узаконенное варварство в стране, принимающей «EPXO». Еще далеко нам до «топ-30 развитых стран»

Узаконенное варварство в стране, принимающей «EPXO». Еще далеко нам до «топ-30 развитых стран»

В продвинутых государствах едва ли поймут, почему в столь развитом, успешном и преуспевающем Казахстане от имени и по заданию властей творятся такие зверства над животными.
openqazaqstan
24 мая 2017 / 12:12
  • 10675
  • 102
Поддержим пенсией жиреющие банки! На что казахстанцам разрешат досрочно тратить свои накопления в ЕНПФ

Поддержим пенсией жиреющие банки! На что казахстанцам разрешат досрочно тратить свои накопления в ЕНПФ

Со стороны ЕНПФ в очередной раз прозвучало крайне неоднозначное заявление, от которого, на наш взгляд, лучше было бы воздержаться.
openqazaqstan
23 мая 2017 / 11:08
  • 9779
  • 32
Вырубка деревьев в Алматы под БРТ. Проект уже нанес городу экологический ущерб

Вырубка деревьев в Алматы под БРТ. Проект уже нанес городу экологический ущерб

Как ранее уже сообщалось из-за строительства БРТ в Алматы пострадают значительное количество деревьев. На прошлой неделе вырублены первые вязы и клён, - под расширение проезжей части на улице...
SKYFALL
24 мая 2017 / 17:20
  • 9630
  • 14
Системная коррупция стала главной угрозой для Казахстана. У нас воруют миллиардами

Системная коррупция стала главной угрозой для Казахстана. У нас воруют миллиардами

Коррупционные отношения вышли на такой уровень, что они уже начинают дискредитировать всю систему управления.
openqazaqstan
26 мая 2017 / 13:45
  • 8146
  • 34
Что бы ни сделал пешеход – все равно водитель сядет

Что бы ни сделал пешеход – все равно водитель сядет

Вопрос о равной ответственности водителя и пешехода при наезде на последних, только-только начинают обдумывать в высоких кабинетах. Но, пока государственные головы думают, водители продолжают...
Mirogloff
22 мая 2017 / 23:29
  • 5074
  • 32
Пока полицейские будут прощать, им будут бить и по чести, и по лицу

Пока полицейские будут прощать, им будут бить и по чести, и по лицу

Судья Алмалинского районного суда Куаныш Арипов ломает стереотипы отношения граждан к представителям Фемиды. Напавшему на полицейского экс-сотруднику алматинского акимата он назначил наказание выше...
Mirogloff
24 мая 2017 / 16:41
  • 3904
  • 9
Да-да, я знаю, пора выходить замуж. Есть ли у меня еще время и, пожалуйста, уточните сколько?

Да-да, я знаю, пора выходить замуж. Есть ли у меня еще время и, пожалуйста, уточните сколько?

Итак давайте сразу начистоту. Мне 29. Не замужем, никогда не была, детей нет. В душе я совсем не чувствую этот возраст. Каждый раз когда задумываюсь об этом больше чем на 3 минуты, меня накрывает...
user2017
23 мая 2017 / 10:57
Аблязов загробным голосом декларирует «ДВК-2». Монолог обиженного человека

Аблязов загробным голосом декларирует «ДВК-2». Монолог обиженного человека

Последний монолог Аблязова о «продолжении борьбы с режимом» и «ДВК-2», при всём желании, не выглядел как какой-то политический манифест.
openqazaqstan
25 мая 2017 / 13:53
  • 3159
  • 62