Переход по динамическому адресу

@body90 · Регистрация: 26.05.2009

Author24 — интернет-сервис помощи студентам

Здравствуйте! Подскажите как сделать. На странице нужно сделать поле и кнопку. При нажатии на кнопку должен осуществляться переход, к примеру, на a.com/abc/index.html, где 'abc' - это введенные в поле данные.

Vovan-VE · 24.07.2010, 16:02

Javascript

function go() {
    var a = document.getElementById('addr');
    if (!a) return;
    location.href = 'http://a.com/' + a.value + '/index.html';
};

HTML5

1 2	name: <input type="text" value="abc" id="addr" /> <input type="button" value="Go" onclick="go()" />

@body90 · 24.07.2010, 16:21 **[ТС]**

А можно сделать так, чтоб это поле и кнопка всегда были в центре экрана браузера?

Vovan-VE · 24.07.2010, 16:30

По горизонтали в центре - без проблем. А вот по вертикали в центре немного сложнее.

HTML5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>test</title>
</head>
<body>
    <div style="text-align:center; margin-top:100px">
         <label for="addr">name: </label><input type="text" value="abc" id="addr" />
         <input type="button" value="Go" onclick="go()" />
    </div>
</body>
</html>

@body90 · 24.07.2010, 17:01 **[ТС]**

Спасибо! Пойдет и так.

@Dimedrol · 24.07.2010, 17:14

Я так по центру выравнивал:

Javascript

    $('#loader').css({
            display: 'block',
                        position:'absolute',
            left: ($(window).width() - $('#loader').outerWidth())/2,
            top: ($(window).height() - $('#loader').outerHeight())/2
            });

(с помощью JQuery)

Vovan-VE · 24.07.2010, 18:13

Не по теме:

Dimedrol, Буквально вчера через CSS выравнивал по вертикали. Работает. Только в IE6, как всегда, пришлось поизвращаться :D

@body90 · 24.07.2010, 18:51 **[ТС]**

Не пойму почему скрипт из предыдущего поста не работает в некоторых браузерах

@outoftime · 24.07.2010, 21:18

Vovan-VE, покажите ваш вариант с CSS ??

Vovan-VE · 25.07.2010, 07:18

HTML5

1
2
3

<body>
    <div id="main">test</div>
</body>

CSS

1 2	body {position:absolute; left:0; top:0; bottom:0; right:0;} #main {position:relative; top:50%; width:400px; height:100px; margin:-50px auto 0; background:#ddd;}

IE6 изврат:

CSS

1 2	body {position:static; left:auto; top:auto; right:auto; bottom:auto;} #main {position:absolute; left:0; right:0; top:45%;}

@body90 464 / 341 / 19 Регистрация: 26.05.2009 Сообщений: 2,696
		1
	Переход по динамическому адресу 24.07.2010, 15:58. Показов 1256. Ответов 9 Метки нет (Все метки) Здравствуйте! Подскажите как сделать. На странице нужно сделать поле и кнопку. При нажатии на кнопку должен осуществляться переход, к примеру, на a.com/abc/index.html, где 'abc' - это введенные в поле данные. 0

@body90 464 / 341 / 19 Регистрация: 26.05.2009 Сообщений: 2,696
	24.07.2010, 16:21 [ТС]	3
	А можно сделать так, чтоб это поле и кнопка всегда были в центре экрана браузера? 0

@body90 464 / 341 / 19 Регистрация: 26.05.2009 Сообщений: 2,696
	24.07.2010, 17:01 [ТС]	5
	Спасибо! Пойдет и так. 0

Vovan-VE
	24.07.2010, 18:13 #7
	Не по теме: Dimedrol, Буквально вчера через CSS выравнивал по вертикали. Работает. Только в IE6, как всегда, пришлось поизвращаться :D 0

@body90 464 / 341 / 19 Регистрация: 26.05.2009 Сообщений: 2,696
	24.07.2010, 18:51 [ТС]	8
	Не пойму почему скрипт из предыдущего поста не работает в некоторых браузерах 0

@outoftime ║XLR8║ 1212 / 909 / 270 Регистрация: 25.07.2009 Сообщений: 4,361 Записей в блоге: 5
	24.07.2010, 21:18	9
	Vovan-VE, покажите ваш вариант с CSS ?? 0

	25.07.2010, 07:18

Переход по динамическому адресу

Решение