Кнопка как ссылка.

Иван · August 13, 2007

Подскажите пожалуйста как сделать кнопку ссылкой на другую страничку?

shkoda · August 13, 2007

поясните, что вам конкретно нужно: после нажатия на кнопку отправить данные серверу? Или вы хотите сделать обычные ссылки украсить кнопками?

Dimitry Wolotko · August 13, 2007

shkoda,

что-то мне подсказывает, что именно второй вариант.

<a href="#"><img src="pic.jpeg" /></a>

Иван · August 13, 2007

Мне просто нужно что бы при нажатии на кнопку происходил переход по заданному URL как если бы это был тег !

Dimitry Wolotko · August 13, 2007

Я Вам код выше дал. Используйте наздоровье.

Иван · August 13, 2007

Спасибо!

Fed · August 13, 2007

можно с формочкой погемороиться,но будет много проблем ,а еще много места займ?те

Tokolist · August 13, 2007

Подскажите пожалуйста как сделать кнопку ссылкой на другую страничку?

<script type="text/javascript" language="javascript">
<!--
document.write("<input type="button" onClick="window.location.href = 'index.html'" value="Кнопка">"); //или <button>
//-->
</script>
<noscript>
<a href="index.html">Кнопка</a>
</noscript>

PacMan · August 14, 2007

А так не проще?

<form action="url тут" method="post"><input type="submit" value="жми" /></form>

Victor Ananiev · August 14, 2007

Мне кажется так ещ? легче:

<input type="button" value="Жми" onclick="location.href='URL тут'" />

PacMan · August 14, 2007

Мне кажется так ещ? легче: ...

Без яваскрипта не работаит

Tokolist · August 14, 2007

А так не проще?

<form action="url тут" method="post"><input type="submit" value="жми" /></form>

1. формы для этого не предназначены (лучше уже имхо в таком случае юзать картинку)

2. форма не может быть вложенной в форму. и даже если плюнуть на стандарты, то такой код не будет работать

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>
<body>
<form action="1.php">
<div><input type="text"></div>
<div><form action="2.php"><div><input type="submit"></div></form></div>
<div><input type="text"></div>
<div><input type="submit"></div>
</form>
</body>

всегда будет "переход" на 1.php, поэтому, когда мне понадобилась такая возможность, то такой вариант для меня сразу отпал

D.S.Denton · August 14, 2007

всегда будет "переход" на 1.php, поэтому, когда мне понадобилась такая возможность, то такой вариант для меня сразу отпал

переделываем так:

<div><form action="2.php"><div><input type="submit"></div></form></div>
<form action="1.php"> <!--опустили ниже-->
<div><input type="text"></div> <!--опустили ниже-->
<div><input type="text"></div>
<div><input type="submit"></div>
</form>

а сместившийся текстовый инпут ставим в нужное место погеморившись немного со стилями, хотя оно того не стоит на самом деле...

Паук · March 12, 2008

Сразу хочю извинится...искал искал - не нашел ответ на свой вопрос...может где проглядел...

У меня такая проблема...

Мне нужна КНОПКА!!! повторяю ...КНОПКА (button) что бы на этой кнопке был мой рисунок и при нажатии на нее был переход (на сайт/страничку ... и т.п.)

Типа такого

только что бы выгледяла в виде КНОПКИ!!!! ... возможно такое???

Jaeser · March 12, 2008

возможно))

Ты ч? не додумался?

Паук · March 12, 2008

Нет..вы меня не поняли.....

Если я создаю кнопку (button) - то на кнопке я могу написать только слово!!!

А мне нада что бы на кнопке была картинка *.gif и при нажатии на эту кнопку был переход на другую страничку сайта. Не баннер!!! ..Не картинка... а КНОПКА!!! Что бы при нажатии на кнопку - картинку был эффект "утапливания" как будто я нажал кнопку

Jaeser · March 12, 2008

Я думаю что это можено написать только путем CSS или JavaScript.. ну пош?л копаться

Jaeser · March 12, 2008

Наш?л!

<style>
input.sur { background: url('bg.gif'); 
 }
</style>
<form>
<input type="button" class="sur" value="Кassssssssssн" onClick="alert('Ни фига!')">
</form>

Паук · March 12, 2008

http://www.htmlbook.ru"'> button

Получилось создать кнопку с рисунком, но переход на сайт не осуществляется ... (плакаю горькими слезами...)

памагите пожалуйста..ребята...

Jaeser · March 12, 2008

Твоя опечатка

Все равно мой кодик лучше подходит(Имхо)

Jenek · March 12, 2008

Кажется то, что нужно описано здесь http://dimox.name/dinamic_link_buttons_with_css/

Паук · March 12, 2008

Ребята... хоть убейте... не переходит на сайт ... прописываю так ...

(создается кнопка с рисунком 1.gif)

нажимаю на кнопку и ниче не происходит

убираю батон ...

переход делается ..но это уже не кнопка выходит ...

Не могу понять че я не правильно делаю...

Jaeser · March 12, 2008

<button onClick="location.href='http:www.htmlbook.ru'"><img src="asd.gif"></button>

Можно и покороче... но я человек без мозгов так это то что тебе нужно?

maddogrts · March 12, 2008

не могу понять сути проблемы )) честно.

сделайте так

Название кнопки

.button {

background: фон кнопки;

}

.button:hover { фон другой кнопки}

использование тега button или input для ссылки является недопустимым

Jaeser · March 12, 2008

Но ему нужны эффект "утапливания"

maddogrts · March 12, 2008

я его написал

кроме этого у тега есть 4 псевдокласса

Sign In

Кнопка как ссылка.

Question

Link to comment

Share on other sites

31 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information