|
Tytu³: Odczytywanie danych z okienek HTML Wiadomo¶æ wys³ana przez: admin Marzec 20, 2015, 09:44:21 Przyk³ad 1. Odczytaj wci¶niêcie przycisku w html. Po wci¶niêciu przycisku pojawia siê okienko Alert z napisem Adam.
<!DOCTYPE html> <html> <body> <form action=""> Username: <input type="text" id="user"><br> Password: <input type="password" id="password"><br> <FORM> <INPUT type="button" value="zolty!" name="przycisk1" onClick="document.bgColor='yellow'"> <INPUT type="button" value="czerwony!" name="przycisk2" onClick="document.bgColor='red'"> <INPUT type="button" value="domyslny" name="przycisk3" onClick="document.bgColor='white'"><br></FORM> <button id="zatwierdz" >Zatwierdz</button> </form> </body> <script type="text/javascript"> function wypisz() { var x; alert(' Adam '); } document.getElementById('zatwierdz').onclick = wypisz </script> </html> Tytu³: Odp: Odczytywanie danych z okienek HTML Wiadomo¶æ wys³ana przez: admin Marzec 20, 2015, 10:19:15 Przyk³ad 2. Zmiana koloru t³a z okienka rozwijanego.
<!DOCTYPE html> <html> <body> <form action=""> Username: <input type="text" id="user"><br> Password: <input type="password" id="password"><br></form> <form name="bgcolorForm">Zmien kolor tla: <select onChange="if(this.selectedIndex!=0) document.bgColor=this.options[this.selectedIndex].value"> <option value="powrot">domyslny kolor <option value="aaFFCC">zolty <option value="CCFFFF">niebieski <option value="11FFCC">zielony <option value="CC00CC">szary <option value="FFFFFF">bialy </select></form> <FORM> <button id="zatwierdz" >Zatwierdz</button> </form> </body> <script type="text/javascript"> function wypisz() { var x; alert(' zosta³em klikniêty! '); } document.getElementById('zatwierdz').onclick = wypisz </script> </html> Tytu³: Odp: Odczytywanie danych z okienek HTML Wiadomo¶æ wys³ana przez: admin Marzec 20, 2015, 11:19:09 Przyk³ad 3. Zmiana kolor t³a strony, po wci¶niêciu przycisku. Wersja wykorzystuj±ca skrypt javy ( konkretnie funkcjê) do zmiany t³a.
<html> <head> <script> function adam(x) {document.bgColor=x; } </script> </head> <body> <form> <input type="button" name="przycisk1" value="zolty" onclick="adam('yellow')"> <input type="button" name="przycisk2" value="zielony" onclick="adam('green')"> <input type="button" name="przycisk3" value="ciemno niebieski" onclick="adam('navy')"> <input type="button" name="przycisk4" value="czerwony" onclick="adam('red')"> <input type="button" name="przycisk5" value="fiolet" onclick="adam('pink')"> <input type="button" name="przycisk1" value="cytryna" onclick="adam('lime')"> </form> <FORM> <button id="zatwierdz" >Zatwierdz</button> </form> </body> <script type="text/javascript"> function wypisz() { var x; alert(' zosta³em klikniêty! '); } document.getElementById('zatwierdz').onclick = wypisz </script> </html> |
Polityka cookies
Darmowe Fora | Darmowe Forum