Разделы
Теги | RSS © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2
» » » Страница 185

GET через AJAX


То что AJAX заменит все и вся врядле, но то что он стал уже необходимым атрибутом в вебе это факт. В посте пойдет речь о простой отправке данных через GET запрос используя AJAX.

index.html
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<title>GET AJAX</title>
<script src="ajax.js" type="text/javascript"></script>
</head>
<body>
<strong>Введите какой-нибудь текст латинницой</strong><br>
<input name="getparam" type="text" size="10" id="input" maxlength="15">
<div id="show"> </div>
</body>
</html>


ajax.js
window.onload = initAll; /*При завершении загрузки запустить функцию initAll*/
var xmlhttp = false;
var outputtext = "";
function initAll() {
document.getElementById("input").addEventListener('keyup',startAjax,false);/*Добавляем слушателя событий для текстого поля в файле index.html*/
}

function startAjax(){
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}
else {
if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}

var url = "a.php?module="+this.value;/*создаем переменую урла и добавляем вконце новое значение текстого поля при помощи this.value*/
xmlhttp.onreadystatechange = checking;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
function checking(){
if (xmlhttp.readyState == 4) {
if (xmlhttp.status == 200) {
outputtext = xmlhttp.responseText;
}
else {
outputtext = "Ошибка: " + xmlhttp.status;
}

}

document.getElementById("show").innerHTML = outputtext; /*Вывод данных с a.php в елемент div c id="show"*/
}


a.php
<?php
if(isset($_GET['module'])){
echo "Обработка <strong>GET</strong> в файле a.php прошла успешно: <b>".$_GET['module']."</b> <br><br>
Обращение произошло по адрессу: /a.php?module=".$_GET['module'];
}
?>

ДЕМО

Скроллирующее вертикальное меню на Jquery


На просторах интернета наткнулся на одно страничный магазин напичканый явой на основе jquery. И там была похожая навигация:

Скроллирующее вертикальное меню на Jquery

Менюшка специфическая и впишется не везде.

ДЕМО / СКАЧАТЬ

Смена png подложки по клике на радиобаттон


Еще один скрипт на jQuery.
Смена png подложки по клике на радиобаттон

По действию на "радио инпут" меняется PNG подложка для картинки при этом создается эффект смены картинок.

ДЕМО

ЯС библиотека curvycorners для создание закругленных уголков


Иногда, что бы обойти большое количество геморроя при верстке страницы c закругленными уголками помогает замечательная яваскрипт библиотека под названием curvycorners(оф.сайт)

Что она умеет: ДЕМО / ДЕМО 2 / ДЕМО 3

Карта Украины для сайта


Карта Украины для сайта

Стянул по быстрому откуда-то карту, может кому-то пригодится.
Карта Демо / скачать

update 30/09/11
Нашелся разработчик данной карты - kiphir
Вот ее оригинал http://rozumdim.com.ua/new/content/blogsection/7/47/lang,russian/

Спасибо ему за карту -)

upd: еще одна хорошая карта украины

ИЕ шизоид или суицид IE


Все верстальщики знают не по наслышке о ИЕ. Некоторые мужественно сражаются, возвращая на место непонятно куда свалившиеся div'ы, поехавшие margin'ы и уплывшие padding'и, попутно сражаясь с PNGA и укрощая вложенные CSS-классы. Другие (более хитрые/ленивые/принципиальные) просто кладут на верстку под IE6 болт, в надежде заставить пользователя обновить браузер/почувствовать себя лохом/покинуть сайт.

Огромное количество сйтов официально отказалось от поддержки ИЕ. Да если мне не изменяет память, то и сам Майкрософт настоятельно «требует» от всех упдаторов виндовса обновить ИЕ на более новый.

И тем не мене «необразованные» пользователи интернета все еще используют ИЕ и плюются на всякие «уродливые и непонятные сайты» которые не работают у них «как надо». И вот для таких пользователей ставятся заглушки. Очень приятные штуки, которые ненавязчиво просят обновить устаревший браузер.
Вот один из сайтиков с которых можно скачать и установить симпатичную заглушку: http://jreject.turnwheel.com/
«»
Вверх