zxz 05.02.2015 15:21
Predmet:Forma primjer

HTML forme koristimo za unos podataka odnosno upisivanje podataka na server.
HTML forma može sadržavati ulazne elemente kao Å¡to je okvir za unos teksta, okvir za unos zaporke, polja potvrde, kružići opcija, gumb poÅ¡alji (engl. submit) ili vrati na početno stanje (engl. reset).
Forma može također sadržavati padajući popis, polje za unos teksta (engl. text area) ili opis (engl. label).

Unutar elementa <form> unosimo elemente forme.
Elementi forme omogućuju korisniku da unese neke informacije (tekstualna polja, polja za unos teksta, padajući meniji, potvrdni okviri (check box), itd.)
Forma je definirana tagom <form>.
Atribut method definira način prijenosa parametara unesenih u formi.
Imamo dva nacina-metoda i to:
-GET i
-POST
Metod get dodaje podatke URL-u koji ih prosledjuje serveru. Duzinu URL-a ogranicava klijent.
Nije pogodan za slanje velike kolicine podataka.

Drugi nacin-metod slanja podataka je POST.

Sledeci atribut je action:
Atribut action definira stranicu na koja će se pozvati po zavrÅ¡etku unosa odnosno na klik taster sumbit koji treba biti dio forme.
Tag input definira elemente forme.
Tip unosa definiran je atributom type.

Primjer:
PreuzmiIzvorni kôd (HTML):
  3. <title>Primjer forme</title>
  4. </head>
  6. <h2>Forma primjer</h2>
  7. <hr>
  8. <form name="primjer2-a" method="get" action="unos.php">
  9. <label>Ime</label>
  10. <input name="ime" type="text" >
  11. <label>Prezime</label>
  12. <input name="prezime" type="text" >
  13. <br>
  14. <input name="submit" type="submit" value="Zapisi">
  15. </form>
  16. </body>
  17. </html>
Ovo gore zapisite kao html:
PreuzmiIzvorni kôd (PHP):
  1. <?php
  2. echo "Pozdrav " . $_GET["ime"]. " ". $_GET[prezime];
  3. ?>
a ovo zapisite pod imenom unos.php

zxz 12.02.2015 00:20
Predmet:Procedura na on load stranice

PreuzmiIzvorni kôd (HTML):
  3. <script language="javascript" type="text/javascript">
  4. function MojaProcedura() {
  5.     alert("Pozdrav i dobro dosli!");
  6. }
  8. <title>Procedura na on load</title>
  9. </head>
  10. <body onload="MojaProcedura()">
  11. Nesto na stranici
  12. </body>
  13. </html>

zxz 15.02.2015 18:07
Predmet:Google pretraga

PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Gogole pretraga</TITLE>
  4. </HEAD>
  7. <FORM method=GET action="http://www.google.com/search">
  8. <TABLE bgcolor="#FFFFFF"><tr><td>
  9. <A HREF="http://www.google.com/">
  10. <IMG border="0" SRC="http://www.google.com/logos/Logo_40wht.gif" <br></A>
  11. <INPUT TYPE=text name=q size=31 maxlength=255 value="">
  12. <INPUT TYPE=hidden name=hl value="en">
  13. <INPUT type=submit name=btnG VALUE="Trazi na google">
  14. </td></tr></TABLE>
  15. </FORM>
  17. <span></a></font>
  18. </BODY>
  19. </HTML>

zxz 28.02.2015 14:36
Predmet:Skok na odredjeni odjeljak

Skakanje na odredjeni paragraf u kontroli tekst area.
Ovo je zgodno ako imate malo vise teksta pa mozete imati sa strane ili odozgo meni za skok na odredjeni odjeljak.
PreuzmiIzvorni kôd (HTML):
  4. </head>
  6. <div style="float:left; margin-right:15px; width:150px; margin-top: 20px">
  7.         <ul  id="verticalspymenu" class="shadowblockmenu-v">
  8.         <li><a href="#para1">Paragraf1</a></li>
  9.         <li><a href="#para2">Paragraf2</a></li>
  10.         <li><a href="#para3">Paragraf3</a></li>
  11.         <li><a href="#para4">Paragraf4</a></li>
  12.         </ul>
  13. <br />
  14. </div>
  15.  
  16. <div id="container" style="width:500px; height:200px; overflow-y:scroll;
  17. border:1px solid gray; font:bold 18px Arial; float:left; background:green;
  18. position:relative; margin-top: 20px">
  19.         <p id="para1" style="height:400px; background:#d5e9b2">Nekakav tekst u paragrafu1</p>
  20.         <p id="para2" style="height:600px; background:#f7de90">Tekst u paragrafu 2</p>
  21.         <p id="para3" style="height:700px; background:#9af5ed">Tekst u paragrafu 3</p>
  22.         <p id="para4" style="height:500px; background:#fbd0e3">Tekast u paragrafu4</p>
  23. </div>
  24. </body>
  25. </html>