ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Мистика, творящаяся внутри тега Button...
25 сообщений из 25, страница 1 из 1
Мистика, творящаяся внутри тега Button...
    #38628476
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
У меня есть две кнопки для сортировки товаров. В них ссылки, которые отправляют два параметра. Ссылки рабочие, сортировка работает. Но! Только не в теге button с классами btn-up и btn-down ! Пробовал рядышком точно такой же баттон, только без класса - работает. Просто ссылка - работает. Изображение со ссылкой работает. Но стоит только каснуться баттона с этими классами - пусто. Чего бы ни было указано в href, результат один: к текущему url добавляется знак "?".

Что это за шутки такие? Заранее спасибо.

Вот код:

Код: html
1.
2.
3.
4.
		<div class="but-block">
			<button class="btn-up"><a href="http://mysite.ru/catalog/tovar/?sort=date&order=asc"><img src="/images/btn-up.png"></a></button></br>
			<button class="btn-down"><a href="http://mysite.ru/catalog/razdel/?sort=date&order=desc"><img src="/images/btn-down.png"></a></button>
		</div>


Стили:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
.but-block {
	position: relative;
	top: 5px;
	left: 0px;
    float: left;
    height: 20px;
    width: 16px;
	
}
.btn-up img {
	position: relative;
	border: none; 
	top: -12px;
	left: -3px;
}
.btn-down img {
	position: relative;
	top: -10px;
	left: -3px;
	border: none; 
	padding-top: 3px;
}
.btn-down  {
	left: 0px;
    position: relative;
    top: -11px;
}
...
Рейтинг: 0 / 0
29.04.2014, 09:57
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628525
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Cryptic , зачем вообще ссылку совать в кнопку?
...
Рейтинг: 0 / 0
29.04.2014, 10:32
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628539
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
Это требование верстки. Не моя прихоть. Нужно чтобы внешний вид был именно таким, к сожалению.
...
Рейтинг: 0 / 0
29.04.2014, 10:43
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628543
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
krvsa, Если имеется ввиду, что надо кнопку поместить внутри ссылки, то я пробовал. То же самое.
...
Рейтинг: 0 / 0
29.04.2014, 10:44
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628624
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CrypticНужно чтобы внешний вид был именно таким, к сожалению.
Внешний вид и ссылка внутри кнопки это разные вещи...
...
Рейтинг: 0 / 0
29.04.2014, 11:49
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628630
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CrypticЕсли имеется ввиду, что надо кнопку поместить внутри ссылки, то я пробовал. То же самое.
Тут либо кнопка, либо ссылка. Одно в другом просто безсмыслица...
...
Рейтинг: 0 / 0
29.04.2014, 11:52
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628643
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
krvsaТут либо кнопка, либо ссылка. Одно в другом просто безсмыслица...

Я не понял вас. Мне нужно, чтобы по нажатию на кнопку срабатывал переход по ссылке. Конечно можно это и событием onclick сделать. Но даже это не срабатывает.
...
Рейтинг: 0 / 0
29.04.2014, 12:02
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628671
?
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
?
Гость
вообще-то, кнопка должна быть внутри формы.
Код: html
1.
2.
3.
<form>
  <button>...</button>
</form>
...
Рейтинг: 0 / 0
29.04.2014, 12:22
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628673
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
Изврат

Не очень представляю, что там нарисовалось в итоге, кнопка и рядом картинка. Если нужна специальная картинка, то нарисуйте кнопку. Если картинка не нужна, делайте переход в функции для кнопки.
...
Рейтинг: 0 / 0
29.04.2014, 12:23
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628715
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
?вообще-то, кнопка должна быть внутри формы.
Код: html
1.
2.
3.
<form>
  <button>...</button>
</form>



Неа, не помогло. Тег форм нужен для отправки данных на сервер, вроде как. Здесь мне нужна лишь ссылка. Без всяких сабмитов.
...
Рейтинг: 0 / 0
29.04.2014, 12:46
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628717
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
GustlyИзврат

Не очень представляю, что там нарисовалось в итоге, кнопка и рядом картинка. Если нужна специальная картинка, то нарисуйте кнопку. Если картинка не нужна, делайте переход в функции для кнопки.

Удивительно, но очень хорошо все нарисовалось. Кнопка стала выглядеть как картинка, которая внутри нее лежит. А как нарисовать кнопку (можно в общих чертах, для себя интересно)?
...
Рейтинг: 0 / 0
29.04.2014, 12:48
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628724
Gustly
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Gustly
Участник
Cryptic,

Самое тупое. Открываете страницу с кнопкой, жмете PrtSc, запускаете графический редактор (paint), вставляете, вырезаете, накладываете вашу картинку, сохраняете. Убираете нафиг Ваш <button> и вставляете новую картинку.
...
Рейтинг: 0 / 0
29.04.2014, 12:52
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628788
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
вы покажите хоть картинку как это выглядеть должно. А то "Это требование верстки" как то странно звучит
...
Рейтинг: 0 / 0
29.04.2014, 13:29
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628839
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
SharuPoNemnogu,

Вот, пожалуйста: http://joxi.ru/VXVfU_3JTJDdaIvdg_0
...
Рейтинг: 0 / 0
29.04.2014, 13:48
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628873
SharuPoNemnogu
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SharuPoNemnogu
Участник
Cryptic,

Ну и зачем там баттон? У вас cms чтоли какая то, что все повязано на этих баттонах с определенным классом? Они вообще там для чего? Тем более вы говорите что сортировка и без них работает.
...
Рейтинг: 0 / 0
29.04.2014, 14:05
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628916
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CrypticМне нужно, чтобы по нажатию на кнопку срабатывал переход по ссылке. Конечно можно это и событием onclick сделать. Но даже это не срабатывает.
Бивас, тест! (с)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<button onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'>Test</button>
</body>
</html>


Все работает! Никакой "?" не добавляется...
...
Рейтинг: 0 / 0
29.04.2014, 14:24
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38628925
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
?вообще-то, кнопка должна быть внутри формы.
Сама форма обязательна только для отправки форм и не более того...
...
Рейтинг: 0 / 0
29.04.2014, 14:26
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629347
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
krvsa,

Я писал ранее, что пробовал так уже. Вот вам мой тест. Тупо копирую вашу ссылку и получаю знак вопроса.

Код: php
1.
2.
3.
4.
		<div class="but-block">
			<button class="btn-up" onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'><a href="vk.com"><img src="<?=SITE_TEMPLATE_PATH?>/images/btn-up.png"></a></button></br>
			<button class="btn-down" onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'><img src="<?=SITE_TEMPLATE_PATH?>/images/btn-down.png"></button>
		</div>
...
Рейтинг: 0 / 0
29.04.2014, 18:54
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629351
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
Я не понимаю, в чем может быть дело. Стили ничего такого для этого класса не прописывают. Что мешает ссылкам открываться из баттона? При том интересно, что в строке состояния внизу при наведении на ссылку курсора отображается правильная ссылка, но при клике появляется только знак вопроса. Может у кого-нибудь здесь хватит квалификации подсказать, что тут не так?
...
Рейтинг: 0 / 0
29.04.2014, 19:00
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629352
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
SharuPoNemnoguCryptic,

Ну и зачем там баттон? У вас cms чтоли какая то, что все повязано на этих баттонах с определенным классом? Они вообще там для чего? Тем более вы говорите что сортировка и без них работает.

Они там для красоты. Верстку делал не я и мне не разрешено ее менять (разве что только чтобы внешнее все осталось так же).
...
Рейтинг: 0 / 0
29.04.2014, 19:02
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629455
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
Все, ребят. Нашел решение. Проанализировав верстку, увидел, что где-то далеко был тег form. Тоесть этот контейнер с батонами лежал в форме. И почему-то именно эти батоны (хотя их тип не указан submit) пытались отправить форму на сервер... Поэтому и знак вопроса, который ставится перед параметрами в url. Но вот почему я ставил рядом такие же баттоны и они успешно работали - загадка. Вероятно указание класса в теге button автоматически меняет его тип на submit. Иного объяснения я не нашел. Убрал тег форм нафиг и все заработало (ссылка внутри батона). Всем советчикам изменить тех. задание и надавать пинков верстальщику - спасибо :D

p.s.: на вопрос "зачем тебе баттон" я все же отвечу, чуть-чуть по философски: мне эти баттоны вообще не нужны. Совсем. Апсолютно.
Но...
Они нужны заказчику и это все меняет. Такова жизнь.
...
Рейтинг: 0 / 0
29.04.2014, 21:12
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629457
Cryptic
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cryptic
Гость
krvsaCrypticМне нужно, чтобы по нажатию на кнопку срабатывал переход по ссылке. Конечно можно это и событием onclick сделать. Но даже это не срабатывает.
Бивас, тест! (с)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<button onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'>Test</button>
</body>
</html>


Все работает! Никакой "?" не добавляется...

А ты все же проведи еще один тест:
Заверни все это в тег form c пустым action и желательно с указанием класса.
И баттону обязательно укажи класс.
Посмотрим, что у тебя получится :D
...
Рейтинг: 0 / 0
29.04.2014, 21:17
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629659
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CrypticА ты все же проведи еще один тест ...
Так ты и приведи. Я свой показал...
...
Рейтинг: 0 / 0
30.04.2014, 08:26
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629839
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Продолжаем тестирование...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div class="but-block">
	<button class="btn-up" onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'>
		<img src="http://www.npcair.ru/forczn/images/smilies/ab.gif">
	</button>
	

	<button class="btn-down" onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'>
		<img src="http://www.npcair.ru/forczn/images/smilies/ae.gif">
	</button>
</div>
</body>
</html>


По-прежнему все работает!
...
Рейтинг: 0 / 0
30.04.2014, 10:38
| Ответить | Цитировать | Написать  
Мистика, творящаяся внутри тега Button...
    #38629850
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CrypticА ты все же проведи еще один тест:
Заверни все это в тег form c пустым action и желательно с указанием класса.
И баттону обязательно укажи класс.
Посмотрим, что у тебя получится :D
У меня нормально получается.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<form action='' class='test'>
	<div class="but-block">
		<button class="btn-up" type='button' onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'>
			<img src="http://www.npcair.ru/forczn/images/smilies/ab.gif">
		</button>
		

		<button class="btn-down" type='button' onclick='top.location="http://www.sql.ru/forum/1091906/mistika-tvoryashhayasya-vnutri-tega-button#15951101"'>
			<img src="http://www.npcair.ru/forczn/images/smilies/ae.gif">
		</button>
	</div>
</form>
</body>
</html>


Т.ч. завязывай со своим колхозом и используй теги нормально...
...
Рейтинг: 0 / 0
30.04.2014, 10:42
| Ответить | Цитировать | Написать  
25 сообщений из 25, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Мистика, творящаяся внутри тега Button...
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1447137]:
 0ms
get settings:
 11ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 189ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 74ms
get tp. blocked users:
 1ms
others: 248ms
total:  567ms
созд. / загр.: 567ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]