Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery]popUp i popOut, Jak Wy sobie z tym radzicie!?
general
post
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 17.03.2004
Skąd: Teresin

Ostrzeżenie: (0%)
-----

Bez Waszej pomocy chyba sobie z tym nie poradzę i nie zrozumiem działania tego mechanizmu.

1. Za pomocą metody click() i DIV-a pięknie wyskakuje mi okienko (popUp) - i git.
2. W okienku umieszczam przycisk [ZAMKNIJ] - bo oczywiście chcę potem takiego popUp'a zamknąć.
No i powiedzcie mi, co robię źle

Ustawiam klasę .closeBox, daję mu [przyciskowi ZAMKNIJ] metodę click() z argumentem ...
właśnie, jakim: .remove() czy jakimś innym?
Próbowałem różnych sposobów, ale problem był taki sam: ten popUp jakby w ogóle nie reagował na jquery

Np.
[HTML] pobierz, plaintext 
  1. <head>
  2. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. 	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
  4. 	<script src="jquery/1.10.1/jquery.min.js"></script>
  5. 	<script type="text/javascript">
  6. 	$(function() {
  7. 		$('a#openBox').click(function(e) {
  8. 			e.preventDefault();
  9. 			$('#guru_box').load('guru.php').css("display","block"); // Wyświetla mi pięknie zawartość pliku 'guru.php' z przyciskiem [Zamknij]
  10. 			var allHeadings = $('div'); // w celu sprawdzenia czy działa jquery
  11. 			alert( allHeadings.length ); // alert wyskakuje - to działa!
  12. 		});
  13.  
  14. 		// Close popUp
  15. 		$('a.closeBox').live('click', function() { // <a class="closeBox" href="#">Zamknij</a>
  16. 			var allHeadings = $('div'); // w celu sprawdzenia czy działa jquery
  17. 			alert( allHeadings.length ); // klikam na [Zamknij] i alert nie wyskakuje, i nic się nie dzieje (poza dodaniem '#' w pasku adresu)
  18. 		});
  19. 	});
  20. 	</script>
  21. </head>
[HTML] pobierz, plaintext


Proszę, pomocy! Jak to się robi
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
styryl
post
Post #2





Grupa: Zarejestrowani
Postów: 223
Pomógł: 27
Dołączył: 16.04.2008
Skąd: Bakutilu

Ostrzeżenie: (0%)
-----

Jak rozumiem Twoim popupem jest div o id: #guru_box tym dajesz my "widoczność": .css("display","block");, więc w zależności co chcesz zrobić:
1. "schować okienko": 

[PHP] pobierz, plaintext 
  1. $('#guru_box').hide();
[PHP] pobierz, plaintext


2. Usunąć:

[PHP] pobierz, plaintext 
  1. $('#guru_box').remove();
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #3





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Używasz jQuery w wersji 1.10 a live nie działa od 1.7. Także zastosuj on() lub zmień wersję jQuery na starszą.
Go to the top of the page
+Quote Post
general
post
Post #4





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 17.03.2004
Skąd: Teresin

Ostrzeżenie: (0%)
-----

Zastosowałem 
[PHP] pobierz, plaintext 
  1. $('#guru_box').hide();
[PHP] pobierz, plaintext
ale ten sam problem pozostał.

- popUp #guru_box jakby zupełnie nie widział głównego pliku "sects.php", do ktorego jest loadowany "guru.php" za pomocą $('#guru_box').load('guru.php')

Czego też nie rozumiem, to dlaczego plik "sects.php" widzi dołączaną klasę "dbconnect", ale już plik, który ładuje się do popUp'a #guru_box tej klasy nie widzi. Muszę osobno dołączyć klasę "dbconnect" w pliku "guru.php". Dlaczego to tak działa?

Może to ma jakieś znaczenie:
header.php - require_once('db_connect.php')
sects.php - require_once('header.php')
sects.php - jquery load('guru.php')

bez dołączonej klasy 'db_connect' do pliku 'guru.php' wyskakuje mi błąd połaczenia z bazą.

Czy ktoś wie, dlaczego popUp #guru_box (z załączonym 'guru.php') nie widzi nagłówka (head) i w ogóle "body" pliku "sects.php" ?
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #5





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----

A zmieniłeś live() na on()? Tak jak pisałem w jQuery 1.10 live() już nie działa...
Go to the top of the page
+Quote Post
general
post
Post #6





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 17.03.2004
Skąd: Teresin

Ostrzeżenie: (0%)
-----

Cytat(b4rt3kk @ 17.07.2013, 23:15:35 ) *
A zmieniłeś live() na on()? Tak jak pisałem w jQuery 1.10 live() już nie działa...

Oczywiście, zmieniłem.
Problem - jak już zaznaczałem - tkwi raczej w tym, że "sects.php" nie widzi popUp'a - albo raczej popUp nie pobiera informacji z "sects.php" (albo może jeszcze jakiś inny powód tego, że poniższy kod w popUp nie działa). Nie wiem, co jest grane...

[PHP] pobierz, plaintext 
  1. $('a.closeBoxGuru').on('click', function(event) { //When clicking on the close...
  2. event.preventDefault();
  3. $('#guru_box').hide();
  4. });
[PHP] pobierz, plaintext


Ten post edytował general 17.07.2013, 23:16:11
Go to the top of the page
+Quote Post
b4rt3kk
post
Post #7





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

Ostrzeżenie: (0%)
-----

No to nie dołączasz w pliku guru.php znów danych do połączenia, itp? Przecież to jest osobne okienko, to nie jest strukturalna część kodu. W pop-up musisz od nowa wszystko dołączać, inaczej nie ma szans żeby działało.
Go to the top of the page
+Quote Post
general
post
Post #8





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 17.03.2004
Skąd: Teresin

Ostrzeżenie: (0%)
-----

Ale przecież okienko (popUp) jest tworzony w oparciu o "DIV" - na warstwie: <div id="guru_box"><!-- Guru --></div>. Więc nie jest osobnym okienkiem, ani żadnym "iframe'm". Ta warstwa jest integralną częścią kodu pliku "sects.php", tworzoną za pomocą jquery.

Przepraszam, zauważyłem, że jednak mój popUp "guru_box" z dołączonym "guru.php" widzi style css dołączone do pliku "sects.php", bo w oparciu o nie i o jquery "wyskakuje" okienko.

Tak, że nie wiem, co jest grane, co zrobiłem nie tak, że w warstwie popUp'a przestaje działać kod jquery?
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 14.09.2025 - 13:15
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn