Centar za edukaciju-BiH


switch Lista naslova: Koristan JavaScript kod
Stranice (7):1,2,3,4,5,6,7

#21 27.03.2011 01:39
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Tekst na karakteristican nacin.
Skripta koja izmjenjuje tekstove.
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <script type="text/javascript">
  5.  
  6. //CONFIGURE MESSAGES AND VARIABLES
  7. var tickercontents=new Array()
  8. tickercontents[0]='Ukoliko zelite da se nesto naucite posjetite <a href="http://www.icentar.ba">iCentar</a>!'
  9. tickercontents[1]='za pretragu na internetu koristite <a href="http://www.google.ba">Google</a> i naci cete!'
  10. tickercontents[2]='Ima mnogo java skripti <a href="http://www.icentar.ba/showtopic.php?id=197">Ovdje....</a>- na icentar'
  11.  
  12. var tickerwidth="200px"
  13. var tickerheight="70px"
  14. var fontcss="font: bold 10px Verdana; color:black"
  15. var tickdelay=3000 //delay btw messages
  16. var highlightspeed=2 //2 pixels at a time.
  17. var highlightcolor="lightyellow"
  18. var backdroptextcolor="#E1E1E1"
  19.  
  20. ////Do not edit pass this line////////////////
  21.  
  22. document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>')
  23. document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">')
  24. document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>')
  25. document.write('</div>')
  26.  
  27. var currentmessage=0
  28. var clipbottom=1
  29.  
  30. function changetickercontent(){
  31. msgheight=clipbottom=crosstick.offsetHeight
  32. crosstick.style.clip="rect("+msgheight+"px auto auto 0px)"
  33. crosstickbg.innerHTML=tickercontents[currentmessage]
  34. crosstick.innerHTML=tickercontents[currentmessage]
  35. highlightmsg()
  36. }
  37.  
  38. function highlightmsg(){
  39. //var msgheight=crosstick.offsetHeight
  40. if (clipbottom>0){
  41. clipbottom-=highlightspeed
  42. crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)"
  43. beginclip=setTimeout("highlightmsg()",20)
  44. }
  45. else{
  46. clipbottom=msgheight
  47. clearTimeout(beginclip)
  48. if (currentmessage==tickercontents.length-1) currentmessage=0
  49. else currentmessage++
  50. setTimeout("changetickercontent()",tickdelay)
  51. }
  52. }
  53.  
  54. function start_ticking(){
  55. crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg
  56. crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
  57. crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
  58. if (parseInt(crosstick.offsetHeight)>0)
  59. crosstickParent.style.height=crosstick.offsetHeight+'px'
  60. else
  61. setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
  62. changetickercontent()
  63. }
  64.  
  65. if (document.all || document.getElementById)
  66. window.onload=start_ticking
  67.  
  68.  
  69. </BODY>
  70. </HTML>

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

#22 27.03.2011 01:46
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Titl box
Ova skripta pri prelasku preko linka pokazuje linkovanu stranicu u prozoru.
PreuzmiIzvorni kôd (html):
  1. <HTML>
  2. <HEAD>
  3. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  4. <TITLE>Title of your page</TITLE>
  5. <script language="JavaScript1.1">
  6. <!--
  7.  
  8. //Pixelating Image slideshow
  9. //Copyright Dynamic Drive 2001
  10. //Visit http://www.dynamicdrive.com for this script
  11.  
  12. //specify interval between slide (in mili seconds)
  13. var slidespeed=3000
  14. //specify images
  15. var slideimages=new Array("Kategorije/yucom.jpg")
  16. //specify corresponding links
  17. var slidelinks=new Array("http://www.yucom.org.rs/")
  18.  
  19.  
  20. var imageholder=new Array()
  21. var ie55=window.createPopup
  22. for (i=0;i<slideimages.length;i++){
  23. imageholder[i]=new Image()
  24. imageholder[i].src=slideimages[i]
  25. }
  26.  
  27. function gotoshow(){
  28. window.location=slidelinks[whichlink]
  29. }
  30.  
  31. //-->
  32. </script>
  33. </HEAD>
  34. <BODY>
  35. <script type="text/javascript" src="http://shots.snap.com/ss/b888f9758d6736db7435ad7c5855be1a/snap_shots.js"></script>
  36. <A HREF="http://www.icentar.ba/index.php">icentar</A>
  37.  
  38. </BODY>
  39. </HTML>

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

#23 27.03.2011 02:03
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Redirekt
Nakon odbrojavanja prebacuje vas na drugu stranicu.
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4.  <form name="redirect">
  5. <font face="Tahoma" size="4" color="#98AAAA"><b>biti cete prebaceni na stranicu za<br><br>
  6. <input type="text" size="1" name="redirect2">
  7. </form>
  8. sekundi</b></font>
  9. <!--
  10.  
  11.  
  12. //promjeni link do stranice
  13. var targetURL="http://www.google.ba"
  14. //promjeni velicinu odbrojavanja
  15. var countdownfrom=5
  16.  
  17.  
  18. var currentsecond=document.redirect.redirect2.value=countdownfrom+1
  19. function countredirect(){
  20. if (currentsecond!=1){
  21. currentsecond-=1
  22. document.redirect.redirect2.value=currentsecond
  23. }
  24. else{
  25. window.location=targetURL
  26. return
  27. }
  28. setTimeout("countredirect()",1000)
  29. }
  30.  
  31. countredirect()
  32. //-->
  33. </BODY>
  34. </HTML>

Mozete i na jednostavan nacin ali bez upozorenja ikakvog.
Na datoj lokaciji krirajte datoteku index.html i u nju upisite sldeci kod:
PreuzmiIzvorni kôd (Javascript):
  1. <script>
  2.     self.location='http://www.google.com';
  3. </script>

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

#24 27.03.2011 02:09
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Tekst koji mijenja boju.
Skripta koja mijenja boju teksta.
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4. <b>
  5. <font size="5">
  6.  
  7. /*
  8. html tutor za blog
  9. */
  10.  
  11. // ********** MAKE YOUR CHANGES HERE
  12.  
  13. var text="Ovo je tekst koji mijenja boju" // YOUR TEXT
  14. var speed=80 // SPEED OF FADE
  15.  
  16. // ********** LEAVE THE NEXT BIT ALONE!
  17.  
  18.  
  19. if (document.all||document.getElementById){
  20. document.write('<span id="highlight">' + text + '</span>')
  21. var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
  22. }
  23. else
  24. document.write(text)
  25. var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
  26. var r=1
  27. var g=1
  28. var b=1
  29. var seq=1
  30. function changetext(){
  31. rainbow="#"+hex[r]+hex[g]+hex[b]
  32. storetext.style.color=rainbow
  33. }
  34. function change(){
  35. if (seq==6){
  36. b--
  37. if (b==0)
  38. seq=1
  39. }
  40. if (seq==5){
  41. r++
  42. if (r==12)
  43. seq=6
  44. }
  45. if (seq==4){
  46. g--
  47. if (g==0)
  48. seq=5
  49. }
  50. if (seq==3){
  51. b++
  52. if (b==12)
  53. seq=4
  54. }
  55. if (seq==2){
  56. r--
  57. if (r==0)
  58. seq=3
  59. }
  60. if (seq==1){
  61. g++
  62. if (g==12)
  63. seq=2
  64. }
  65. changetext()
  66. }
  67. function starteffect(){
  68. if (document.all||document.getElementById)
  69. flash=setInterval("change()",speed)
  70. }
  71. starteffect()
  72. </font></b>
  73.  
  74. </BODY>
  75. </HTML>

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

#25 27.03.2011 02:12
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Vertikalna slova
Ukoliko zelite postaviti neki tekst po vertikali onda je ovo skripta za vas.
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. <div class="code">
  4. .myStyle
  5. {
  6. writing-mode: tb-rl;
  7. filter: flipH() flipV();
  8. }
  9. </div>
  10.  
  11. </HEAD>
  12.  <span class="myStyle">ovdje upiÅ¡ite vaÅ¡ tekst!!!</span>
  13. </BODY>
  14. </HTML>

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

#26 23.05.2012 00:13
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Datum na stranici
Jedan od načina je prikazivati datum pomoću Java Scripta. Pastajte slijedeći kod na mjesto gdje želite da se prikazuje datum (datum se uzima sa korisnikovog računala):
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Title of your page</TITLE>
  2. </HEAD>
  3.  <script language=JavaScript>
  4.  
  5. <!-- Begin
  6.  
  7. var months=new Array(13);
  8.  
  9. months[1]="Sije
  10. anj";
  11.  
  12. months[2]="Velja
  13. a";
  14.  
  15. months[3]="Ožujak";
  16.  
  17. months[4]="Travanj";
  18.  
  19. months[5]="Svibanj";
  20.  
  21. months[6]="Lipanj";
  22.  
  23. months[7]="Srpanj";
  24.  
  25. months[8]="Kolovoz";
  26.  
  27. months[9]="Rujan";
  28.  
  29. months[10]="October";
  30.  
  31. months[11]="November";
  32.  
  33. months[12]="December";
  34.  
  35. var time=new Date();
  36.  
  37. var lmonth=months[time.getMonth() + 1];
  38.  
  39. var date=time.getDate();
  40.  
  41. var year=time.getYear();
  42.  
  43. if ((navigator.appName == "Microsoft Internet Explorer") && (year < 2000))
  44.  
  45. year="19" + year;
  46.  
  47. if (navigator.appName == "Netscape")
  48.  
  49. year=1900 + year;
  50.  
  51. document.write(lmonth + " ");
  52.  
  53. document.write(date + ", " + year);
  54.  
  55. // End -->
  56.  
  57. </BODY>
  58. </HTML>

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

#27 23.05.2012 00:25
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Zatvaranje prozora browsera
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Title of your page</TITLE>
  2. </HEAD>
  3.  <A HREF="javascript:window.close()">Zatvori prozor</A>
  4. </BODY>
  5. </HTML>

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

#28 23.05.2012 19:28
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Printanje stranice
Da bi ste surferu omogućili printanje web stranice, na željeno
mjesto postavite ovaj java script:
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4.  <a href='javascript:;' onClick='window.print();return false'>
  5. Isprintajte ovu stranicu.</a>
  6. </BODY>
  7. </HTML>

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

#29 08.07.2013 16:56
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Array lista
PreuzmiIzvorni kôd (HTML):
  1. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  2. <TITLE>Title of your page</TITLE>
  3. </HEAD>
  4.  <SCRIPT LANGUAGE="JavaScript">
  5. <!--
  6. var MojaLista = new Array();
  7. MojaLista[0] = "Dragutin";
  8. MojaLista[1] = "Milutin";
  9. MojaLista[2] = "Enver";
  10. MojaLista[3] = "Salaludin";
  11. document.write(MojaLista);
  12. document.write(MojaLista[3]);
  13. //-->
  14. </BODY>
  15. </HTML>

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

#30 08.07.2013 21:33
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,611


Predmet:Sat na vasoj stranici
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Sat</TITLE>
  2. <SCRIPT LANGUAGE="JavaScript">
  3. function setSat() {
  4.     var vr = new Date();
  5.     var sat = vr.getHours();
  6.     var min = vr.getMinutes();
  7.     var sec = vr.getSeconds();
  8.     var Value = "" + ((sat >12) ? sat - 12 : sat)
  9.     Value += ((min < 10) ? ":0" : ":") + min
  10.    Value += ((sec < 10) ? ":0" : ":") + sec
  11.    Value += (sat>=12) ? " pm" : " am";
  12.     document.vrijeme.sat.value = Value;
  13.     setTimeout ("setSat()", 1000);
  14. }
  15. </HEAD>
  16. <BODY onLoad = "setSat()">
  17. <FORM NAME="vrijeme">
  18. <INPUT TYPE="text" NAME="sat" VALUE="" SIZE=11>
  19. </FORM>
  20. </BODY>
  21. </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 +01:00. Trenutno vrijeme: 9: 36 am.