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

Хороший jQuery UI Slider


Хороший jQuery UI Slider

Один из лучших слайдеров которые я встречал.
ДЕМО Откуда скачать незнаю поэтому если нужно выдергивайте с демки -)

POST через AJAX


POST это тот же GET только параметры передаются скрыто, поэтому формировать строку нужно самому (function get).

ajax:
var http_request = false;
   function makePOSTRequest(url, parameters) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      http_request.onreadystatechange = alertContents;
      http_request.open('POST', url, true);
      http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      http_request.setRequestHeader("Content-length", parameters.length);
      http_request.setRequestHeader("Connection", "close");
      http_request.send(parameters);
   }

   function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            result = http_request.responseText;
            document.getElementById('myspan').innerHTML = result;            
         } else {
            alert('There was a problem with the request.');
         }
      }
   }
  
   function get(obj) {
      var poststr = "usr=" + encodeURI( document.getElementById("usr").value ) + "&pass=" + encodeURI( document.getElementById("pass").value );
      makePOSTRequest('post.php', poststr);
   }

вызывается:
<form action="javascript:get(document.getElementById('myform'));" name="myform" id="myform">
<input name="usr" id="usr" type="text" size="10" maxlength="10" /><br/><br/>
<input name="pass" id="pass" type="text" size="10" maxlength="10" /><br/><br/>
<input type="button" name="button" value="Submit" onclick="javascript:get(this.parentNode);">
</form>

пост обработчик:
<?
print_r($_POST);
?>

ДЕМО POST

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
«»
Вверх