Все для Веб мастера и создания сайта

Блог о дизайне и программировании. Помощь разработчикам сайтов и веб дизайнерам. Статьи по программированию, оптимизации и раскрутке сайта. Все для Adobe Photoshop, уроки графики и веб дизайна, иконки, шрифты, исходники и.т.п

By N2H

Делаем редирект на Html+JS

Ссылки, Статьи по JS, CSS, HTMLАвтор: flashripper Теги: , , , Просмотров: 472
(1 голосов, средний: 5 из 5)
Loading ... Loading ...

Если вам нужно переместить пользователя с одной страницы на другую, то прочитать как это сделать можно в этой статье. Пример выполнения данного скрипта вы можете посмотреть здесь.

Для начала, создайте файл index.htm и вставьте в него следующий код:

<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Language” content=”ru”>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″ />
<title>Редирект</title>
<script type=”text/JavaScript”>
<!–
function MM_goToURL() {
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+”.location=’”+args[i+1]+”‘”);
}
//–>
</script>
</head>

<body onload=”MM_goToURL(’parent’,'http://www.flashripper.net/demoblog/’);return document.MM_returnValue”>
<p>
<img border=”0″ src=”i2.gif” width=”13″ height=”13″ align=”left”><font size=”2″>Подождите,
сейчас вы будете перемещены на страницу блога…</font></p>
</body>
</html>

Теперь вам осталось лишь поменять мой адрес блога на свой адрес, на ту страницу на которую пользователь будет перемешен.

Дополнительно:

Например, вам нужно вывести информацию об авторских правах или еще что-то, и показать данную информацию надо в маленьком окошечки, которое будет с нужным вам размером. Пример можно посмотреть тут.

Для начала создадим файл index.htm и вставьте в него следующий код:

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>popup</title>
<script>
<!–
function newwindow() {
cX=(screen.width-430)/2;
cY=(screen.height-380)/2;
w=window.open(’newwindow.htm’,'_blank’,'width=430,height=380, scrollbars=yes,left=’+cX+’,top=’+cY+’,screenX’+cX+’,screenY=’+cY);
}
–>
</script>
</head>

<body>
<a href=”javascript:newwindow()”>Новое окошко</a>
</body>

</html>

Теперь разберём одну строчку:

w=window.open(’newwindow.htm’,'_blank’,'width=430,height=380, scrollbars=yes,left=’+cX+’,top=’+cY+’,screenX’+cX+’,screenY=’+cY);

newwindow.htm - страница, которая будет открыта
_blank - обозначает, что страница будет открыта в новом окне
width=430,height=380 - размер и ширина нового окна

Теперь создадим файл newwindow.htm и вставьте в него следующий код:

<html>

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1251″>
<title>popup</title>
</head>

<body>
<font size=”2″>Пример нового окошка</font>.<span lang=”en-us”>
<a href=”http://flashripper.net”><font size=”2″>http://flashripper.net</font></a><font size=”2″>
<br>
</font></span>
<font size=”2″>
<br>
<a href=”javascript:close()”>Закрыть окно</a></font>
</body>

</html>

Вот вроде и все!
Дополнительно: