Этот сайт не наркоманов. Это сайт программистов.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Мы в твиттере!
Мы вконтакте!
Мы на яндексе!

Краснодарское время: 24 Май, 2012, 04:35:40

Страниц: [1] 2
Печать
Автор Тема: Кнопка-картинка  (Прочитано 2351 раз)
0 Пользователей и 1 Гость смотрят эту тему.
smv    ↓ 
19 Январь, 2010, 01:18:50
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

Здравствуйте. Помогите пожалуйста сделать картинку - кнопку (Submit). Делал по разному но не получается. И с использованием Javascript и просто используя <input type="image">. Была идея сделать обычную кнопку и стилями ее отредактировать... сделать фон картинкой... но там один косяк который неустраивает, это то что когда картинки отключены в браузере то и кнопку не видно.
 
С использованием JS делал так:
 
HTML
<SCRIPT language="JavaScript">
function submitform(){
document.myform.submit();
}
</SCRIPT>
 
<a href="javascript: submitform()">Найти</a>

Но к сожалению не работает... Там еще штука такая есть... Когда у меня была кнопка Submit я обрабатывал ее нажатие так:
 
HTML
If (!isset($Название кнопки)){
какое-то действие
}

И сейчас надо так же... Такую задачу можно как-нибудь решить? И если да, то как.
Записан
adw0rd    ↓ 
19 Январь, 2010, 01:31:13 , спустя 12 минут 23 секунды
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17615
Сила слова: 1.67

никогда так не делайте:
HTML
<a href="javascript: submitform()">

надо так:
HTML
<a href="#" onclick="submitform();return false;">

а еще лучше вешать onclick в коде, типа:
Javascript
$('#button').click(submitform)
HTML
<a id="button" href="#">

Спустя 1 минуту 6 секунд добавил
HTML
<SCRIPT language="JavaScript">
вы откуда копируете это гамно?
 
надо так
HTML
<script type="text/javascript">
Спустя 2 минуты 21 секунду добавил
привидите форму, в кратком виде, без всякой лишней верстки
Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
smv    ↓ 
19 Январь, 2010, 01:52:08 , спустя 20 минут 55 секунд
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

HTML

 
<script type="text/javascript">
function submitform(){
document.form.submit();
}
</SCRIPT>
 
<form action="" name="form">
<a href="#" name="add" id="add" onclick="submitform();return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
   
           <?  // Так как обрабатывал нажатие кнопки выше указанным образом, тут решил проверить будет ли какая то реакция на все это
 
        if (isset($add)){
        echo 'yes';
        }
    ?>

</form>

Ну вот так вот не получается
« Последнее редактирование: 19 Январь, 2010, 01:52:08 от smv » Записан
adw0rd    ↓ 
19 Январь, 2010, 02:19:22 , спустя 27 минут 14 секунд
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17615
Сила слова: 1.67

привидите форму, в кратком виде, без всякой лишней верстки
Спустя 14 секунд добавил
мне нужны ваши инпуты
Спустя 2 минуты 51 секунду добавил

 
PHP

<script type="text/javascript">
function submitform(){
    document.form.submit();
}
</script>
 
<form action="" name="form">
    <input name="test" />
    <a href="#" name="add" id="add" onclick="submitform();return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
</form>
 
<?php
    var_dump($_GET);
?>
 
работает прекрасно!
« Последнее редактирование: 19 Январь, 2010, 02:18:56 от adw0rd » Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
smv    ↓ 
19 Январь, 2010, 02:46:08 , спустя 26 минут 46 секунд
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

Да ! Это работает.
Но мне нужно немножко другое. Мне нужно не значение инпута.
 
Смысл такой ... Когда мы жмем кнопку Submit появляется переменная с именем кнопки. т.е. нажатие кнопки было.
 
Вот если написать так
 
Text
<form action="" name="form">
  <input type="submit" name="add" value="Submit" />
</form>
 
<?php
   if (isset($add)){
   echo 'yes';
   }
?>

То это работает... Т.е. после нажатия на кнопку - существует переменная add.
 
А как подобное сделать используя JS?
Записан
adw0rd    ↓ 
19 Январь, 2010, 03:14:14 , спустя 28 минут 6 секунд
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17615
Сила слова: 1.67

Я вас нифига не понимаю. Но попробую предугадать:
 
А как подобное сделать используя JS?

Javascript

function submitform(){
    alert('Кнопка была нажата!!!!1111');
    document.form.submit();
}
 

Не то?
Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
smv    ↓ 
19 Январь, 2010, 03:19:56 , спустя 5 минут 42 секунды
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

Text
<form action="" name="form">
  <input type="submit" name="add" value="Submit" />
</form>
 
<?php
   if (isset($add)){
   echo 'yes';
   }
?>

Вот пример. Тут у нас есть форма. Есть кнопка. Делая простую проверку на существование переменной (название кнопки) на экран выводим надпись. А переменная существовать начинает только после того как нажата кнопка.
 
А нужно сделать все тоже самое, только вместо кнопки должен быть рисунок (ну т.е. грубо просто ссылка)
Записан
smv    ↓ 
19 Январь, 2010, 03:26:09 , спустя 6 минут 13 секунд
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

Text
<script type="text/javascript">
function submitform(){
    document.form.submit();
}
</script>
 
<form name="form">
    <input name="test" type="hidden" value="<? echo $add; ?>"/>
    <a href="" name="add" id="add" onclick="submitform();return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
    <label></label>
</form>
 
<?php
   if (isset($test)){
   echo 'yes';
   }
?>

Придумал сделать то что мне надо используя скрытые поля... Насколько это правильно?
Записан
adw0rd    ↓ 
19 Январь, 2010, 03:29:04 , спустя 2 минуты 55 секунд
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17615
Сила слова: 1.67

smv, скрытые поля для вас самое то. Но вообще, можно и без него:
 
HTML

<?php
if($_POST) {
    echo 'success';
}
?>

<form name="form" method="POST" action="">
    <a href="" name="add" id="add" onclick="submitform();return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
</form>
 
Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
smv    ↓ 
19 Январь, 2010, 03:34:13 , спустя 5 минут 9 секунд
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

спасибо
Записан
smv    ↓ 
19 Январь, 2010, 04:55:36 , спустя 1 час 21 минуту 23 секунды
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

Возникла еще одна проблемка.
Используя вот такой вот код
 
Text
<script type="text/javascript">
function submitform(){
    document.form.submit();
}
</script>
 
<form name="form">
    <input name="test" type="hidden" value="<? echo $add; ?>"/>
    <a href="" name="add" id="add" onclick="submitform();return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
    <label></label>
</form>
 
<?php
   if (isset($test)){
   echo 'yes';
   }
?>

все работает.
 
При добавлении аналогичным образом еще одной кнопки. Она не работает. Есть мысли о том что в одной форме дветакие функции выполнить нельзя. Поэтому наверное код
 
Javascript
<script type="text/javascript">
function submitform(){
    document.form.submit();
}
</script>
Нужно немного модифицировать.
 
А модифицировать надо строку document.form.submit();. Так?
 
Если так то возникает вопрос. Как? Я так понимаю надо сконкретизировать необходимый элемент. т.е. вот так document.form.Какой то элемент.submit();
 
Я правильно думаю?
Записан
adw0rd    ↓ 
19 Январь, 2010, 05:28:50 , спустя 33 минуты 14 секунд
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17615
Сила слова: 1.67

При добавлении аналогичным образом еще одной кнопки.
код в студию
Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
smv    ↓ 
19 Январь, 2010, 05:36:00 , спустя 7 минут 10 секунд
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

Text
<script type="text/javascript">
function submitform(){
    document.form.submit();
}
</script>
 
<form name="form">
 
    <input name="test" type="hidden" value="<? echo $add; ?>"/>
    <a href="" name="add" id="add" onclick="submitform();return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
 
    <input name="test2" type="hidden" value="<? echo $select; ?>"/>
    <a href="" name="select" id="select" onclick="submitform();return false;"><img src="img/select_all.jpg" width="123" height="28" border="0"/></a>
 
</form>
Записан
adw0rd    ↓ 
19 Январь, 2010, 05:44:33 , спустя 8 минут 33 секунды
НЕ ХУЕТА! ХУЕТА!

эдво
Группа: в ухо

Карма: не нужна
Сообщений: 17615
Сила слова: 1.67

Javascript
function submitform(val) {
    document.getElementById('mybutton').value = val;
    document.form.submit();
}

HTML

<form name="form">
        <input id="mybutton" name="test" type="hidden"  />
        <a href="" name="add" id="add" onclick="submitform('<? echo $add; ?>'); return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
        <a href="" name="select" id="select" onclick="submitform('<? echo $select; ?>'); return false;"><img src="img/select_all.jpg" width="123" height="28" border="0"/></a>
</form>
Записан

Python, Django, Git, Emacs, Nginx, MySQL, SphinxSearch, FreeBSD/Linux
Мой блог * Кинсбург * Либург * Я на GitHub
smv    ↓ 
20 Январь, 2010, 11:15:56 , спустя 17 часов 31 минуту 23 секунды
НЕ ХУЕТА! ХУЕТА!

Карма: -2
Сообщений: 234
Сила слова: -0.85

Javascript
<script type="text/javascript">
function submitform(val) {
    document.getElementById("mybutton").value = val;
    document.form1.submit();
}
</script>

HTML
<input id="mybutton" name="test" type="hidden"/>
<a href="" name="add" id="add" onclick="submitform(<? echo $add_cart ?>); return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
<a href="" name="selectall" id="selectall" onclick="submitform(<? echo $selectall ?>
); return false;"><img src="img/select_all.jpg" width="123" height="28" border="0"/></a>

Код рабочий, но есть одно но. Загвоздка вот в этой строке:
HTML
<input id="mybutton" name="test" type="hidden"/>
Название элемента test. Следовательно при обработке формы значение (т.е. нажатие кнопки) получает переменная test. B все операции надо проводить именно с этой переменной. А мне нужны переменные add и selectall. Т.е. когда название скрытого поля либо add либо selectall все работает великолепно... Но вместе их использовать не получается. Потому что надо что б значение (т.е. нажатие кнопки) получала не переменная test, а переменная add либо selectall. в зависимости какая кнопка нажимается
Спустя 3 минуты 23 секунды добавил
ошибочка вышла... вот такой вот код
 
HTML
<input id="mybutton" name="test" type="hidden"/>
<a href="" name="add" id="add" onclick="submitform(<? echo $add ?>); return false;"><img src="img/add_cart.jpg" width="164" height="28" border="0"/></a>
<a href="" name="selectall" id="selectall" onclick="submitform(<? echo $selectall ?>
); return false;"><img src="img/select_all.jpg" width="123" height="28" border="0"/></a>
Записан
Страниц: [1] 2
Печать
 

Перейти в: