poniedziałek, 23 lutego 2015

Skrypty.

<body onLoad="alert('Cześć! Miło, że odwiedziłeś moją stronę')">
<h1><center>
Moja strona www
</h1></center>
</body>
</html>



<body onOnLoad="alert('Cześć! Miło, że odwiedziłeś moją stronę')">

<h1><center>
Moja strona www
</h1></center>
</body>

</html>



<body>

<script type="text/javascript">
function drukuj ()
{
windows.print();
}
</script>
<buttom onClick="drukuj()">drukuj strone</buttom>
</body>

</html>



<body>


<body>

<h2><center>
<P onMouseOver="alert('Najechałeś myszą na tekst!')">
Przykładowy tekst</P>
</h2></cente/
r>
</body>

</html>



<body>

function kolor_tla(kolor){
document.write.bgColor=kolor;
}
</script>
<p onMouseOver="kolor_tla"("green")">tlo akapitu bedzie zielone </p>
<p onMouseOver="kolor_tla"("red")">tlo akapitu bedzie czerwone</p>
<p onMouseOver="kolor_tla"("yellow")">tlo akapitu bedzie żółtę</p>
</body>

</html>




=======================================================================



<input type="button" id="prompt" value="Okienko Prompt" />


<script type="text/javascript">
    function oknoPrompt() {
    var imie = prompt('Podaj swoje imię:', 'Kartofel');
        if (imie != null) {
            alert('Witaj ' + imie);
        } else {
            alert('Anulowałeś akcję');
        }
    }

    document.getElementById('prompt').onclick = function() {
        oknoPrompt()

// Przycisk który wyświetli okno dialogowe
    }
</script>

++++++++++++++++++++++++++++++++


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="kED2">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
<script language = Javascript>
function obsluga_zdarzenia (obj){
alert ("Wybrales opcje numer"+(
obj.selectedIndex + 11));
}
</script>
</head>
<body>

<br>
<form name="lista">
<select name="songs"
size = "6"
multiple
onChange="obsuga_zdarzenia(this)">
<option> real
<option> fcb
<option> lega
<option> oppck
<option> Whpy
<option> pppp





</body>

</html>


¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤44


<form name="1">
<textarea name="Okno"
 rows ="10"
 cals="5">
 Opis strony
 </textarea>
 </form>


--------------------------------------------------------------------------------------------
Na zadanie zrobić forumularz na piątek proszę podać swoje dane :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="kED2">

  <title> [tytuł strony] </title>

  <link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">
</head>
<body>

<form action="mailto:twój_adres_poczty@domena" method="post" enctype="text/plain"><div>
<input name="Imię" /> Podaj swoje imię <br />
<input name="Nazwisko" /> Podaj swoje nazwisko 
<!-- Pole typu RADIO -->
<p>Podaj swoją płeć:</p>
<input type="radio" name="Płeć" value="Kobieta" />Kobieta
<input type="radio" name="Płeć" value="Mężczyzna" />Mężczyzna
<!-- Pole typu RADIO -->
<p>Ile masz lat?</p>
<input type="radio" name="Wiek" value="mniej niż 15" />mniej niż 15<br />
<input type="radio" name="Wiek" value="15-19" />15-19<br />
<input type="radio" name="Wiek" value="20-29" />20-29<br />
<input type="radio" name="Wiek" value="30-39" />30-39<br />
<input type="radio" name="Wiek" value="40-60" />40-60<br />
<input type="radio" name="Wiek" value="więcej niż 60" />więcej niż 60 
<!-- Pole typu CHECKBOX -->
<p>Jaką lubisz muzykę (możesz zaznaczyć więcej możliwości)?</p>
<input type="checkbox" name="Muzyka" value="Rock" />Rock<br />
<input type="checkbox" name="Muzyka" value="Heavy Metal" />Heavy Metal<br />
<input type="checkbox" name="Muzyka" value="Pop" />Pop<br />
<input type="checkbox" name="Muzyka" value="Techno" />Techno<br />
<input type="checkbox" name="Muzyka" value="Muzyka poważna" />Muzyka poważna<br />
<input type="checkbox" name="Muzyka" value="Inna" />Inna (podaj jaka):
<input name="Muzyka" />
<!-- Lista rozwijalna (typ podstawowy) z zaznaczoną opcją domyślną -->
<p>Jakiej przeglądarki internetowej używasz?</p>
<select name="Przeglądarka">
<option selected="selected">Internet Explorer</option>
<option>Netscape</option>
<option>Opera</option>
<option>Mozilla</option>
<option>Inna</option>
</select>
<!-- Lista rozwijalna (typ rozszerzony) z zaznaczoną opcją domyślną i zmniejszoną wysokością -->
<p>Jakie znasz systemy operacyjne (możesz wybrać kilka opcji trzymając klawisz Ctrl)?</p>
<select name="System operacyjny" multiple="multiple" size="3">
<option selected="selected">Dos</option>
<option>Windows</option>
<option>Linux</option>
<option>Inny</option>
</select>
<!-- Pole komentarza (o powiększonych rozmiarach oraz z tekstem domyślnym) -->
<p>Podaj swój komentarz:</p>
<textarea name="Komentarz" cols="50" rows="10">Proszę, wpisz tutaj jakiś komentarz...</textarea>
<br /><br /><br />
<!-- Przycisk WYŚLIJ -->
<input type="submit" value="Wyślij formularz" />
<!-- Przycisk WYCZYŚĆ DANE -->
<input type="reset" value="Wyczyść dane" />
</div></form>
<!-- Autorem formularza jest Jakub Szczotka! -->

</body>

</html>

-----------------------------------------------------------

Stronę w css na piątek 




Brak komentarzy:

Prześlij komentarz