Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JQuery - dynamiczny DIV
arpi
post 27.04.2015, 22:06:29
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 7.01.2011

Ostrzeżenie: (10%)
X----


Mam taki prosty kod z dynamicznym div-em


  1. $('.button').click(function(){
  2. $('body').on('XXX','#dymaniczny_div',function(){
  3. $(this).css('display','block');
  4. });
  5. });



Co wpisać w miejsce XXX, aby po kliknięciu w button instrukcja zmiany styli css zadziałała dla dynamiczny_div ?

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
PrinceOfPersia
post 27.04.2015, 22:09:33
Post #2





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

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


oto odpowiedź: http://api.jquery.com/on/


--------------------
Go to the top of the page
+Quote Post
IProSoft
post 27.04.2015, 22:10:07
Post #3





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

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


[JAVASCRIPT] pobierz, plaintext
  1. $('.button').on('click', function(){
  2. $('#dymaniczny_div').css('display','block');
  3. });
[JAVASCRIPT] pobierz, plaintext


--------------------
Manual prawdę Ci powie.
Go to the top of the page
+Quote Post
arpi
post 27.04.2015, 22:25:27
Post #4





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 7.01.2011

Ostrzeżenie: (10%)
X----


Cytat(PrinceOfPersia @ 27.04.2015, 23:09:33 ) *


No właśnie w manuala przeglądałem i tylko są zdarzenia typu click, submit, mouseenter itp czyli dla obsługi zdarzeń dla konkternej czynnosci wykonanej przez uzytkownika na danym DIV-ie.



Cytat(IProSoft @ 27.04.2015, 23:10:07 ) *
[JAVASCRIPT] pobierz, plaintext
  1. $('.button').on('click', function(){
  2. $('#dymaniczny_div').css('display','block');
  3. });
[JAVASCRIPT] pobierz, plaintext


Takie rozwiązanie testowałem - zapis taki nie wykrywa dynamicznego diva



Może podam dokładny kod jaki musze obsłużyć

  1. $('body').on('submit','#formularz',function(){
  2. ...
  3. walidacja
  4. ....
  5.  
  6. if( !valid ){
  7.  
  8. alert('Wypełnij poprawnie wszystkie pola');
  9. return false;
  10.  
  11. }else{
  12.  
  13. //kod gdy formularz zwalidowany poprawnie
  14. $('body').on('XXX','#dymaniczny_div',function(){
  15. $(this).css('display','block');
  16. });
  17. }
  18. });


Ten post edytował arpi 27.04.2015, 22:31:49
Go to the top of the page
+Quote Post
IProSoft
post 27.04.2015, 23:06:10
Post #5





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

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


A czym jest ten #dymaniczny_div ?
Kiedy powstaje, jakie ma zadanie itp ?


--------------------
Manual prawdę Ci powie.
Go to the top of the page
+Quote Post
arpi
post 27.04.2015, 23:18:06
Post #6





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 7.01.2011

Ostrzeżenie: (10%)
X----


Użytkownik po kliknieciu dodaj opinie widzi nowe okienko na stronie w stylu "lightbox" na przyciemnionym tle.
W tym okienku jest formularz oraz dynamiczny_div (domyślnie ukryty)

#dynamiczny_div jest to obszar z białym tłem, który potrzebuje pokazać, aby zasłonić formularz, gdy ten będzie wysyłany za pomoca ajaxa do mysql.



Go to the top of the page
+Quote Post
PrinceOfPersia
post 28.04.2015, 01:08:05
Post #7





Grupa: Zarejestrowani
Postów: 717
Pomógł: 120
Dołączył: 18.04.2009

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


Cytat
$('#dymaniczny_div').css('display','block');

dynamiczny, nie dymaniczny oneeyedsmiley02.png


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 09:11