zxz 11.02.2015 16:56
Predmet:Kalkulator

PreuzmiIzvorni kôd (PHP):
  1. <html>
  2. <head>
  3. <title>Kalkulator</title>
  4. </head>
  5. <body>
  6. <FORM NAME="Calc">
  7. <TABLE BORDER=2>
  8. <TR>
  9. <TD>
  10. <INPUT TYPE="text"   NAME="Input" Size="16">
  11. <br>
  12. </TD>
  13. </TR>
  14. <TR>
  15. <TD>
  16. <INPUT TYPE="button" NAME="one"   VALUE="  1  " OnClick="Calc.Input.value += '1'">
  17. <INPUT TYPE="button" NAME="two"   VALUE="  2  " OnCLick="Calc.Input.value += '2'">
  18. <INPUT TYPE="button" NAME="three" VALUE="  3  " OnClick="Calc.Input.value += '3'">
  19. <INPUT TYPE="button" NAME="plus"  VALUE="  +  " OnClick="Calc.Input.value += ' + '">
  20. <br>
  21. <INPUT TYPE="button" NAME="four"  VALUE="  4  " OnClick="Calc.Input.value += '4'">
  22. <INPUT TYPE="button" NAME="five"  VALUE="  5  " OnCLick="Calc.Input.value += '5'">
  23. <INPUT TYPE="button" NAME="six"   VALUE="  6  " OnClick="Calc.Input.value += '6'">
  24. <INPUT TYPE="button" NAME="minus" VALUE="  -  " OnClick="Calc.Input.value += ' - '">
  25. <br>
  26. <INPUT TYPE="button" NAME="seven" VALUE="  7  " OnClick="Calc.Input.value += '7'">
  27. <INPUT TYPE="button" NAME="eight" VALUE="  8  " OnCLick="Calc.Input.value += '8'">
  28. <INPUT TYPE="button" NAME="nine"  VALUE="  9  " OnClick="Calc.Input.value += '9'">
  29. <INPUT TYPE="button" NAME="times" VALUE="  x  " OnClick="Calc.Input.value += ' * '">
  30. <br>
  31. <INPUT TYPE="button" NAME="clear" VALUE="  c  " OnClick="Calc.Input.value = ''">
  32. <INPUT TYPE="button" NAME="zero"  VALUE="  0  " OnClick="Calc.Input.value += '0'">
  33. <INPUT TYPE="button" NAME="DoIt"  VALUE="  =  " OnClick="Calc.Input.value = eval(Calc.Input.value)">
  34. <INPUT TYPE="button" NAME="div"   VALUE="  /  " OnClick="Calc.Input.value += ' / '">
  35. <br>
  36. </TD>
  37. </TR>
  38. </TABLE>
  39. </FORM>
  40. </body>
  41. </html>

zxz 12.02.2015 10:10
Predmet:Sat na vasoj stranici

Kasican digitalni sat koji mozete postaviti na vasu stranicu.
PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Sat</TITLE>
  4. </HEAD>
  6. <script language="JavaScript">
  7. <!--
  8. var clockID = 0;
  9. function UpdateClock() {
  10.  if(clockID) {
  11.    clearTimeout(clockID);
  12.    clockID  = 0;
  13.  }
  14.  var tDate = new Date();
  15.  document.theClock.theTime.value = ""
  16.  + tDate.getHours() + ":"
  17.  + tDate.getMinutes() + ":"
  18.  + tDate.getSeconds();
  19.  clockID = setTimeout("UpdateClock()", 1000);
  20. }
  21. function StartClock() {
  22.  clockID = setTimeout("UpdateClock()", 500);
  23. }
  24. function KillClock() {
  25.  if(clockID) {
  26.    clearTimeout(clockID);
  27.    clockID  = 0;
  28.  }
  29. }
  30. //-->
  32. <BODY ONLOAD="StartClock()" ONUNLOAD="KillClock()">
  33. <CENTER><FORM NAME="theClock">
  34. <INPUT TYPE="text" NAME="theTime" SIZE="4">
  36. </BODY>
  37. </HTML>

zxz 12.02.2015 11:53
Predmet:Popup prozor

Otvaranje popup prozora.

PreuzmiIzvorni kôd (HTML):
  4. </head>
  7.  
  8.  
  9. var popunder="http://www.icentar.ba"
  10.  
  11. var winopcije="width=900,height=650,scrollbars=1,resizable=1,toolbar=1,location=1,menubar=1,status=1,directories=0"
  12. var once_per_session=0
  13.  
  14. function get_c(ime) {
  15.   var search = ime + "="
  16.   var returnvalue = "";
  17.   if (document.cookie.length > 0) {
  18.     offset = document.cookie.indexOf(search)
  19.     if (offset != -1) {
  20.       offset += search.length
  21.       end = document.cookie.indexOf(";", offset);
  22.       if (end == -1)
  23.          end = document.cookie.length;
  24.       returnvalue=unescape(document.cookie.substring(offset, end))
  25.       }
  26.    }
  27.   return returnvalue;
  28. }
  29. function otvori(){
  30. if (get_c('popunder')==''){
  31. otvori_p()
  32. document.cookie="popunder=yes"
  33. }
  34. }
  35.  
  36. function otvori_p(){
  37. win2=window.open(popunder,"",winopcije)
  38. win2.blur()
  39. window.focus()
  40. }
  41.  
  42. if (once_per_session==0)
  43. otvori_p()
  44. else
  45. otvori()
  47. </body>
  48. </html>

zxz 18.02.2015 21:38
Predmet:Setajuci Titl tekst

Tekst u naslovnoj traci koji seta.
PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Titl tekst</TITLE>
  4. </HEAD>
  6.  
  7. <SCRIPT language=javascript>
  8. msg = "Ovo je tekst na titl baru koji se krece";
  9.  
  10. msg = "<<>>" + msg;pos = 0;
  11. function scrollMSG() {
  12. document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
  13. pos++;
  14. if (pos >  msg.length) pos = 0
  15. window.setTimeout("scrollMSG()",200);
  16. }
  17. scrollMSG();
  19. <font face="Tahoma">Titl tekst</font>
  20.  
  21. </BODY>
  22. </HTML>

zxz 25.02.2015 19:29
Predmet:Na vrh stranice

Ovaj kod vam postavlja link da klikom na njega mozete se vratiti na vrh stranice.
PreuzmiIzvorni kôd (HTML):
  3. <TITLE>Na vrh stranice</TITLE>
  4. </HEAD>
  7. <!--
  8. var displayed="<nobr><font size=2 face=Arial><b>Na vrh</b></font></nobr>"
  9. var logolink='javascript:window.scrollTo(0,0)'
  10. var ns4=document.layers
  11. var ie4=document.all
  12. var ns6=document.getElementById&&!document.all
  13.  
  14. function regenerate(){
  15. window.location.reload()
  16. }
  17. function regenerate2(){
  18. if (ns4)
  19. setTimeout("window.onresize=regenerate",400)
  20. }
  21.  
  22. if (ie4||ns6)
  23. document.write('<span id="logo" style="position:absolute;top:-300;z-index:100">'+displayed+'</span>')
  24.  
  25. function createtext(){ //function for NS4
  26. staticimage=new Layer(5)
  27. staticimage.left=-300
  28. staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>')
  29. staticimage.document.close()
  30. staticimage.visibility="show"
  31. regenerate2()
  32. staticitns()
  33. }
  34.  
  35. function staticit(){
  36. var w2=ns6? pageXOffset+w : document.body.scrollLeft+w
  37. var h2=ns6? pageYOffset+h : document.body.scrollTop+h
  38. crosslogo.style.left=w2
  39. crosslogo.style.top=h2
  40. }
  41.  
  42. function staticit2(){
  43. staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28
  44. staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10
  45. }
  46.  
  47. function inserttext(){
  48. if (ie4)
  49. crosslogo=document.all.logo
  50. else if (ns6)
  51. crosslogo=document.getElementById("logo")
  52. crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>'
  53. w=ns6? window.innerWidth-crosslogo.offsetWidth-20 : document.body.clientWidth-crosslogo.offsetWidth-10
  54. h=ns6? window.innerHeight-crosslogo.offsetHeight-15 : document.body.clientHeight-crosslogo.offsetHeight-10
  55. crosslogo.style.left=w
  56. crosslogo.style.top=h
  57. if (ie4)
  58. window.onscroll=staticit
  59. else if (ns6)
  60. startstatic=setInterval("staticit()",100)
  61. }
  62.  
  63. if (ie4||ns6){
  64. window.onload=inserttext
  65. window.onresize=new Function("window.location.reload()")
  66. }
  67. else if (ns4)
  68. window.onload=createtext
  69. function staticitns(){ //function for NS4
  70. startstatic=setInterval("staticit2()",90)
  71. }
  72. //-->
  74. </BODY>
  75. </HTML>

zxz 04.03.2015 18:23
Predmet:Tabovi

Primjer pravljenja tabova na stranici.
css mozete prebaciti u vas tekstualni fajl css.
PreuzmiIzvorni kôd (HTML):
  3. <style type="text/css">
  4. #tablist{
  5. padding: 3px 0;
  6. margin-left: 0;
  7. margin-bottom: 0;
  8. margin-top: 0.1em;
  9. font: bold 12px Verdana;
  10. }
  11.  
  12. #tablist li{
  13. list-style: none;
  14. display: inline;
  15. margin: 0;
  16. }
  17.  
  18. #tablist li a{
  19. text-decoration: none;
  20. padding: 3px 0.5em;
  21. margin-left: 3px;
  22. border: 1px solid #778;
  23. border-bottom: none;
  24. background: white;
  25. }
  26.  
  27. #tablist li a:link, #tablist li a:visited{
  28. color: navy;
  29. }
  30.  
  31. #tablist li a:hover{
  32. color: #000000;
  33. background: #C1C1FF;
  34. border-color: #227;
  35. }
  36.  
  37. #tablist li a.current{
  38. background: lightyellow;
  39. }
  41.  
  42. <script type="text/javascript">
  43.  
  44. var selectedtablink=""
  45. var tcischecked=false
  46.  
  47. function handlelink(aobject){
  48. selectedtablink=aobject.href
  49. tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false
  50. if (document.getElementById && !tcischecked){
  51. var tabobj=document.getElementById("tablist")
  52. var tabobjlinks=tabobj.getElementsByTagName("A")
  53. for (i=0; i<tabobjlinks.length; i++)
  54. tabobjlinks[i].className=""
  55. aobject.className="current"
  56. document.getElementById("tabiframe").src=selectedtablink
  57. return false
  58. }
  59. else
  60. return true
  61. }
  62.  
  64. <TITLE>Title of your page</TITLE>
  65. </HEAD>
  67.  <ul id="tablist">
  68. <li><a class="current" href="http://www.icentar.ba/showforum.php?id=41" onClick="return handlelink(this)">Java skript</a></li>
  69. <li><a href="http://www.icentar.ba/showforum.php?id=37" onClick="return handlelink(this)">C++</a></li>
  70. <li><a href="http://www.icentar.ba/showforum.php?id=49" onClick="return handlelink(this)">Access</a></li>
  71. <li><a href="http://www.icentar.ba/docs.php?id=4" onClick="return handlelink(this)">Procitajte pravila</a></li>
  72. </ul>
  73. <iframe id="tabiframe" src="http://www.icentar.ba" width="98%" height="350px"></iframe>
  74. </BODY>
  75. </HTML>

zxz 21.01.2016 18:07
Predmet:Novi prozor

PreuzmiIzvorni kôd (HTML):
  2. <script language="JavaScript">
  3. function openWin(){
  4. <!--froma u javi-->
  5. var bar = 'directories=no,location=no,menubar=no,status=no';
  6.  
  7. bar += ',titlebar=no,toolbar=no';
  8. var opcija = 'scrollbars=no,width=400,height=200,resizeable=no';
  9. var myFeatures = bar + ',' + opcija;
  10. var procitaj = 'Proba forme.'
  11.  
  12. var newWin = open('', 'myDoc', myFeatures);
  13.  
  14. newWin.document.writeln('<form>');
  15. newWin.document.writeln('<table>');
  16. newWin.document.writeln('<tr valign=TOP><td>');
  17. newWin.document.writeln('<textarea cols=45 rows=7 wrap=SOFT>');
  18. newWin.document.writeln(procitaj + '</textarea>');
  19. newWin.document.writeln('</td></tr>');
  20. newWin.document.writeln('<tr><td>');
  21. newWin.document.writeln('<input type=BUTTON value="zatvori"');
  22. newWin.document.writeln(' onClick="window.close()">');
  23. newWin.document.writeln('</td></tr>');
  24. newWin.document.writeln('</table></form>');
  25. newWin.document.close();
  26. newWin.focus();
  27. }
  31. <b>Kliknite na sljedeu tipku da biste otvorili novi prozor: </b>
  32. <input type=BUTTON value="Open" onClick='openWin()'>
  33. </form>
  34.  
  35. </body>
  36. </html>

zxz 18.11.2016 11:10
Predmet:Brojac Klikova

Primjer brojanja klikova na objekat.
Klikovi se ne zapisuju u bazu.
Prilozi:
BrojacKlikova.htm (Velicina datoteke:383 Bajt)

zxz 12.12.2016 12:22
Predmet:Tekst efekt

Ne dozvoljava mi postaviti kod pa sam zakacio prilog tekst fajl.
Prilozi:
tekstefekt.txt (Velicina datoteke:930 Bajt)

zxz 29.10.2018 11:01
Predmet:Animirani bocni meni

PreuzmiIzvorni kôd (HTML):
  1. <!DOCTYPE html>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  6.  
  7. .sidenav {
  8.     height: 100%;
  9.     width: 0;
  10.     position: fixed;
  11.     z-index: 1;
  12.     top: 0;
  13.     left: 0;
  14.     background-color: #111;
  15.     overflow-x: hidden;
  16.     transition: 0.5s;
  17.     padding-top: 60px;
  18. }
  19.  
  20. .sidenav a {
  21.     padding: 8px 8px 8px 32px;
  22.     text-decoration: none;
  23.     font-size: 25px;
  24.     color: #818181;
  25.     display: block;
  26.     transition: 0.3s;
  27. }
  28.  
  29. .sidenav a:hover {
  30.     color: #f1f1f1;
  31. }
  32.  
  33. .sidenav .closebtn {
  34.     position: absolute;
  35.     top: 0;
  36.     right: 25px;
  37.     font-size: 36px;
  38.     margin-left: 50px;
  39. }
  40.  
  41. @media screen and (max-height: 450px) {
  42.   .sidenav {padding-top: 15px;}
  43.   .sidenav a {font-size: 18px;}
  44. }
  46. </head>
  48.  
  49. <div id="mySidenav" class="sidenav">
  50.   <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
  51.   <a href="link1">opis1</a>
  52.   <a href="link2">opis2</a>
  53.   <a href="#">link3</a>
  54.   <a href="#">link4</a>
  55. </div>
  56.  
  57. <h2>Animirani Sidenav Primjer</h2>
  58. <p>Kliknite donji element da biste otvorili bo
  59. ni meni</p>
  60. <span style="font-size:30px;cursor:pointer" onclick="openNav()">0 open</span>
  61.  
  63. function openNav() {
  64.     document.getElementById("mySidenav").style.width = "250px";
  65. }
  66.  
  67. function closeNav() {
  68.     document.getElementById("mySidenav").style.width = "0";
  69. }
  71.      
  72. </body>
  73. </html>