Centar za edukaciju-BiH


switch Lista naslova: Koristan JavaScript kod

#51 11.02.2015 17:56
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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>

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

#52 12.02.2015 11:10
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

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

#53 12.02.2015 12:53
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


Predmet:Popup prozor
Otvaranje popup prozora.

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

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

#54 18.02.2015 22:38
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

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

#55 25.02.2015 20:29
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

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

#56 04.03.2015 19:23
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

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

#57 21.01.2016 19:07
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

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

#58 18.11.2016 12:10
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


Predmet:Brojac Klikova
Primjer brojanja klikova na objekat.
Klikovi se ne zapisuju u bazu.

Prilozi:
Informacije o tipu datoteke za:htm  BrojacKlikova.htm
Preuzimanja:388
Velicina datoteke:383 Bajt


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

#59 12.12.2016 13:22
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


Predmet:Tekst efekt
Ne dozvoljava mi postaviti kod pa sam zakacio prilog tekst fajl.

Prilozi:
Informacije o tipu datoteke za:txt  tekstefekt.txt
Preuzimanja:344
Velicina datoteke:930 Bajt


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

#60 29.10.2018 12:01
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,612


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

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

Stranice (7):1,2,3,4,5,6,7


Sva vremena su GMT +02:00. Trenutno vrijeme: 7: 20 pm.