Forum PHP.pl

Forum PHP.pl > Forum > Przedszkole

Reply to this topic

Start new topic

[JavaScript] onclick cały div

sannin Zobacz profil	20.04.2009, 23:30:40 Post #1
Grupa: Zarejestrowani Postów: 308 Pomógł: 13 Dołączył: 31.10.2008 Ostrzeżenie: (0%)	Witam, w divie dałem sobie zdarzenie onclick, reaguje ono na całym divie. Chiałbym aby tak działało z wyłączenie inputów (jesli na nie klikne nie zadziała onclick), da się tak zrobić ?

AdIoS_Neo Zobacz profil	21.04.2009, 00:55:23 Post #2
Grupa: Zarejestrowani Postów: 159 Pomógł: 43 Dołączył: 8.03.2009 Ostrzeżenie: (0%)	Opisz dokładniej problem bo nie za bardzo rozumiem o co Ci chodzi.

sannin Zobacz profil	21.04.2009, 08:58:36 Post #3
Grupa: Zarejestrowani Postów: 308 Pomógł: 13 Dołączył: 31.10.2008 Ostrzeżenie: (0%)	Chodzi o to że mamy coś takiego: [HTML] pobierz, plaintext <div onclick="alert('test');"> <form> <input type="submit" name="aa"> </form> </div> [HTML] pobierz, plaintext W takim układzie jeżeli kliknę na inputa zostanie wyświetlony alert, a mi chodzi o to żeby się nie wyświetlał.

piotrooo89 Zobacz profil	21.04.2009, 09:40:23 Post #4
Newsman Grupa: Moderatorzy Postów: 4 005 Pomógł: 548 Dołączył: 7.04.2008 Skąd: Trzebinia/Kraków	to dodaj dla inputa onclick... -------------------- Manual nie boli! Profesjonalne Call Center Ouzo Framework

sannin Zobacz profil	21.04.2009, 09:45:17 Post #5
Grupa: Zarejestrowani Postów: 308 Pomógł: 13 Dołączył: 31.10.2008 Ostrzeżenie: (0%)	Próbowałem tak, wtedy najpierw wykonuje onclick dla inputa, a potem dla diva :/

piotrooo89 Zobacz profil	21.04.2009, 09:46:28 Post #6
Newsman Grupa: Moderatorzy Postów: 4 005 Pomógł: 548 Dołączył: 7.04.2008 Skąd: Trzebinia/Kraków	to ty jak w końcu chcesz? usuń onclick z diva i będziesz miał tylko dla inputa. -------------------- Manual nie boli! Profesjonalne Call Center Ouzo Framework

nospor Zobacz profil	21.04.2009, 09:49:23 Post #7
Grupa: Moderatorzy Postów: 36 557 Pomógł: 6315 Dołączył: 27.12.2004	@piotroo no przeciez napisal wyraźnie: Cytat Chiałbym aby tak działało z wyłączenie inputów @sannin daj dla inputa: onclick="return false;" powinno pomoc -------------------- *"Myśl, myśl, myśl..."* - Kubuś Puchatek \|\| *"Manual, manual, manual..."* - Kubuś Programista *"Szukaj, szukaj, szukaj..."* - Kubuś Odkrywca \|\| *"Debuguj, debuguj, debuguj..."* - Kubuś Developer

pi_wo Zobacz profil	21.04.2009, 09:58:47 Post #8
Grupa: Zarejestrowani Postów: 36 Pomógł: 6 Dołączył: 18.03.2009 Ostrzeżenie: (0%)	Generalnie nie wiem czy da się ograniczyć wywołanie funkcji wybiórczo dla poszczególnych elementów DIV'a. Wydaje mi się, że parametr onclick jest "dziedziczony" przez całą treść, czyli wszystkie obiekty zawarte w tym DIV'ie (nie myl tego przypadkiem z dziedziczeniem w językach programowania). Można to jednak obejść na kilka sposobów. Np fizycznie przykryć inputy wyższymi elementami (css position). Można też wpłynąć na treść samej funkcji i określić jej zachowanie wg wskazanych warunków. Ja wykorzystałem i zmodyfikowałem event-handler znaleziony na necie: [HTML] pobierz, plaintext <html> <script type='text/javascript' LANGUAGE="JavaScript"> var ostatni_node_pod_mysza = ""; function node_pod_mysza(mEvent) { // Internet Explorer if (mEvent.srcElement) { ostatni_node_pod_mysza = mEvent.srcElement.nodeName; } // Netscape and Firefox else if (mEvent.target) { ostatni_node_pod_mysza = mEvent.target.nodeName; } } function test(){ if(ostatni_node_pod_mysza == "INPUT") alert("To jest INPUT więc nie działam"); else alert("Teraz działam..."); } </script> <body onMouseDown="node_pod_mysza(event);"> <div onclick="test();"> tresc tresc tresc tresc tresc tresc<br> <input id="blabla" value="blablabla"><br> tresc tresc tresc tresc tresc tresc<br> </div> </body> </html> [HTML] pobierz, plaintext Pewnie znajdzie się jakieś prostsze rozwiązanie... ale mi nic bardziej eleganckiego nie przychodzi do głowy. Ten post edytował pi_wo 21.04.2009, 10:01:40

sannin Zobacz profil	21.04.2009, 09:58:52 Post #9
Grupa: Zarejestrowani Postów: 308 Pomógł: 13 Dołączył: 31.10.2008 Ostrzeżenie: (0%)	Cytat(nospor @ 21.04.2009, 10:49:23 ) @sannin daj dla inputa: onclick="return false;" powinno pomoc Niestety nie działa edit: zadziałało w ten sposób że ten input nie wysyła formy... Ten post edytował sannin 21.04.2009, 10:01:14

nospor Zobacz profil	21.04.2009, 10:02:09 Post #10
Grupa: Moderatorzy Postów: 36 557 Pomógł: 6315 Dołączył: 27.12.2004	http://www.quirksmode.org/js/introevents.html Cytat Finally, you have to decide whether you want the events to bubble up. If you don’t want that to happen, stop the propagation of the event. function doSomething(e) { if (!e) var e = window.event // handle event e.cancelBubble = true; if (e.stopPropagation) e.stopPropagation(); } -------------------- *"Myśl, myśl, myśl..."* - Kubuś Puchatek \|\| *"Manual, manual, manual..."* - Kubuś Programista *"Szukaj, szukaj, szukaj..."* - Kubuś Odkrywca \|\| *"Debuguj, debuguj, debuguj..."* - Kubuś Developer

sannin Zobacz profil	21.04.2009, 10:14:15 Post #11
Grupa: Zarejestrowani Postów: 308 Pomógł: 13 Dołączył: 31.10.2008 Ostrzeżenie: (0%)	Rozumiem że muszę teraz dać warunek w który inputy będą ignorowane ? W jaki sposób to wykryć ?

osl Zobacz profil	21.04.2009, 10:17:06 Post #12
Grupa: Zarejestrowani Postów: 260 Pomógł: 41 Dołączył: 6.04.2009 Skąd: Gdańsk/okolice Ostrzeżenie: (0%)	podsumuj to co koledzy wyżej napisali: potrzebujesz dodać do inputa zdarzenie onclick, a kod tego zdarzenia powinien się opierać na tym co napisał nospor. ta funkcja nie musi robić nic więcej, poza właśnie przechwyceniem kliknięcia i nie przekazywania go dalej.

sannin Zobacz profil	21.04.2009, 10:19:40 Post #13
Grupa: Zarejestrowani Postów: 308 Pomógł: 13 Dołączył: 31.10.2008 Ostrzeżenie: (0%)	Wiem, tylko że znamm tylko mierne podstawy JavaScript i nie wiem jak sprawdzić czy kliknięto input

pi_wo Zobacz profil	21.04.2009, 10:25:41 Post #14
Grupa: Zarejestrowani Postów: 36 Pomógł: 6 Dołączył: 18.03.2009 Ostrzeżenie: (0%)	Że tak bezczelnie zaflooduje, sprawdziłeś moje rozwiązanie ? Rozwijając to co napisałem wyżej: [HTML] pobierz, plaintext function test(){ if(ostatni_node_pod_mysza != "INPUT"){ //Działam tylko gdy ostatni kliknięty objekt nie był inputem //i dalej co tam ta funkcja ma robić } } [HTML] pobierz, plaintext

osl Zobacz profil	21.04.2009, 10:27:51 Post #15
Grupa: Zarejestrowani Postów: 260 Pomógł: 41 Dołączył: 6.04.2009 Skąd: Gdańsk/okolice Ostrzeżenie: (0%)	sannin, chyba się zakręciłeś troche wrzuć [HTML] pobierz, plaintext <input type="text" onclick="doSomething(event)" /> [HTML] pobierz, plaintext i użyj funkcji podesłanej przez nospor Ten post edytował osl 21.04.2009, 10:28:44

sannin Zobacz profil	21.04.2009, 10:37:33 Post #16
Grupa: Zarejestrowani Postów: 308 Pomógł: 13 Dołączył: 31.10.2008 Ostrzeżenie: (0%)	Dzięki za pomoc już działa

« Następny starszy · Przedszkole · Następny nowszy »

Reply to this topic

Start new topic

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

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

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

Aktualny czas: 21.08.2025 - 20:01

Powered By IP.Board © 2025 IPS, Inc.
All changes by PHP.pl Administrators

Hosting zapewnia

NQ.pl hosting, trac, svn