Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сохранение данных основной формы / 4 сообщений из 4, страница 1 из 1
24.07.2012, 15:20:50
    #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
24.07.2012, 15:31:25
    #37890744
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сохранение данных основной формы
NevskiyПосле нажатия кнопки в скрытом блоке страница перезагружаетсяпопробуйте не перегружать
http://api.jquery.com/serialize/
http://api.jquery.com/jQuery.post/
...
Рейтинг: 0 / 0
24.07.2012, 17:38:35
    #37891038
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сохранение данных основной формы
Nevskiy,

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

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

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


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