Сентябрь 2014 — Web-coding

LoadeR 27 сентября 2014

С помощью Jquery можно легко сделать неактивной, а затем включить, кнопку подтверждения (отправки) формы. Сделать это можно с помощью метода attr обьекта, который нам вернет селектор Jquery $(" "). Например есть кнопка подтверждения отправки формы

<input type="submit" value="Сохранить" />
$(":submit").attr("disabled",true); // запрещаем кнопку
$(":submit").attr("disabled",false);// разрещаем кнопку
Теги: jquery

LoadeR 24 сентября 2014

При вызове такого обьекта ( в качестве "selector" естественно пишем нужный нам элемент DOM)

$("selector").keypress(function(event){ var str = event.key;});

мы привязываем событие нажатия клавиши - keypress к нужному нам элемету DOM, возвращаемому

селектором jquery, и в переменной str сохраниться символ (НЕ КОД !!!) нажатой клавиши,

что мы можем увидеть дописав alert(str); в эту функцию. Окончательный код будет выглядеть так:

$("selector").keypress(function(event){ var str = event.key; alert(str);})

Если Мы хотим увидеть не символ, а код нажатой клавиши, то надо написать так:

$("selector").keypress(function(eventObject){var str = eventObject.which;
alert(str);
});
Теги: jquery

LoadeR 14 сентября 2014

В данном случае мы вызываем свойство offsetWidth и offsetHeight прямо внутри тегов <div>( или любых других тегов) привязывая событие клика по ним к вызову алерта. Естественно, так как мы находимся "внутри" дива, то обращаемся к его свойствам через this. Скопируйте этот код и сохраните в файл size.html - при его запуске в браузере увидете два дива, по клику на них в алерт выводится их размер

<html>
<head>
</head>
<body>
<div style = "width:200px;height:200px;background:green"
onclick="alert('Размер элемента:' + this.offsetWidth +'x'+ this.offsetHeight)">
</div>
<div style = "width:300px;height:200px;background:maroon"
onclick="alert('Размер элемента:' + this.offsetWidth +'x'+ this.offsetHeight)">
</div>
</body>
</html>

Если есть желание измерить размер своих элементов DOM, просто вставте "внутрь" тэгов вызов скрипта : onclick="alert('Размер элемента:' + this.offsetWidth +'x'+ this.offsetHeight)" и по клику по элементу, увидете в алерте его размер

Теги: javascript

LoadeR 14 сентября 2014

Этот коротенький пост написал для памятки, иногда надо быстро что-то заархивировать, не вспоминая ключи

folder/  tar -czvf folder_1.tar.gz folder_1/

tar -czvf shop_phoneback_plugin.tar.gz phoneback/

Теги: APACHE

LoadeR 12 сентября 2014

1. У обьекта screen есть полезные свойства width - ширина экрана в пикселях и height - высота. Если мы создадим такой html файл, и запустим его в браузере, то на экране увидим текущее разрешение монитора

<html/>
    <head>
    <script type="text/javascript">
        var x_monitor = screen.width;
        var y_monitor = screen.height;
document.write('Сейчас разрешение Вашего монитора:'+x_monitor+' x '+screen.height);
    </script>
    </head>
    <body>
<br />При запуске этого файла в тело документа выводится разрешение экрана 
    </body>
</html>

Я, например, использовал это свойство для замены одной картинки на другую в одном из div-ов, при ширине экрана меньше чем 1280px ( например IPAD c 1024px), код Js был такой:

    if(screen.width <= 1280)    {
    $("#divID").css("background","root/folder1/folder2/image_1024.png");
                            }
    //тут используется Jquery
    // без Jquery можно так :
    if(screen.width <= 1280)    {
document.getElementById("divID").style.backgroundImage = 
"url(root/folder1/folder2/image_1024.png)";
                            }
Теги: javascript