Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JQuery - dynamiczny DIV
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
arpi
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 ?

PrinceOfPersia
oto odpowiedź: http://api.jquery.com/on/
IProSoft
[JAVASCRIPT] pobierz, plaintext
  1. $('.button').on('click', function(){
  2. $('#dymaniczny_div').css('display','block');
  3. });
[JAVASCRIPT] pobierz, plaintext
arpi
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. });
IProSoft
A czym jest ten #dymaniczny_div ?
Kiedy powstaje, jakie ma zadanie itp ?
arpi
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.



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

dynamiczny, nie dymaniczny oneeyedsmiley02.png
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.