Птн
18
Сен
2009
Как в jQuery брать GET URL параметры и значения как хэш
Вот маленький сниппет jQuery, который позволяет обращаться к URL параметрам и их значениям как к хэшу (ассоциативному массиву).
// Читаем GET URL переменные и возвращаем их в виде хэша.
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
Эта функция возвращает массив с URL параметрами текущей страницы и их значениями. Например, для следующего URL:
http://www.example.com/?me=myValue&name2=SomeOtherValue
Вызов getUrlVars() вернет следующий массив:
{
"me" : "myValue",
"name2" : "SomeOtherValue"
}
Чтобы получить значение первого параметра, обращаемся вот так:
var first = getUrlVars()["me"];
// Берем значение второго параметра
var second = getUrlVars()["name2"];
Чтобы приблизить синтаксис к манере jQuery перепишем код как расширение jQuery:
$.extend({
getUrlVars: function(){
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
},
getUrlVar: function(name){
return $.getUrlVars()[name];
}
});
Теперь можно использовать таким образом:
// получаем URL параметры
var allVars = $.getUrlVars();
// получаем значение параметра по его имени
var byName = $.getUrlVar('name');
Источник
Чтв
17
Сен
2009
Как загружать библиотеки jQuery с сайтов Google
Google размещает у себя несколько библиотек JavaScript таких фреймворков, как Prototype, script.aculo.us, MooTools, Dojo, и т.д.. И конечно же есть там и jQuery код, а также и jQuery UI. Файлы минимальны по объему и сжаты, а еще, если ваш посетитель уже посещал сайты, которые грузят код jQuery c Google Code, то они уже у него в кэше и ничего грузить не придется.
Так или иначе, вот 2 способа загрузить jQuery с Google Code:
<script src="http://www.google.com/jsapi">
</script>
<script type="text/javascript">
google.load("jquery", "1.2.6");
google.setOnLoadCallback(function() {
// Your code goes here.
});
</script>
Я предпочитаю загрузку напрямую из Google вот так:
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
type="text/javascript"></script>
На серверах Google CDN также размещены файлы jQuery UI. Так что если вы используете jQuery UI, то можете подгрузить их таким образом:
<script src="http://www.google.com/jsapi">
</script>
<script type="text/javascript">
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.2");
google.setOnLoadCallback(function() {
// Your code goes here.
});
</script>
<!-- OR -->
<script
src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"
type="text/javascript"></script>
На данный момент Google следующие весрсии jQuery UI библиотеки доступны для загрузки:
1.5.2, 1.5.3, 1.6, 1.7.0, 1.7.1, 1.7.2
Заметки на память о jQuery,
CSS, JavaScript

