BiH


switch Lista naslova:

#1 11.12.2011-11:09
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: Mali trikovi HTML-a*
Kako izraditi isprekidanu liniju:
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <hr style="border:dashed #D4D0C8; border-width:1px 0 0; height:0;">
  5. </BODY>
  6. </HTML>

Pozdrav
Ovaj komentar je mijenjan 1 puta. zadnja izmjena 03.05.2020-10:49 od strane zxz. ↑  ↓

#2 11.12.2011-11:13
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: Kako procentualno ograniciti duzinu input Text
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4.  <INPUT tabindex="1" TYPE="text"name="nekoime"  style="width: 50%;"/>
  5. </BODY>
  6. </HTML>

Pozdrav
↑  ↓

#3 11.12.2011-11:37
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: Auto skrol u text area
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. <script type="text/javascript">
  4. function scrollBox()
  5. {
  6. var elem = document.getElementById('prozor');
  7. elem.scrollTop = elem.scrollHeight;
  8. }
  9. </head>
  10. </HEAD>
  11. <TEXTAREA COLS="35" ROWS="5" Name="prozor">
  12.  Cesto puta treba da se skrol sam pomakne do kraja teksta pogotovo ako taj tekst upisujemo ili prenosimo
  13.  odnekud. To uglavnom opet radimo pomocu nekog tastera.
  14.  Takav primjer je i ovdje.
  15. <div>
  16. <INPUT TYPE="submit" onclick="scrollBox()" VALUE="Idi na kraj">
  17. </div>
  18. </BODY>
  19. </HTML>

Pozdrav
↑  ↓

#4 06.02.2015-11:35
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: Dialog box open
DownloadIzvorni kod (HTML):
  1. <TITLE>Browse taster</TITLE>
  2. </HEAD>
  3.  <FORM>
  4.  <INPUT TYPE="file" NAME="imeElementa">
  5.  </FORM>
  6. </BODY>
  7. </HTML>

Pozdrav
↑  ↓

#5 09.02.2015-09:15
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: Tablica malo drugacije
DownloadIzvorni kod (HTML):
  1. thead {color:green;}
  2. tbody {color:blue;}
  3. tfoot {color:red;}
  4.  
  5. table, th, td {
  6.     border: 1px solid black;
  7. }
  8. <TITLE>Tablica</TITLE>
  9. </HEAD>
  10.  
  11.   <thead>
  12.     <tr>
  13.       <th>Naziv</th>
  14.       <th>Iznos</th>
  15.     </tr>
  16.   </thead>
  17.   <tfoot>
  18.     <tr>
  19.       <td>Ukupno</td>
  20.       <td>50KM</td>
  21.     </tr>
  22.   </tfoot>
  23.   <tbody>
  24.     <tr>
  25.       <td>Brasno</td>
  26.       <td>20KM</td>
  27.     </tr>
  28.     <tr>
  29.       <td>Secer</td>
  30.       <td>30KM</td>
  31.     </tr>
  32.   </tbody>
  33.  
  34. </BODY>
  35. </HTML>

Pozdrav
↑  ↓

#6 14.07.2019-22:42
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Ocjena: Ocjena:100 Subject: Link na i submit zajedno
Nekad nam zatreba da se link ponasa kao submit odnosno da nam iscita nas kod.
Mozemo to rijesiti na sledeci nacin:
<input value="Pokreni" type="submit" formaction="index.php" />
Pozdrav
↑  ↓

#7 14.07.2019-22:48
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Ocjena: Ocjena:100 Subject: Submit i alt
Ukoliko zelimo da na nas dugmic postavimo neku sliku a ujedno da nam on bude i submit onda to mozemo iizvesti ovako:
<input type="image" src="neka_slika.gif" alt="Submit" width="50" height="50">
Pozdrav
↑  ↓

#8 25.09.2019-23:12
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: Text box sa listom
DownloadIzvorni kod (HTML):
  1. <TITLE>Title of your page</TITLE>
  2. </HEAD>
  3. <input type="text" list="text_editor">
  4. <datalist id="text_editor">
  5.     <option value="Autocad"></option>
  6.     <option value="Notepad ++"></option>
  7.     <option value="Exel"></option>
  8.     <option value="Wordpad"></option>
  9. </datalist>
  10. </BODY>
  11. </HTML>

Pozdrav
↑  ↓

#9 25.09.2019-23:32
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: kolor piker
DownloadIzvorni kod (HTML):
  1. <TITLE>Title of your page</TITLE>
  2. </HEAD>
  3. Odaberi boju <input id="color_picker" type="color" onchange="showHex();">
  4. </BODY>
  5. </HTML>

Pozdrav
↑  ↓

#10 03.05.2020-11:21
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: enctype
Ako e-mail poruka generisana iz obrasca ne izgleda dobro, tj. ako su sve vrijednosti spojene u jedan red,
koristi se argument enctype, kao u primjeru:
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <form action="mailto:someone@example.com" method="post" enctype="text/plain">
  5. Opcije  enctype:<br>
  6. 1. enctype="application/x-www-form-urlencoded"
  7. <ul>Svi znakovi se kodiraju prije slanja (razmaci se pretvaraju u '+' simbole, a posebni znakovi se pretvaraju u ASCII HEX vrijednosti)</ul>
  8. 2.enctype="multipart/form-data"
  9. <ul>Nijedan znak nije kodiran. Ova vrijednost je obavezna kada koristite obrasce koji imaju kontrolu za prijenos datoteka</ul>
  10. 3.enctype="text/plain"
  11. <ul>Prostori se pretvaraju u '+' simbole, ali nisu kodirani posebni znakovi</ul>
  12. </form>
  13. </BODY>
  14. </HTML>

Pozdrav
↑  ↓

#11 03.05.2020-11:36
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: autocomplete
Ukoliko necete da vam se na poljima za upis pojavljuju histori pregledi onda trebate koristiti opciju autocomplete
Primjer:
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <p>Ispunite i predajte obrazac i kliknite na klikni taster, a zatim ponovno u
  5. itajte stranicu, po
  6. nite ponovo ispunjavati obrazac - i pogledajte kako funkcionira autokompletiranje</p>
  7.  <p>Poslije postavite autocomplete="off"</p>
  8.  <form action="/action_page.php" method="get" autocomplete="on">
  9.   <label for="fname">Ime:</label>
  10.   <input type="text" id="fname" name="fname"><br><br>
  11.   <label for="email">Email:</label>
  12.   <input type="text" id="email" name="email"><br><br>
  13.   <input type="submit" value="klikni">
  14. </form>
  15. </BODY>
  16. </HTML>

Pozdrav
↑  ↓

#12 03.05.2020-11:39
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: TABLE-frame
Primjer tabele malo drugacije:
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <TABLE frame="box" rules="groups" summary="The Results of the Big XHTML Playoffs.">
  5. <CAPTION>The XHTML Playoffs</CAPTION>
  6. <COLGROUP align="center">
  7. <COL>
  8. <COL style="background-color: #FFFFAA;">
  9. <COL style="background-color: #BDFCC9;">
  10. <TR>
  11. <TH>Game
  12. <TH>Elements
  13. <TH>Entities
  14. <TFOOT style="background-color: #05FFFF;">
  15. <TR>
  16. <TD colspan="3">Entities Win!
  17. <TR><TD>1<TD>3<TD>0
  18. <TR><TD>2<TD>5<TD>4
  19. <TR><TD>3<TD>2<TD>8
  20. <TR><TD>4<TD>7<TD>9
  21. <TR><TD>5<TD>0<TD>1
  22. </BODY>
  23. </HTML>

Pozdrav
↑  ↓

#13 03.05.2020-12:28
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: fieldset
fieldset koristiom ukoliko hocemo da oivicimo neke podatke koji pripadaju istom naslovu odnosno grupi.
Primjer:
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <form action="">
  5.   <legend>Li
  6. ni podaci:</legend>
  7.   <label for="fname">Prezime:</label>
  8.   <input type="text" id="prezime" name="prezime"><br><br>
  9.   <label for="lname">Ime:</label>
  10.   <input type="text" id="ime" name="ime"><br><br>
  11.   <label for="email">Email:</label>
  12.   <input type="email" id="email" name="email"><br><br>
  13.   <input type="submit" value="Submit">
  14. </form>
  15. </BODY>
  16. </HTML>

Pozdrav
↑  ↓

#14 03.05.2020-20:33
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: details i summary
Primjer je uradjen u tabeli.
Naravno da moze raditi i bez tabele.
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <TABLE BORDER="1">
  5. <TR>
  6.   <TD ALIGN="left">
  7.   <!--Cell at 1 row, 1 column-->
  8.  DEL Precision
  9.   </TD>
  10.   <TD ALIGN="left">
  11.   <!--Cell at 1 row, 2 column-->
  12. <details>
  13. <summary>PROCESOR: Xeon</summary>
  14. E3-1270 V2  8x 3.50 turbo boost 8x 3.90GHz<br>
  15. RAM: 8GB<br>
  16. HARD DISK: 250GB<br>
  17. GRAFIKA: NVIDIA Quadro 2000   1GB GDDR5<br>
  18. DVD RW<br>
  19. Display port<br>
  20. DVI<br>
  21. USB 3.0<br>
  22. </details>
  23.   </TD>
  24. </TR>
  25. <TR>
  26.   <TD ALIGN="left">
  27.   <!--Cell at 2 row, 1 column-->
  28.   DEL PRECISUION
  29.   </TD>
  30.   <TD ALIGN="left">
  31.   <!--Cell at 2 row, 2 column-->
  32. <details>
  33. <summary>Intel® Xeon® Processor</summary>
  34. E3-1240 - 3.40 GHz<br>
  35. Ram: 12 GB ddr3<br>
  36. Memorija: 500 GB<br>
  37. Grafika: nVidia NV5 510 - 1 GB ddr5 / 4x mini dp<br>
  38. Optika: DVD rezac<br>
  39. Sistem: Windows 10 64 bit, Office 2010, aktiviran!<br>
  40. </details>
  41.   </TD>
  42. </TR>
  43. </BODY>
  44. </HTML>

Pozdrav
↑  ↓

#15 05.05.2020-18:52
zxz Offline
Administrator
Registrovan/a od: 03.02.2009-16:22
Komentari: 10,120


Subject: Hidden na vise elemenata
Ukoliko vise elemenata neke foprme zelimo da budu nevidljivi onda to mozemo tasko sto cemo opciji div dodijeliti tu osobinu.
Svi elementi izmedju taga div bit ce nevidljivi.
DownloadIzvorni kod (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <form action="">
  5. <div hidden>
  6.   <legend>Li
  7. ni podaci:</legend>
  8.   <label for="fname">Prezime:</label>
  9.   <input type="text" id="prezime" name="prezime"><br><br>
  10.   <label for="lname">Ime:</label>
  11.   <input type="text" id="ime" name="ime"><br><br>
  12.   <label for="email">Email:</label>
  13.   <input type="email" id="email" name="email"><br><br>
  14.   <input type="submit" value="Submit">
  15.  </div>
  16. </form>
  17. </BODY>
  18. </HTML>

Pozdrav
↑  ↓

Stranice (1): 1


All times are GMT +01:00. Current time: 29.05.2020-15:29.