Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JQUERY] Klikanie w dany element i wyświetlenie jego klasy
Forum PHP.pl > Forum > Po stronie przeglądarki
ZenekN
Cześć od kilku dni uporczywie spamuje forum biggrin.gif

Poszukuję wskazówki jak zrobić gdy kliknę w dowolny element załadowanej strony w oknie, to otrzymam atrybut klasy w alercie.

alert( $(this).attr('class') );

a jak nie przypisana żadna klasa to undefined.
trueblue
Z czym właściwie masz problem?
ZenekN
Chciałbym uzyskać podobny efekt jak na tej stronie
https://www.tim.pl/kable-i-przewody/

Gdy klikniemy w anchor "dane techniczne" wyświetla nam się okno z danymi technicznymi danego produktu,
dalej gdy klikniemy wszędzie oprócz wyświetlonego okna, zamknie się.

I tutaj chciałbym wiedzieć jak to zrobić smile.gif

Czyli jeśli klikniemy wszędzie oprócz wyświetlonego okna z danymi technicznymi okno z danymi technicznymi się zamknie.
trueblue
Bardzo podobny przykład, ale tu jest lightbox. Dodatkowo bez użycia JS.
http://codepen.io/gschier/pen/HCoqh
ZenekN
Nie za bardzo mi to mówi

ponieważ na pozimie this, tego okna wiem jak wykonywać ewenty ale poza nim nie umiem, czyli w drugą stronę.

  1. $("div.danetechniczne').click(function(){
  2.  
  3. tutaj działa this
  4.  
  5.  
  6. })
  7.  
  8. ale poza oknem, dla zdarzenia klik już nic się nie dzieje
  9.  
  10.  
  11. a ja chcę aby poza oknem zrób coś a w obszarze $("div.danetechniczne').click(function(){ nie rób nic })
  12.  
trueblue
Podałem Ci przykład bez użycia JavaScript. Miniatura, to Twój wyzwalacz (link "dane techniczne"), powiększenie to ramka z danymi technicznymi. Wystarczy adoptować przykład to swoich potrzeb.

Ale jeśli bardzo chcesz użyć do tego JavaScript, to: http://stackoverflow.com/a/7385673
ZenekN
pięknie dziękuję
<a href="http://jsfiddle.net/C8FJP/2/" target="_blank">http://jsfiddle.net/C8FJP/2/</a>

oto mi chodziło, robiłem coś podobnego ale coś nie wychodziło smile.gif

  1. $(".seria").mouseup(function(e){
  2.  
  3. e.stopPropagation();
  4. });
  5.  
  6.  
  7. $(document).mouseup(function(){
  8. $('.seria'+prod).removeClass('seria');
  9. $('.seria'+prod).empty();
  10. });


Dzięki mouseup, gdy klikniemy w scrollbar i przewiniemy w dół okno również się zamknie
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.