Unknown
16.08.2011, 21:42
Мини заметка в которой поведаю о сравнительно новом способе редиректа с помощью таблиц стилей [css].
Q: Зачем?
A: Да просто так!
Q: Где пригодится?
A: 100 файлов ссылаются на один CSS, а на серваке nginx или iis (htaccess=off)
Q: Было!
A: Срать!
Предисловие: оказывается в css можно выполнять js.
Примеры кодов представлены крайне простые и короткие (вообщем без коментариев).
Для начала разберемся с ишаком!
redirect.htc
Code:
function redirect() {
window.document.location.href = 'http://www.google.com';
}
В style.css вставляем:
Code:
body {
-ms-behavior:url("redirect.htc");
}
Теперь с лисой.
redirect.xml
Code:
var elem = this;
window.addEventListener('load',
function()
{
location.href='http://www.google.com';
},false);
В style.css вставляем:
Code:
body {
-moz-binding:url("redirect.xml#redirect");
}
Q: Зачем?
A: Да просто так!
Q: Где пригодится?
A: 100 файлов ссылаются на один CSS, а на серваке nginx или iis (htaccess=off)
Q: Было!
A: Срать!
Предисловие: оказывается в css можно выполнять js.
Примеры кодов представлены крайне простые и короткие (вообщем без коментариев).
Для начала разберемся с ишаком!
redirect.htc
Code:
function redirect() {
window.document.location.href = 'http://www.google.com';
}
В style.css вставляем:
Code:
body {
-ms-behavior:url("redirect.htc");
}
Теперь с лисой.
redirect.xml
Code:
var elem = this;
window.addEventListener('load',
function()
{
location.href='http://www.google.com';
},false);
В style.css вставляем:
Code:
body {
-moz-binding:url("redirect.xml#redirect");
}