Centar za edukaciju-BiH


switch Lista naslova: Korisni primjeri

#11 05.02.2015 14:21
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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):
  1. <title>Primjer forme</title>
  2. </head>
  3. <h2>Forma primjer</h2>
  4. <hr>
  5. <form name="primjer2-a" method="get" action="unos.php">
  6. <label>Ime</label>
  7. <input name="ime" type="text" >
  8. <label>Prezime</label>
  9. <input name="prezime" type="text" >
  10. <br>
  11. <input name="submit" type="submit" value="Zapisi">
  12. </form>
  13. </body>
  14. </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
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#12 11.02.2015 23:20
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#13 15.02.2015 17:07
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 15.02.2015 17:08 od strane zxz. ↑  ↓

#14 28.02.2015 13:36
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


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):
  1. </head>
  2. <div style="float:left; margin-right:15px; width:150px; margin-top: 20px">
  3.         <ul  id="verticalspymenu" class="shadowblockmenu-v">
  4.         <li><a href="#para1">Paragraf1</a></li>
  5.         <li><a href="#para2">Paragraf2</a></li>
  6.         <li><a href="#para3">Paragraf3</a></li>
  7.         <li><a href="#para4">Paragraf4</a></li>
  8.         </ul>
  9. <br />
  10. </div>
  11.  
  12. <div id="container" style="width:500px; height:200px; overflow-y:scroll;
  13. border:1px solid gray; font:bold 18px Arial; float:left; background:green;
  14. position:relative; margin-top: 20px">
  15.         <p id="para1" style="height:400px; background:#d5e9b2">Nekakav tekst u paragrafu1</p>
  16.         <p id="para2" style="height:600px; background:#f7de90">Tekst u paragrafu 2</p>
  17.         <p id="para3" style="height:700px; background:#9af5ed">Tekst u paragrafu 3</p>
  18.         <p id="para4" style="height:500px; background:#fbd0e3">Tekast u paragrafu4</p>
  19. </div>
  20. </body>
  21. </html>

Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (2):1,2


Sva vremena su GMT +01:00. Trenutno vrijeme: 12: 53 pm.