Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> ссылка-рисунок INPUT type="image" 
V
    Опции темы
ОнКофе
Дата 5.7.2006, 18:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
Есть список
Код

<FORM name="form1">
<SELECT NAME="Sel1">
<OPTION VALUE="01">ссылка 1
<OPTION VALUE="02">ссылка 2
</SELECT><br>
<INPUT type="image" src="/images/images.gif"></FORM>


Как можно сделать чтобы при выборе из списка "ссылка 1" и нажитии на рисунок-кнопку откырвалась одна ссылка, а при выборе "ссылка 2" и нажатии на рисунок-кнопку открывалась другая ссылка??? 
PM MAIL WWW   Вверх
skyboy
Дата 5.7.2006, 19:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 10
Всего: 260
в функции-обработчике onclick для кнопки-рисунка делай проверку:
Код

if (True==document.Sell.options[0].selected)
<переходим по первой ссылке>;
else
<переходим по второй ссылке>;
 
PM MAIL   Вверх
ОнКофе
Дата 6.7.2006, 08:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
skyboy, а вот это самое "<переходим по первой ссылке>;" как сделать? window.open? 
PM MAIL WWW   Вверх
ОнКофе
Дата 6.7.2006, 09:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
попробовал сделать в DreamWeawer ....

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<TITLE>Untitled Document</TITLE>
<script type="text/JavaScript">
<!--
function Jmenu(targ,SelOption,restore){ 
  eval(targ+".location='"+SelOption.options[SelOption.selectedIndex].value+"'");
  if (restore) SelOption.selectedIndex=0;
}

function FindOp(n, d) {
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=FindOp(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function OnGo(selName,targ,restore){ 
  var SelOption = FindOp(selName); if (SelOption) Jmenu(targ,SelOption,restore);
}
//-->
</script>
</HEAD>

<BODY>
<FORM name="form1">
  <SELECT name="menu1">
    <OPTION value="http://www.ya.ru">Яndex</OPTION>
    <OPTION value="http://www.google.com">Google</OPTION>
  </SELECT>
  <INPUT type="button" name="Button1" value="Go" onClick="OnGo('menu1','parent',0)">
</FORM>
</BODY>
</HTML>


теперь не могу понять как сделать что бы при нажатии на кнопку ссылка открывалась в другом окне? Изменял в onClick="OnGo('menu1','parent',0)" параметр 'parent' на blank - не помогло. Есть выход?

Добавлено @ 09:33 
А возможно ли сделать так, чтобы при нажатии на кнопку некоторые ссылки открывались в новом окне, а некоторые ссылки в этом же окне!  
PM MAIL WWW   Вверх
ОнКофе
Дата 6.7.2006, 10:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
Самое интересное что это все работает только с кнопкой 
Код

<INPUT type="button" name="Button1" value="Go" onClick="OnGo('bxod','parent',0)">

 если же я хочу повесить событие 
Код

 onClick="OnGo('bxod','parent',0)"

на
Код

INPUT type="image" src="/images/ok.gif"value="Go" onClick="OnGo('bxod','parent',0)"


то ничего не работает!!!
Как быть? 
PM MAIL WWW   Вверх
zera
Дата 6.7.2006, 11:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

Репутация: 2
Всего: 9
повесь на onmousedown 
PM MAIL   Вверх
ОнКофе
Дата 6.7.2006, 11:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
zera, спасибо! Действительно стало работать!!!
А как же решить проблему того что они открываются в этом же окне? Есть идеи? 
PM MAIL WWW   Вверх
Aliance
Дата 6.7.2006, 14:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
Чесно говоря код мне не понравился. Предлагаю свой вариант:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>© AlianceHTMLEditor [ http://editor.sut.net.ru/editor.html ]</TITLE>
<script type="text/javascript" language="JavaScript">
<!--//--><![CDATA[//><!--

function form_location(forma) {
   var select = forma.elements["Sel1"].options[forma.elements["Sel1"].selectedIndex].value;
   if (select == 0) return;
   forma.action = select;
   forma.submit();
}

//--><!]]>
</SCRIPT>
</HEAD>

<BODY>

<FORM name="form1" action="" onsubmit="form_location(this)" method="post">
<SELECT NAME="Sel1">
<OPTION VALUE="0">choose the link</OPTION>
<OPTION VALUE="http://forum.vingrad.ru/">ссылка 1</OPTION>
<OPTION VALUE="http://www.vingrad.ru/">ссылка 2</OPTION>
</SELECT>
<BR />
<INPUT type="image" src="http://forum.vingrad.ru/uploads/av-5467.gif" onclick="form_location(this.form)" />
</FORM>

</BODY>
</HTML>


Это немного кривоватый код, можно его переписать так:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>© AlianceHTMLEditor [ http://editor.sut.net.ru/editor.html ]</TITLE>
<script type="text/javascript" language="JavaScript">
<!--//--><![CDATA[//><!--

function form_location(forma) {
   var select = forma.elements["Sel1"].options[forma.elements["Sel1"].selectedIndex].value;
   if (select == 0) return;
   location.href = select;
}

//--><!]]>
</SCRIPT>
</HEAD>

<BODY>

<FORM name="form1" action="" onsubmit="form_location(this); return false;" method="post">
<SELECT NAME="Sel1">
<OPTION VALUE="0">choose the link</OPTION>
<OPTION VALUE="http://forum.vingrad.ru/">ссылка 1</OPTION>
<OPTION VALUE="http://www.vingrad.ru/">ссылка 2</OPTION>
</SELECT>
<BR />
<INPUT type="image" src="http://forum.vingrad.ru/uploads/av-5467.gif" onclick="form_location(this.form); return false;" />
</FORM>

</BODY>
</HTML>
 


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
ОнКофе
Дата 6.7.2006, 15:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
попробовал....
все равно открывается в этом же окне....
Неуже ли никак нельзя сделать чтобы ссылка открывалась  в другом окне? 

Слушай а для чего у тебя написано 
Код

<!--//--><![CDATA[//><!--


не понятно что-то!!! Объясни пожалуйста! 

Это сообщение отредактировал(а) ОнКофе - 6.7.2006, 15:43
PM MAIL WWW   Вверх
Aliance
Дата 6.7.2006, 18:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
А, в другом. А я делал, чтобы она в том же открывалась :-) Можно канечно, лови:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>© AlianceHTMLEditor [ http://editor.sut.net.ru/editor.html ]</TITLE>
<script type="text/javascript" language="JavaScript">
<!--//--><![CDATA[//><!--

function form_location(forma) {
   var select = forma.elements["Sel1"].options[forma.elements["Sel1"].selectedIndex].value;
   if (select == 0) return;
   window.open(select, 'newWin');
}

//--><!]]>
</SCRIPT>
</HEAD>

<BODY>

<FORM name="form1" action="" onsubmit="form_location(this); return false;" method="post">
<SELECT NAME="Sel1">
<OPTION VALUE="0">choose the link</OPTION>
<OPTION VALUE="http://forum.vingrad.ru/">ссылка 1</OPTION>
<OPTION VALUE="http://www.vingrad.ru/">ссылка 2</OPTION>
</SELECT>
<BR />
<INPUT type="image" src="http://forum.vingrad.ru/uploads/av-5467.gif" onclick="form_location(this.form); return false;" />
</FORM>

</BODY>
</HTML>


По твоему второму вопросу, зайди в поиск по слову CDATA 


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
ОнКофе
Дата 6.7.2006, 19:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
последний твой код отлично работает в FireFox, а в IE сразу открываются два новых окна, а в основном окне (откуда происходит переход) выскакивает ошибка....
мдя..... 
PM MAIL WWW   Вверх
Aliance
Дата 6.7.2006, 20:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
Я работаю только в ИЕ 6 SP 2, у меня открывается только одно окно. 


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
ОнКофе
Дата 7.7.2006, 10:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
Aliance, а как же быть с остальными? Никак что ли не сделать? Может есть какой-то другой вариант открытия? 
PM MAIL WWW   Вверх
ОнКофе
Дата 7.7.2006, 12:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
Все работает! Спасибо! 
PM MAIL WWW   Вверх
Aliance
Дата 7.7.2006, 21:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
Я написал это в плане того, что я просматриваю странички в ИЕ, а скрипты пишу естественно кросплатформенные и только.
У тебя был какой-то глюк, видимо. Так как, повторюсь, в ИЕ все прекрасно работало. 


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
ОнКофе
Дата 10.7.2006, 16:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
Aliance, убрал из твоего кода строки

Код

<!--//--><![CDATA[//><!--

//--><!]]>


все работает и без них... не могу понять для чего тогда ты вездешь их пишешь? 
PM MAIL WWW   Вверх
12345c
Дата 10.7.2006, 18:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101
Это для совместимости с XHTML, чтобы код был валидным для XML-парсера, обычным браузерам он не нужен.

А вообще непонятно, откуда столько проблем, исходя из поставленной задачи (перейти по ссылке, выбранной в списке), код в 1 строчку:

Код

<FORM name="form1" onsubmit=location.href='http://'+this.Sel1.value;return!1>
<SELECT NAME="Sel1">
<OPTION VALUE="yandex.ru">ссылка 1
<OPTION VALUE="rambler.ru">ссылка 2
</SELECT><br>
<INPUT type="image" src="/images/images.gif"></FORM>
 
PM WWW   Вверх
Aliance
Дата 14.7.2006, 12:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
12345c, а как же совместимость с XHTML?  smile 
</option> забыл и кавычки в onsubmit  smile  


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
ОнКофе
Дата 14.7.2006, 12:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 274
Регистрация: 3.3.2006
Где: http://www.angeli na-pitt.by.ru

Репутация: нет
Всего: нет
Aliance, а закрывать option обязательно нужно?
И что там по поводу с совместимости с XHTML? И чем это все грозит? 
PM MAIL WWW   Вверх
Aliance
Дата 14.7.2006, 13:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
Цитата(ОнКофе @  14.7.2006,  13:24 Найти цитируемый пост)
а закрывать option обязательно нужно?

будет работать и без, но, если не ошибаюсь, тот же стандарт XHTML требует закрывать.

Цитата(ОнКофе @  14.7.2006,  13:24 Найти цитируемый пост)
И что там по поводу с совместимости с XHTML? И чем это все грозит?

Если ты не работаешь с XML и не ставишь DOCTYPE равным стандарту XHTML - то ничем. 


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
Страницы: (2) [Все] 1 2 
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0637 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.