Обычная ссылка как submit в Форме

Тема в разделе "Веб-дизайн", создана пользователем saylar_06, 10 дек 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. saylar_06

    saylar_06 Создатель

    Регистр.:
    7 мар 2009
    Сообщения:
    42
    Симпатии:
    0
    Дорогие друзья! вот у меня возник вопрос, как сделать в обыной форме SUBMIT не через INPUT (жирную кнопку) а обычную <A HREF=""></A>?
     
  2. Alternator

    Alternator

    Регистр.:
    23 мар 2009
    Сообщения:
    295
    Симпатии:
    145
    HTML:
    
    <form id="form_id">
    </form>
    <a href="#" onclick="document.getElementById('form_id').submit();return false;">
        Пыщь!!!1111
    </a>
    
     
    saylar_06 нравится это.
  3. phillip

    phillip

    Регистр.:
    4 сен 2007
    Сообщения:
    413
    Симпатии:
    15
    если хочешь картинку просто вложить в <a>, можно также сделать вместо <input type="submit"> вот это <input type="image" name="submit" src="kartinka.jpg">
     
    saylar_06 нравится это.
  4. saylar_06

    saylar_06 Создатель

    Регистр.:
    7 мар 2009
    Сообщения:
    42
    Симпатии:
    0
    Спасибо большое помогло, но появилась необходимость чуть чуть модифицировать форму, т.е чтоб ссылка несла с собой методом пост ещё и значение пусть числовое

    HTML:
    
    <form id="form_id">
    <a href="#" onclick="document.getElementById('form_id').submit();return false;">
        Сылка 1 - к примеру тут переменная со значением 1
    </a>
    <a href="#" onclick="document.getElementById('form_id').submit();return false;">
        Сылка 2 - а тут переменная со значением 2
    </a>
    </form>
    
     
  5. trooll

    trooll PHP кодер

    Регистр.:
    22 дек 2008
    Сообщения:
    503
    Симпатии:
    116
    Чуток не понял про числовое значение но если я правильно понял то вот:
    HTML:
    
    <form id="form_id_1" action="" method="post">
    <input name="peremenaya1" type="hidden" value="1">
    
    <a href="#" onclick="document.getElementById('form_id_1').submit();return false;">
        Сылка 1 - к примеру тут переменная со значением 1
    </a>
    </form>
    
    <form id="form_id_2" action="" method="post">
    <input name="peremenaya2" type="hidden" value="2">
    
    <a href="#" onclick="document.getElementById('form_id_2').submit();return false;">
        Сылка 2 - а тут переменная со значением 2
    </a>
    </form>
    
    или можно попробовать так (не проверял:(
    HTML:
    
    <form id="form_id" action="" method="post">
    <label><input name="peremenaya1" type="checkbox" value="1">
    <a href="#" onclick="document.getElementById('form_id').submit();return false;">
        Сылка 1 - к примеру тут переменная со значением 1
    </a></label>
    
    <input name="peremenaya2" type="checkbox" value="2">
    <label><a href="#" onclick="document.getElementById('form_id').submit();return false;">
        Сылка 2 - а тут переменная со значением 2
    </a></label>
    </form>
    
    Чек боксы (галочки) можно попробовать убрать с помощью CSS стилей.
     
    saylar_06 нравится это.
  6. saen

    saen

    Регистр.:
    6 авг 2006
    Сообщения:
    756
    Симпатии:
    129
    элементарно на onclick вешаешь еще 1 функцию, в которой добавляешь скрытое поле со своим значением. Значение можно брать к примеру из id ссылки.

    Добавлено через 2 минуты
    у тебя вообще получаются 2 разные формы
     
    saylar_06 нравится это.
  7. saylar_06

    saylar_06 Создатель

    Регистр.:
    7 мар 2009
    Сообщения:
    42
    Симпатии:
    0
    HTML:
    
    <form id="form_id">
    <a href="#" onclick="document.getElementById('form_id').submit();return false;">
        Сылка 1 - к примеру тут переменная со значением 1
    </a>
    <a href="#" onclick="document.getElementById('form_id').submit();return false;">
        Сылка 2 - а тут переменная со значением 2
    </a>
    </form>
    
    всё верно, а можно пример? если вас не затруднит

    нужно что то вроде этого
    PHP:
    <input type="submit" name="Send" value="Send"
    <
    input type="submit" name="Add" value="Add">
    if (
    $_GET['Send']) ...
    elseif (
    $_GET['Add']) ...
    пхп условия я сам напишу...
     
  8. saen

    saen

    Регистр.:
    6 авг 2006
    Сообщения:
    756
    Симпатии:
    129
    HTML:
    
    <script>
    function f1(id)
    {
        var h = document.getElementById('h');
        if(h) h.parentNode.removeChild(h);
        document.getElementById('form_id').innerHTML += '<input type="hidden" id="h" name="h" value="'+id+'" />';
        document.getElementById('form_id').submit();
    }
    </script>
    <form id="form_id">
    <a href="#" id="1" onclick="f1(1);return false;">
        Сылка 1 - к примеру тут переменная со значением 1
    </a>
    <a href="#" onclick="f1(2);return false;">
        Сылка 2 - а тут переменная со значением 2
    </a>
    </form>
    
     
    saylar_06 нравится это.
Статус темы:
Закрыта.