Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Form action, помогите сделать форму

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3

Открыть новую тему     Написать ответ в эту тему

Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
не работает, но так проканало спан не исчез )
при выборе размера, цены нет...
 
Добавлено:
между прочим я сделал простой html фаил, туда вставил код, и проверил, он не работает, ошибка где то !
 
Добавлено:

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
</head>
 
<body>
<select id='select'>  
    <option value=''> -- выберите цену -- </option>      
    <option value='$1'>одна цена</option>  
    <option value='$10'>другая цена</option>  
    <option value='$100'>третья цена</option>  
</select>  
<span id='price'></span>  
 
 
<script>
$(document).ready(function(){  
$('#select').change(function(){    
$('#price').html($(this).val());    
});  
});  
</script>  
</body>
</html>

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 11:28 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
он не работает

и не будет работать, потому что jquery не подключили.. это раз - http://jsfiddle.net/PUFra/
второе - в вашей странице уже есть ошибка

Цитата:
Uncaught TypeError: Object [object Object] has no method 'tabs'  

которая имеет отношение к коду с табами.
из за нее не выполняется указанный выше js код

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 11:35 09-08-2013 | Исправлено: Cheery, 11:37 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
вы про это:
 

Код:
    <script type="text/javascript">  
        $(function() {
          if ($.browser.msie && $.browser.version.substr(0,1)<7)
          {
            $('li').has('ul').mouseover(function(){
                $(this).children('ul').show();
                }).mouseout(function(){
                $(this).children('ul').hide();
                })
          }
        });        
    </script>  
 <script>
$(function() {
$( "#tabs" ).tabs();
});
</script>

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 11:38 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
$( "#tabs" ).tabs();



----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 11:38 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
убрал, все работает, большое  спасибо, я собирался убрать, но не думал что это из за этого !

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 11:39 09-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Возник вопрос:
хотел сделать что бы первый размер и цена выводилась вместе ...выберите размер...
 
<select id="select" style="width: 170px;">  
<option value="9 170 руб">900*2000</option>  
 
<option value="7 840 руб">800*1900</option>  
<option value="8 260 руб">800*2000</option>  
<option value="8 750 руб">900*1900</option>  
<option value="9 170 руб">900*2000</option>  
<option value="11 620 руб">1200*1900</option>  
<option value="12 250 руб">1200*2000</option>  
<option value="13 650 руб">1400*1900</option>  
<option value="14 280 руб">1400*2000</option>  
<option value="15 470 руб">1600*1900</option>  
<option value="16 310 руб">1600*2000</option>  
<option value="17 290 руб">1800*1900</option>  
<option value="18 270 руб">1800*2000</option>  
</select>
 
сделал так, <option value="9 170 руб">900*2000</option>    он оно не показывает стоимость, нужно открывать список и выбирать что то что бы показывало как доработать ?

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 08:51 12-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
как доработать ?

указывайте стоимость по умолчанию в элементе с id='price'
 
либо просто  
$('#select').trigger('change');

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:30 12-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добавить ? правильно ли
 
<script>
$(document).ready(function(){  
$('#select').change(function(){    
$('#price').html($(this).val());    
$('#select').trigger('change');
});  
});  
</script>

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 03:32 13-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
правильно ли  

да хотя бы так..  
 
можно и проще
$(document).ready(function(){    
$('#select').change(function(){      
$('#price').html($(this).val());
}).trigger('change');    
});  

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 04:18 13-08-2013
Botovskiu

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Большое спасибо, да надо изучать js, на сколько сложный язык ? в отличии css и html

Всего записей: 124 | Зарегистр. 20-10-2011 | Отправлено: 05:45 13-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Botovskiu

Цитата:
да надо изучать js

это не js в чистом виде - это фреймворк jQuery
 

Цитата:
на сколько сложный язык  

у каждого свои способности к восприятию и обучению

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 07:03 13-08-2013
Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте, имеется такой код.
 

Код:
var chech_act=true;
function login(){
    if(chech_act==true){
        chech_act=false;
        error(0,"");
        var login=document.getElementById("login").value;
        var password=document.getElementById("password").value;
        if(login.length==0||password.length==0){chech_act=true;error(1,"Заполните все поля!");}else{OpenHttpRequest("/admin/post.php","login="+encodeURIComponent(login)+"&password="+encodeURIComponent(password),function(res){chech_act=true;if(res!="#QTIS"){if(res=="true"){location.href="/admin";}else{return error(1,res);}}return false;});}
    }
    return false;
}
function error(i,txt){
    document.getElementById("info").style.display="none";
    if(i==1){document.getElementById("info").innerHTML=txt;document.getElementById("info").style.display="block";}
    return false;
}
 
 
<form action="" method="post" onsubmit="login();return false;">
<input type="text" class="form-control" id="login" placeholder="Login" autofocus>
<input type="password" class="form-control" id="password" placeholder="Password">
<input type="submit" class="form-btn" onclick="return login();" value="Login">
</form>

 
Проблема следующая: Если убрать тег form, по нажатию на Login будет вход. Если добавь form, страница попросто всё время обновляется. Вопрос, как правильно сделать отловку в js? чтоб страница не обновлялась...

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 17:29 21-10-2015 | Исправлено: Sutar, 17:38 21-10-2015
vaizmanai



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
удалено

Всего записей: 80 | Зарегистр. 25-07-2006 | Отправлено: 22:06 22-10-2015 | Исправлено: vaizmanai, 10:15 06-06-2018
antoxamad



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
срочно на изучение JS/jQuery!!!! так далеко не уедешь!

Всего записей: 24 | Зарегистр. 15-06-2010 | Отправлено: 10:44 23-10-2015
Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vaizmanai
чтоб когда была отправка form, отлавливалось событие в JS.
 
antoxamad
Если убрать form, по клику всё работает. А вот с form - не хочет.

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 22:52 23-10-2015
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sutar
помоему в Вашем случае form не нужен

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 21:29 24-10-2015
Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262
совершенно верно.
Но если ввести данные в поля и нажать Enter - ничего не происходит. Для этого нужна форма.

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 11:10 25-10-2015
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
и  
 
OpenHttpRequest("/admin/post.php","login="+encodeURIComponent(document.getElementById("login").value)+"&password="+encodeURIComponent(document.getElementById("password").value)
 
извеняюсь не увидел вначале

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 11:45 25-10-2015 | Исправлено: vs6262, 12:11 25-10-2015
Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Код:
function OpenHttpRequest(page,send,fun){
    if(http){
        http.open("POST",page,true);
        http.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        http.send(send);
        var timeout=setTimeout(function(){http.abort();alert("Query time is over");return fun("#QTIS");},5000);
        http.onreadystatechange=function(){if(http.readyState==4){if(http.status==200){clearTimeout(timeout);return fun(http.responseText);}}}
    }
    return false;
}

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 21:07 26-10-2015
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
AJAX jQuery

Код:
 
---------------------------------------------------------
function showGetResult(_url)
{
     var result = null;
     var scriptUrl = _url;
     $.ajaxSetup({ cache: false });  
     $.ajax({
        url: scriptUrl,
        type: 'POST',
        dataType: 'html',
        async: false,
        success: function(data) {
            result = data;
        }  
     });
     return result;
}
--------------------------------------------------------

Всего записей: 2188 | Зарегистр. 25-02-2013 | Отправлено: 21:55 26-10-2015
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3

Компьютерный форум Ru.Board » Интернет » Web-программирование » Form action, помогите сделать форму


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru