Odczytywanie danych z okienek HTML

admin

Administrator
Ekspert

Wiadomości: 821

Odczytywanie danych z okienek HTML

« : 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>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Odczytywanie danych z okienek HTML

« Odpowiedz #1 : 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>


	Zapisane

admin

Administrator
Ekspert

Wiadomości: 821

Odp: Odczytywanie danych z okienek HTML

« Odpowiedz #2 : 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>


	Zapisane

Strony: [1]

Drukuj

« poprzedni następny »