Заметки на память о jQuery, CSS, JavaScript

Птн

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');

Источник
Комментариев: 0

Чтв

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

 

Источник

Комментариев: 0