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 




Autor: o Brak komentarzy:

Na sprawdzian ked.

1.

 <p> Firma Komputerowa</p>
<input type="button" onClick="history.back()"  value="wstecz">
<input type="button"onClick="history.forward()" value="dalej">

 2.

 Dla dokumentu HTML utwórz skrypt dzięki któremu po kliknięciu przycisku data modyfikacji będzie możliwe wyświetlanie daty modyfikacji bieżącej strony internetowej. <-- string

3.

 Napisz skrypt wyświetlający całą aktualną datę w formie 16 luty 2015.
<script type="text/javascript">
data=new Date();

 document.write("Dzien miesiaca:"+data.getDate()+"<br>");
document.write("Miesiac:"+data.getMonth()+"<br>")
document.write("Rok:"+data.getYear()+"<br>");
</script>
4.

 Przygotuj prosta wizytówkę Jan Kowalski, Ul.Słoneczna 20A
34-300 Żywiec
tel:000000000 

 użyć obiektu string  

 5.

 <script language ="JavaScript">

function przetwarzaj_dane (formularz){
if(formularz.imie.value =="")
alert("A może jednak podałbyś swoje imie?");
else
alert("Cześć" +formularz.imie.value+ "! Miło Cię poznać");
}
</script>
</head>
<body>

 <h2>
<form name="formularz1">
Podaj nam swoje imię:
<br>
<input type="text"NAME="imie">
<br><br>
<input type="button" Value="Kliknij tutaj" onClick ="przetwarzaj_dane(this.form)">
</h2>
<!-- tutaj wstaw tresc strony -->

 </body>

</html>
6.
<script language ="JavaScript">

function logowanie(formularz){
if(formularz.login.value=="kuba"&formularz.pass.value=="123"){

window.location.replace("strona.html")
}
else
{
window.location.replace("");
}
}

</script>

<form name="formularz1">
Podaj nam swoje imię:
<br>
Login:<input type="text"NAME="imie">
<br><br>
Haslo:<input type="password"NAME="pass"> <br>
<input type="button" value="logowanie" onClick="logowanie(this.form)">
</form>

 7.

  <link rel="stylesheet" href=" style.css " type="text/css">
</head>
<body>

 <div id="pudlo">
<div id="logo">Logo</div>
<div id="menu">
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
<a href="">link</a>
</div>
<div id="tresc">
tresc strony
</div>
<div id="stopka"><div>
</div>

 </body>
</html>

 STYLE V

 body{

 margin:0;
padding:0;
text-align:center;
}

 #pudlo{
margin:auto;
width:800px;
}
#logo{
height:100px;
background-color:gray;
}
#menu{

 background-color:orange0;

}
#tresc{
background-color:#789ad8;
height:400px;
}
#stopka{

 background-color:#a8a8a8;
height:200px;
}



8.




Autor: o Brak komentarzy:
Subskrybuj: Komentarze (Atom)