onclick - Kurs HTML i CSS
Formularze HTML / Pole wyboru <input "checkbox">...nie udostępnia takich możliwości, jednak problem daje się łatwo rozwiązać za pomocą JavaScript: <input type="checkbox" name="nazwa" value="wartość" onclick="this.form.elements['nazwa2'].disabled = !this.checked"> <input type="text" name="nazwa2" disabled> Przykład <input "checkbox" onclick> Po wybraniu opcji, pole tekstowe zostanie odblokowane: Możliwe jest również odblokowanie kilku pól naraz (dowolnych typów): <input type="checkbox" name="nazwa" value="wartość...
Przeglądarka zdjęć...<div class="zdjecia_menu">' + '<input type="button" name="poczatek" value="|<<"' + (nr == 0 ? ' disabled' : '') + ' title="Początek" onclick="' + this.id + '.wyswietl(0)" onkeypress="' + this.id + '.wyswietl(0)">' + '<input type="button" name="wstecz" value=" << "' + (nr == 0 ? ' disabled' : '') + ' title="Wstecz" onclick="' + this.id + '.wyswietl(this.form.elements[\'zdjecia\'].selectedIndex - 1)" onkeypress="' + this.id...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...{ el.onmouseover = function() { clearTimeout(this._dt._timoutID); this._dt._displayed = false; this._dt.onclick(); } el.onmouseout = function() { clearTimeout(this._dt._timoutID); var dt = this._dt; this._dt._timoutID = setTimeout(function () { dt._displayed = true; dt.onclick(); }, czasZamknij); }; } dd[dd.length] = el; } el = el.nextSibling; }...
- Komendy HTML 4.01 / Zdarzenia
...są często używane w połączeniu z formularzami, których kontrolki (pola) służą do wprowadzania danych i wyprowadzania wyników. Przykład <input onclick> Po wpisaniu: <input type="button" value="Kliknij tutaj!" onclick="window.alert('To jest właśnie obsługa zdarzenia, jakim było kliknięcie myszką na przycisku.')"> Otrzymamy: Jak widać aby obsłużyć zdarzenie, należy podać w składni polecenia, czynności które mają zostać wykonane. Najczęściej stosuje się tutaj odwołanie do funkcji...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...</option>'); } document.write( '</select></div>' + '<input type="submit" value="Wyświetl" class="button" onclick="this.form.submit()"> <input type="button" value="Szukaj" onclick="' + this.id + '.szukaj()" class="button">' + '</form>' + '<div id="' + this.id + '_szukaj"></div>' ); var matches = window.location.search.match(new RegExp('[?&]' + this.id + '=([^&]+)')); if (matches && typeof matches[1] != 'undefined')...
- Skórki
...nie musieli wybierać w ciemno 🙂 Zmiana skórki będzie się sprowadzała do wstawienia specjalnego odsyłacza: <a href="javascript:void(0)" onclick="skin.set('/style.css'); return false"><img src="zrzut ekranu" alt="Nazwa skórki" border="0"></a> /style.css Lokalizacja arkusza stylów skórki. zrzut ekranu Obrazek ze zrzutem ekranu skórki. Oczywiście w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla przeglądarek niegraficznych...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...aby po kliknięciu odnośnika zmieniła się zawartość dwóch (lub więcej) ramek, można w tym celu użyć JavaScriptu: <a href="javascript:void(0)" onclick="parent.nazwaramki1.location.href = 'adres1.html'; parent.nazwaramki2.location.href = 'adres2.html'; return false">...</a> gdzie "nazwaramki1" i "nazwaramki2" to wartości atrybutów name="..." nadane znacznikom IFRAME. Natomiast "adres1.html" oraz "ades2.html" to adresy (lub względne ścieżki dostępu) stron, które chcemy wczytać do...
- Formularze HTML / Przycisk <button>
...na ekranie pojawi się przycisk, po kliknięciu którego nie nastąpi żadna akcja. Aby to zmienić, należy przechwycić wygenerowane zdarzenie onclick. Jeśli przycisk posiada atrybut name="...", jego wartość powinna zostać wysłana razem z formularzem. W przypadku wstawienia kilku takich przycisków, oprócz standardowych pól z formularzem powinna być wysłana wartość tylko tego przycisku, który został kliknięty. UWAGA! Element BUTTON nie może zawierać znaczników: A, INPUT, SELECT...
- Komendy HTML 4.01 / Wykaz atrybutów
...BUTTON, INPUT, LABEL, SELECT, TEXTAREA Element utracił zogniskowanie onchange INPUT, SELECT, TEXTAREA Wartość elementu została zmieniona onclick Wszystkie elementy oprócz APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE Kliknięcie myszki ondblclick Wszystkie elementy oprócz APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE Podwójne...
- Komendy HTML 4.01 / DT
...(np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Zdarzenia: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający: opcjonalny