powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сохранение данных основной формы
4 сообщений из 4, страница 1 из 1
Сохранение данных основной формы
    #37890710
Nevskiy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Подскажите, пожалуйста, есть код:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
<body>
<!-- Основная форма -->
<form action="action.php" method="post"> 
    <fieldset><legend>Основные параметры</legend>
        <table width=25% border=0>
            <tr>
                <td align=center><b><u>Артикул</u></b><br>
                                <select name="articul" size="1">
                                 <option value="SQL запрос">
                                 </select>
                                </td>
            </tr>
            <tr>
                <td align=center><b><u>Материал</u></b><br>
                                <input name="material" size="1">
                                <option value="SQL запрос">
                                </td>
                <td valign=bottom><img border="0" onclick="return show(event, 'material')" src="/images/q2.png" alt="" title="Новый материал" style="cursor: pointer;"></td>
            </tr>
            <tr>
                <td align=center><b><u>Вид изделия</u></b><br>
                                <input name="vid" size="1">
                                <option value="SQL запрос"> 
                                </td>
                <td valign=bottom><img border="0" onclick="return show(event, 'vid')" src="/images/q2.png" alt="" title="Новый вид изделия" style="cursor: pointer;"></td>
            </tr>
            <tr>
                <td align=center><b><u>Размер</u></b><br>
                                <select name="razmer" size="1">
                                <option value="SQL запрос">
                                </td>
                <td valign=bottom><img border="0" onclick="return show(event, 'razmer')" src="/images/q2.png" alt="" title="Новый размер" style="cursor: pointer;"></td>
            </tr>
        </table>
    </fieldset>
</div>
</form>
<!-- Конец основной формы -->
 
<div id='material' style='display: none'>
    <form action="sql_action.php" method="post">
        <table width=25% border=0>
            <td align=center><b><u>Материал</u></b><br><input type="text" name="material_new" size="15"></td>
        </table><br>
        <input align="center" type="submit" class="buttons" value="Добавить" name="new_material_button">
    </form>
</div>
 
<div id='vid' style='display: none'>
    <form action="sql_action.php">
        <table width=25% border=0>
            <td align=center><b><u>Вид изделия</a></u></b><br><input type="text" name="new_vid_izdelia" size="15"></td>
        </table><br>
        <input align="center" type="submit" class="buttons" value="Добавить" name="new_vid_izdelia_button">
    </form>
</div>
 
<div id='razmer' style='display: none'>
    <form action="sql_action.php">
        <table width=25% border=0>
            <td align=center><b><u>Размер</a></u></b><br><input type="text" name="new_razmer" size="15"></td>
        </table><br>
        <input align="center" type="submit" class="buttons" value="Добавить" name="new_razmer_button">
    </form>
</div>
</body>



Обработчик всплывающего окна:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
function show (evt, id) {
var evt = evt || window.event;
var o = evt.target || evt.srcElement;
var f = document.getElementById('cur_popup_note');
if (f == null) {
f = document.createElement('div');
f.setAttribute ('id', 'cur_popup_note');
f.setAttribute ('style',
'progid:DXImageTransform.Microsoft.Alpha(opacity=100); '+
'opacity: 1; display: block; top: 0px; left: 0px;'+
'width:auto; height:auto;');
f.setAttribute('class', 'popup');
document.body.appendChild(f);
}
f.opacityFilter = 0;
f.innerHTML = '<img src="/images/x.gif" height="13" width="13" border="0" id="x_image" '+
'style="cursor:pointer;float:right;" onclick="hide();">'+
'<div style="padding: 10px">' +
document.getElementById(id).innerHTML + '</div>';
f.className = 'popup_active';
f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
f.style.opacity = f.opacityFilter;
f.style.display = 'block';
var o_coords = getPosition(o);
var f_coords = getPosition(f);
var calculatedTop = (f.offsetTop + (o_coords.top - f_coords.top));
var calculatedLeft = (f.offsetLeft + (o_coords.left - f_coords.left));
if (calculatedTop + f.offsetHeight > document.body.offsetHeight)
calculatedTop = document.body.offsetHeight - f.offsetHeight;
if (calculatedLeft + 200 > document.body.offsetWidth)
calculatedLeft = document.body.offsetWidth - 220;
f.style.top = calculatedTop + 'px';
f.style.left = calculatedLeft + 'px';
window.setTimeout('animate()', 50);
evt.cancelBubble = true;
return false;
}

function hide() {
var div = document.getElementById('cur_popup_note');
if (div != null) {
div.className = 'footnote_new';
div.style.display = 'none';
}
return false;
}

function animate() {
var f = document.getElementById('cur_popup_note');
f.opacityFilter += 0.05;
f.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + (f.opacityFilter * 100) + ');';
f.style.opacity = f.opacityFilter;
if (f.opacityFilter<1) window.setTimeout('animate()', 50);
}

function getPosition(offsetTrail) {
var offsetLeft = 0;
var offsetTop = 0;
while (offsetTrail) {
offsetLeft += offsetTrail.offsetLeft;
offsetTop += offsetTrail.offsetTop;
offsetTrail = offsetTrail.offsetParent;
}
return { left:offsetLeft, top:offsetTop }
}




В нем есть основная форма, и скрытые блоки, в которых тоже есть формы. Действие onclick вызывает скрытый div. Из него я добавляю новую запись в sql базу. После нажатия кнопки в скрытом блоке страница перезагружается и все данные основной формы не сохраняются. Пробовал делать в одной форме, но тогда перестают работать кнопки в скрытых блоках. Как можно сохранить уже введенные данные? Спасибо.
...
Рейтинг: 0 / 0
Сохранение данных основной формы
    #37890744
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
NevskiyПосле нажатия кнопки в скрытом блоке страница перезагружаетсяпопробуйте не перегружать
http://api.jquery.com/serialize/
http://api.jquery.com/jQuery.post/
...
Рейтинг: 0 / 0
Сохранение данных основной формы
    #37891038
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Nevskiy,

В скрытых дивах (типа, дисплай:ноне) ничего у вас работать не будет.
ПС. Напишите маленький примерчик в три строки, где у вас чего не работает. Ваш г-код смотреть совершенно не интересно.
...
Рейтинг: 0 / 0
Сохранение данных основной формы
    #37891228
Nevskiy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
ShSerge,

Так и думал что со скрытыми блоками проблема... Может подскажите как сделать добавление значений без модальных окон и сохранения введенных значений формы. Сильно не пинайте, только пытаюсь научиться :)

P.S Маленький примерчик прикрепляю. Если смотреть index.php кнопка на скрытом диве работает, но страница перезагружается и поле Артикул не сохраняется. В index2.php кнопка не работает.
...
Рейтинг: 0 / 0
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сохранение данных основной формы
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]