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

Жестячек ИЕ6


На днях были у заказчиков. Увидел на их компах ИЕ6!!! блять, а потом наблюдал как ДВОЙНЫМ кликом перемещались по сайту. Пздц, товарищи! Я еще клялся не верстать под ИЕ6.

На предложение обновить браузер, было сказано "а нафик ведь все и так работает"... эх Билл.

Нужно ломать стереотипы... и руки таким юзерам.

JQuery Narrative Select Plugin


Скрипт заменяет обычные селекторы на такие как в скрине, при нажатии на "ссылку" появляется всплывающее окошко с выбором опции.
JQuery Narrative Select Plugin

Демо / Скачать

Заплатка для старых браузеров


Заплатка для старых браузеров

оф. сайт freethefoxes.com

Хороший jQuery UI Slider


Хороший jQuery UI Slider

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

Expression для IE6


Эмуляция position:fixed
html{
   background: url('/0.gif') no-repeat;
   background-attachment: fixed; /*избавляемся от дергания при вертикально прокрутки*/
   }  
#header{
    width: 100%;
    padding: 0.5em 0;
    background-color: #000;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    //position: absolute;
    //top: expression(eval(document.documentElement.scrollTop) + 'px');
   }

#content{
   height:4000px;
   }

<div id="header">Эмуляция fixed</div>
<div id="content">Какой-то контент</div>

Вертикальное выравнивание в CSS
#out{
   height:500px;
   display:table-cell;
   vertical-align:middle;
}
        
#centered {
   margin-top: expression(((outer.offsetHeight/2)-parseInt(offsetHeight)/2)&lt;0 ? "0" : (centered.offsetHeight/2)-(parseInt(offsetHeight)/2) +'px');
}

<div id="out">
   <p id="centered">...</p>
</div>

Избавляемся от моргания фонового изображения в IE
   body{
      filter: expression(document.execCommand("BackgroundImageCache", false, true));
   }

min-width и max-width в IE6
   #container 
   {
       min-width: 600px;
       max-width: 1200px;
       width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
   }

PNG для IE6 (не проверял)
* html img, * html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

С expression забудьте о валидации и о хорошей производительности.

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