Форум

andrey96 · #1 (**permalink**) 08.11.2012, 11:10

Доброго времени суток!
Есть скрипт- калькулятор стоимости.
Нужно сделать так что-бы введенные в форму данные передавались в модальное окно.Добился того, что-бы результаты были в сообщении js, но после того как попытался перенести это сообщение в модальное окно-она перестала работать.
Помогите найти ошибку пожалуйста.

Скрипт:

function Complete()
    {
      var szElement="";
      szElement="Площадь: " + Sel.family.value +
        "<br />Стоимость: " + Sel.Name.value;
szElement+="<br />Цвет: " +
        Sel.ColorList.options[Sel.ColorList.selectedIndex].value +
        " (" + Sel.ColorList.selectedIndex + ")";

      $('#test-modal').html(szElement);
$('#test-modal').dialog({});
    }

Модальное окно:

<div class="modal" id="test-modal" style="display: none">
            <div class="more">
				<SCRIPT LANGUAGE="JavaScript">
    <!--
function Complete()
    {
      var szElement="";
      szElement="Площадь: " + Sel.family.value +
        "\nСтоимость: " + Sel.Name.value;
szElement+="\nТип объекта: " +
        Sel.ColorList.options[Sel.ColorList.selectedIndex].value +
        " (" + Sel.ColorList.selectedIndex + ")";		
      alert(szElement);  
    }
    // -->
    </SCRIPT>
            </div>
        </div>

theTinbell · #2 (**permalink**) 15.11.2012, 11:33

1. Проверьте, подключены ли все необходимы библиотеки.
2. Попробуйте почитать документацию:

Код:

<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Dialog - Default functionality</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="/resources/demos/external/jquery.bgiframe-2.1.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>
</head>
<body>
 
<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. </p>
</div>
 
 
</body>
</html>

Источник: http://jqueryui.com/dialog/#default

ksa · #3 (**permalink**) 15.11.2012, 16:54

Сообщение от andrey96

Модальное окно:

<div class="modal" id="test-modal" style="display: none">
...
</div>

Это не модальное окно... И даже не окно вовсе...

theTinbell · #4 (**permalink**) 15.11.2012, 22:57

Сообщение от ksa

Это не модальное окно... И даже не окно вовсе...

Ну как бы все красивые модальные окна и диалоги это просто div c position=absolute

Будь то fansybox или jQuery ui dialog.
Судя по сообщению, автору темы как раз необходимо разобраться с одним из таких, похоже, что с jQuery ui dialog.

ksa · #5 (**permalink**) 16.11.2012, 10:21

Сообщение от theTinbell

Ну как бы все красивые модальные окна и диалоги это просто div c position=absolute

Это такое определение модального окна?

theTinbell · #6 (**permalink**) 16.11.2012, 16:47

Сообщение от ksa

Это такое определение модального окна?

Ну зачем сразу определение. Скорее так: это способ эмулировать диалоговое окно =)

Форум

Справочник

Discord чат

Курсы javascript