[JQUERY] Klikanie w dany element i wyświetlenie jego klasy Opcje

[ZenekN]

Cześć od kilku dni uporczywie spamuje forum

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.

Ten post edytował ZenekN 3.04.2015, 14:03:59

[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ć

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ę.

[PHP] pobierz, plaintext 
$("div.danetechniczne').click(function(){
 
tutaj działa this
 
 
})
 
ale poza oknem, dla zdarzenia klik już nic się nie dzieje
 
 
a ja chcę aby poza oknem zrób coś a w obszarze $("div.danetechniczne').click(function(){ nie rób nic })
 
[PHP] pobierz, plaintext 

Ten post edytował ZenekN 3.04.2015, 14:57:51

[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

[PHP] pobierz, plaintext 
$(".seria").mouseup(function(e){
 
     e.stopPropagation();
});
 
 
$(document).mouseup(function(){
   $('.seria'+prod).removeClass('seria');
$('.seria'+prod).empty();
});
[PHP] pobierz, plaintext 

Dzięki mouseup, gdy klikniemy w scrollbar i przewiniemy w dół okno również się zamknie

Ten post edytował ZenekN 3.04.2015, 15:37:07