Forum PHP.pl > jquery dialog w dialogu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

backen

31.10.2012, 10:43:34

Witam mam taki problem z dialogiem i nie mam pojecia jak go usunac.

[HTML] pobierz, plaintext 
 
<div id="dialog1">
 
<div id="dialog2">
 
 
</div>
 
 
<button>otworz dialog 2</button>
<script>
$('#dialog2').dialog();
</script>
</div>
 
<button>otworz dialog 1</button>
<script>
$('#dialog1').dialog();
</script>
[HTML] pobierz, plaintext

i wszystko sobie jadnie dziala ale gdy

otworze dialog 1 i dialog 2
do body dodja sie divy z dialogami i jest ok
ale gdy znow otworze dialog 1 jquerowski div dialog1 zmienia sie na display: block ale po otwarciu dialog2 tworzy sie nowy dialog2 i w body sa 3 dialogi.
jak zrobic zeby dialog2 wiedzial ze juz byl otwarty i nie tworzylo nowego dialogu?

toffiak

31.10.2012, 12:28:48

Może tak

backen

31.10.2012, 14:09:35

po zamknieciu dialog2 i dialog1 i przy probie otwarcia dialog1 $('#dialog2').dialog( "isOpen" ) zwraca falsz

toffiak

31.10.2012, 17:31:19

Proszę podać cały skrypt, ten podany w pierwszym poście jest niepoprawnie zagnieżdżony.

Zakładam że efekt końcowy ma wyglądać mniej więcej tak http://jsfiddle.net/Np4rA/10/

backen

5.11.2012, 11:11:51

[HTML] pobierz, plaintext 
 
<!doctype html> 
<html> 
  <head> 
    <meta charset="UTF-8"> 
    <title>Hello, HTML5!</title> 
 
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/start/jquery-ui.css" type="text/css"/>
 
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
 
 
 
 
 
  </head> 
  <body> 
 
 
	<div id="dd1" style="display: none;">
		dialog 1		
	</div>
 
 
	<button onclick="f1();"> otw. dialog 1 </button>
 
 
	<script>
 
		function f1(){
 
			var trescdialogujestladowanadynamicznie = '<button onclick="$(\'#dd2\').dialog();"> otw. dialog 2 </button>';
			trescdialogujestladowanadynamicznie += '<div id="dd2" style="display: none;">';
			trescdialogujestladowanadynamicznie += 'dialog 2';
			trescdialogujestladowanadynamicznie += '</div>';
 
 
			$('#dd1').html(trescdialogujestladowanadynamicznie);
			$('#dd1').dialog();
		}
 
	</script>
 
  </body> 
</html>
 
[HTML] pobierz, plaintext

przerabiajac kod na prosty przyklad dochodze do wniosku ze wina jest taka ze skrypty sa ladowane jakby za kazdym razem otwarcia dialog 1

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.