Форум

Naguwal · #1 (**permalink**) 29.05.2010, 12:33

Собственно Доброго сем времени суток!!!
Есть такая вот задачка:

Существует необходимость заливать в селектор #main информацию (из вне) и при необходимости обнулять (возвращать в серектор исходные данные):

$(document).ready(function(){

 $('#close').click(function (){ 
/*Тут надо какимто образом обнулить #main чтобы вернулись изходные данные*/

            });

	 $('#load_d').click(function(){

		  $('#main').html('Загрузка данных)))');
	});
});

<a id="load_d" href="#">Загрузить</a>
<a id="close" href="#">Обнулить</a>

<div id="main">

<div class="title">Загрузить данные.</div>
<br /><br />
.....
</div>

кто сталкивался с подобной необходимостью подскажите выход из сложившейся ситуации.
В сути нужно просто удалить выполнение операции $('#main').html('Загрузка данных)))'); при обнулении я всё пролазил гугл ничего подобного не нашёл. Буду признателен в помощи решения такой вот задачки

exec · #2 (**permalink**) 29.05.2010, 13:57

var cache = $('#main').html();

$('#main').html(cache);

Naguwal · #3 (**permalink**) 29.05.2010, 14:42

Закэшировать Данные вариант!!! но если в #main хранится допустим форма авторизации... с возможностью дальнейшей подгруздки в неё данных... такой вариант не прокатывает блок #main перезагружает сам себя.... допустим:

<a id="load_d" href="#">Загрузить</a>
<a id="close" href="#">Обнулить</a>

<div id="main">
<form id="my_form" action="" method="POST">
<input>
...
<input type="submit" value="отправить запрос" />
</form>

<br /><br />
.....
</div>

что делать в таком случае???

micscr · #4 (**permalink**) 29.05.2010, 15:07

перезагружает сам себя

что вы имеете ввиду? Если сабмит идет то страница понятно перезагрузится.
Если внутри #main элементам назначены обработчики, то тогда не через html() сохранять состояние, а все его поддерево детей временно переносить в невидимый элемент.

Naguwal · #5 (**permalink**) 29.05.2010, 15:12

мммм... ну как есть в примере так и есть в жизни... сабмин содержится на странице в форме как показано в примере... Добиться нужно того чтобы информация в элементе #main возвращалась в исходное положение... Вот собственно и вся задача...

micscr · #6 (**permalink**) 29.05.2010, 15:21

Так бы и сказал - текущие введенные данные сбрасываются.
На вопрос я ответил выше (будьте чуточку внимательнее) - поддерево временно переносить в невидимый элемент.

$('#main').children().appendTo('#ghost');

Naguwal · #7 (**permalink**) 29.05.2010, 16:32

Спосибо Огромное идея Отличная только в своём скрипте я нмкак немогу догнать как отключить у формы action чтобы при нажатии на кнопку событие выполнялось но action при этом нет!!!
вот пример моего скрипта:

$(document).ready(function(){	

$('#service').click(function (){
	
 $('#cauntax').fadeTo(200,1);
 $('#cauntax .srvice').css({'opacity': '0.6'});

 });
 
 $('#close').click(function (){
 $('#cauntax').fadeOut(200);
 
 });
$('#Subm').click(function(){
 $('#info_sv').fadeIn(2000);
 $('#info_sv'). children().appendTo('#ghost');
/**/

var dataString = $('#autority').serialize();
//alert(dataString);

$.ajax({type: "POST", url: "./../process/query.php", data: dataString, success: function(msDat){
if(msDat==''){$('#info_sv').html('msDat');}
else {$('#info_sv').html(msDat);}
}});

$('#info_sv').html('error_con');
	});
 
});

<!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" xml:lang="ru" lang="ru">
	<head>
<meta http-equiv="content-type" content="text/html; charset=<?= EnCod ?>" />
<meta name="author" content="Nagua"/>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta name="ROBOTS" content="ALL" />
<meta name="ROBOTS" content="INDEX" />
<meta name="distribution" content="global" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="Document-state" content="Dynamic" />
<link rel="StyleSheet" type="text/css" href="./conf/style.css" />
<link rel="Shortcut Icon" type="image/x-icon" href="./favicon1.ico" />
<link rel="icon" type="image/x-icon" href="./favicon1.ico" />
<script type="text/javascript" src="./conf/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="./conf/jquery.us.dialog.js"></script>

<title> Test Interface </title>
</head>
<body>
<div id="ghost"></div>
<a id="service" href="#">Servise</a>

<div id="cauntax">
<div class="srvice"></div>
<div class="iok">
<div id="i_ul"></div><div id="i_uc"></div><div id="i_ur"></div>
<div id="i_cl"></div>
	<div id="i_cc">
	<div id="close"></div>

<div id="info_sv">

<div class="title_sv"> заголовок </div>
<br /><br />
<form id="autority" method="post">
<div id="v_sv">
<div class="n_sv">
Счёт: <br />
Фамилия: <br />
Имя: <br />
Отчество: <br />
Дата рождения: 
</div>
<div class="i_sv">
<input type="text" name="num_sh" id="text_a"  />
<input type="text" name="name_lt" id="text_b" />
<input type="text" name="name_us" id="text_c" />
<input type="text" name="name_ft" id="text_d" />
ДД:<input type="text" name="data_dy" id="text_e" size="1" maxlength="2" />
ММ:<input type="text" name="data_dym" id="text_f" size="1" maxlength="2" />
ГГГГ:<input type="text" name="data_dyy" id="text_g" size="1" maxlength="4" />
</div>
</div>
<br />
<div class="bt_sv"><input id="Subm" type="submit" value="Вход"/> <input type="reset" value="Сброс"/></div>
</form>

</div>
</div>
<div id="i_cr"></div>
<div id="i_dl"></div><div id="i_dc"></div><div id="i_dr"></div>
</div>
</div>

</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript