Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript]Onclick na nieaktywnym elemencie
qrzysztof
post
Post #1





Grupa: Zarejestrowani
Postów: 220
Pomógł: 19
Dołączył: 25.04.2009

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

Mam formularz a w nim dwa elementy typu radio.

Elementy radio są nieaktywne (disabled). Mam ustawione onclicki na tych elementach oraz na całym formularzu. Potrzebuję żeby obszar, na którym te elementy radio się znajdują:

1) reagował na kliknięcie myszką,
2) nie chcę natomiast żeby użytkownik miał możliwość zaznaczania tych elementów.

Jak ich nie zablokuję to onclick zadziała, ale będzie można je dowolnie zaznaczać. Jak zablokuję to onclick nie działa i do tego "zasłaniają" formularz (choć niby powinny być jego częścią) i nie działa w tym miejscu również onclick formularza.

Da się to jakoś sprytnie rozwiązać, czy nie ma na to rady i tak musi już być?
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

W funkcji którą wywołujesz po onClick.
[JAVASCRIPT] pobierz, plaintext 
  1.  
  2. if( obj.getAttribute( 'disabled' )) == 'disabled' ) return;
  3.  
[JAVASCRIPT] pobierz, plaintext

obj to oczywiście przekazany obiekt.
Go to the top of the page
+Quote Post
qrzysztof
post
Post #3





Grupa: Zarejestrowani
Postów: 220
Pomógł: 19
Dołączył: 25.04.2009

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

Nie bardzo rozumiem. W funkcji, którą mam w onclicku tego elementu radio mam to umieścić?

Onclick przecież i tak się nie wykona jeśli elemennt jest nieaktywny (disabled).
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

Cytat(qrzysztof @ 18.01.2010, 15:31:36 ) *
Nie bardzo rozumiem. W funkcji, którą mam w onclicku tego elementu radio mam to umieścić?

Onclick przecież i tak się nie wykona jeśli elemennt jest nieaktywny (disabled).


Kurna sorki, przeczytałem jeszcze raz twój 1 post i nadal nie bardzo kumam co chcesz osiągnąć.
Go to the top of the page
+Quote Post
qrzysztof
post
Post #5





Grupa: Zarejestrowani
Postów: 220
Pomógł: 19
Dołączył: 25.04.2009

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

Nie chcę, żeby nie było reakcji na myszkę gdy są disabled - tak jest domyślnie.

Chcę na odwrót - żeby reakcja była gdy są disabled.

Ewentualna alternatywa jest taka, że nie muszą być disabled, ale nie powinno być wtedy możliwości ich zaznaczania.
Go to the top of the page
+Quote Post
bastard13
post
Post #6





Grupa: Zarejestrowani
Postów: 664
Pomógł: 169
Dołączył: 8.01.2010
Skąd: Kraków

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

To zrób coś takiego:
[HTML] pobierz, plaintext 
  1. <span onclick="działanie"><input type="radio" disabled="disabled" /></span>
[HTML] pobierz, plaintext

i już po problemie.
OnClick działa, a radio jest nieaktywne.
Go to the top of the page
+Quote Post
qrzysztof
post
Post #7





Grupa: Zarejestrowani
Postów: 220
Pomógł: 19
Dołączył: 25.04.2009

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

To niestety nie działa. Tak jak "zasłaniały" te elementy radio formularz, tak samo "zasłaniają" spana.
Go to the top of the page
+Quote Post
bastard13
post
Post #8





Grupa: Zarejestrowani
Postów: 664
Pomógł: 169
Dołączył: 8.01.2010
Skąd: Kraków

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

Rzeczywiście:)
Ale przy przycisku zawsze masz jakiś tekst i jak on również znajdzie się w spanie to już po kłopocie.
Go to the top of the page
+Quote Post
kefirek
post
Post #9





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

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

Można też tak
[JAVASCRIPT] pobierz, plaintext 
  1. <html> 
  2. <head> 
  3. <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){ 
  6.  $("#click").click(function(){
  7. alert('test');
  8. $(this).attr('checked', false);
  9.  
  10.  });    
  11. });  
  12. </script> 
  13. </head> 
  14. <body> 
  15. <input id="click" type="radio"/>
  16. </body> 
  17. </html>
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
qrzysztof
post
Post #10





Grupa: Zarejestrowani
Postów: 220
Pomógł: 19
Dołączył: 25.04.2009

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

Cytat(bastard13 @ 18.01.2010, 20:11:13 ) *
Rzeczywiście:)
Ale przy przycisku zawsze masz jakiś tekst i jak on również znajdzie się w spanie to już po kłopocie.

Tekst mam w <label> i tak musi zostać. Próbowałem w spanie, próbowałem w divie i nie działa.

Rozwiązanie kefirka pewnie skuteczne, tyle że szkoda mi taki duży plik ładować dla tego. Coś sprytniejszego by się przydało.
Go to the top of the page
+Quote Post
lukaszgolder
post
Post #11





Grupa: Zarejestrowani
Postów: 141
Pomógł: 17
Dołączył: 2.04.2008
Skąd: z Zabrza

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

Jaka jest idea dodawania inputów w które nie można klikać? Nie możesz zrobić diva "input - radio" podobnego?

Ten post edytował lukaszgolder 19.01.2010, 00:56:31
Go to the top of the page
+Quote Post
qrzysztof
post
Post #12





Grupa: Zarejestrowani
Postów: 220
Pomógł: 19
Dołączył: 25.04.2009

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

W nie można klikać, to tylko jeden z ich stanów.

Najpierw są klikalne, ale po wybraniu opcji robią się nieaktywne i zaczyna się kilkusekundowe odliczanie, które pokazuje prawidłową opcję (jeśli została wybrana zła). W tym momencie drugie kliknięcie powinno przerwać odliczanie i przenieść usera do następnej strony. Tymczasem na to drugie kliknięcie nie ma w obrębie tych elementów radio reakcji. Reakcję taką z łatwością można uzyskać na <label> i na samym formularzu (ale nie pod elementami radio) natomiast ludzie najczęściej klikają w "kółeczka".

Ten post edytował qrzysztof 19.01.2010, 08:51:44
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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

RSS Aktualny czas: 23.08.2025 - 07:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn