Centar za edukaciju-BiH


switch Lista naslova: Java skript trikovi

#21 13.02.2015 14:11
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,644


Predmet:Simulira kisu na stranici
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Pada kisa</TITLE>
  2. </HEAD>
  3.  
  4. <SCRIPT LANGUAGE="JavaScript">
  5. <!-- Begin
  6. var no = 50;
  7. var speed = 1;
  8. var ns4up = (document.layers) ? 1 : 0;
  9. var ie4up = (document.all) ? 1 : 0;
  10. var s, x, y, sn, cs;
  11. var a, r, cx, cy;
  12. var i, doc_width = 800, doc_height = 600;
  13. if (ns4up) {
  14. doc_width = self.innerWidth;
  15. doc_height = self.innerHeight;
  16. }
  17. else
  18. if (ie4up) {
  19. doc_width = document.body.clientWidth;
  20. doc_height = document.body.clientHeight;
  21. }
  22. x = new Array();
  23. y = new Array();
  24. r = new Array();
  25. cx = new Array();
  26. cy = new Array();
  27. s = 8;
  28. for (i = 0; i < no; ++ i) {
  29. initRain();
  30. if (ns4up) {
  31. if (i == 0) {
  32. document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
  33. document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
  34. document.write(",</font></layer>");
  35. }
  36. else {
  37. document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
  38. document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
  39. document.write(",</font></layer>");
  40.   }
  41. }
  42. else
  43. if (ie4up) {
  44. if (i == 0) {
  45. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  46. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  47. document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
  48. document.write(",</font></div>");
  49. }
  50. else {
  51. document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
  52. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  53. document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
  54. document.write(",</font></div>");
  55.      }
  56.   }
  57. }
  58. function initRain() {
  59. a = 6;
  60. r[i] = 1;
  61. sn = Math.sin(a);
  62. cs = Math.cos(a);
  63. cx[i] = Math.random() * doc_width + 1;
  64. cy[i] = Math.random() * doc_height + 1;
  65. x[i] = r[i] * sn + cx[i];
  66. y[i] = cy[i];
  67. }
  68. function makeRain() {
  69. r[i] = 1;
  70. cx[i] = Math.random() * doc_width + 1;
  71. cy[i] = 1;
  72. x[i] = r[i] * sn + cx[i];
  73. y[i] = r[i] * cs + cy[i];
  74. }
  75. function updateRain() {
  76. r[i] += s;
  77. x[i] = r[i] * sn + cx[i];
  78. y[i] = r[i] * cs + cy[i];
  79. }
  80. function raindropNS() {
  81. for (i = 0; i < no; ++ i) {
  82. updateRain();
  83. if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
  84. makeRain();
  85. doc_width = self.innerWidth;
  86. doc_height = self.innerHeight;
  87. }
  88. document.layers["dot"+i].top = y[i];
  89. document.layers["dot"+i].left = x[i];
  90. }
  91. setTimeout("raindropNS()", speed);
  92. }
  93. function raindropIE() {
  94. for (i = 0; i < no; ++ i) {
  95. updateRain();
  96. if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
  97. makeRain();
  98. doc_width = document.body.clientWidth;
  99. doc_height = document.body.clientHeight;
  100. }
  101. document.all["dot"+i].style.pixelTop = y[i];
  102. document.all["dot"+i].style.pixelLeft = x[i];
  103. }
  104. setTimeout("raindropIE()", speed);
  105. }
  106. if (ns4up) {
  107. raindropNS();
  108. }
  109. else
  110. if (ie4up) {
  111. raindropIE();
  112. }
  113. //  End -->
  114. </body>
  115. <font face="Tahoma">Pade kisa ubi misa</font>
  116. </BODY>
  117. </HTML>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#22 24.02.2015 23:22
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,644


Predmet:Blinkanje pozadine teksta
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Blik pozadine teksta</TITLE>
  2. </HEAD>
  3. <META http-equiv=Content-Type content="text/html; charset=windows-1252">
  4. <META content="Microsoft FrontPage 6.0" name=GENERATOR></HEAD>
  5. <BODY><SPAN id=pochenderText style="WIDTH: 100%">
  6. <H1 align="center"><font color="#FF0000"><A HREF="http://www.icentar.ba">Posjetite iCentar</A></font></H1></SPAN>
  7.  
  8. var from = 2;
  9. var to = 15;
  10. var speed = 5;
  11. var textcolor = "#3D95FF";
  12. var i = to;
  13. var j = 0;
  14.  
  15. pd();
  16.  
  17. function pu()
  18.    {
  19.    if (!document.all)
  20.       return
  21.    if (i < to)
  22.      {
  23.      pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
  24.      i++;
  25.      theTimeout = setTimeout('pu()',speed);
  26.      return 0;
  27.      }
  28.  
  29.   if (i = to)
  30.      {
  31.      theTimeout = setTimeout('pd()',speed);
  32.      return 0;
  33.      }
  34.   }
  35.  
  36. function pd()
  37.   {
  38.   if (!document.all)
  39.      return
  40.   if (i > from)
  41.       {
  42.       pochenderText.style.filter = "Glow(Color=" + textcolor + ", Strength=" + i + ")";
  43.       i--;
  44.       theTimeout = setTimeout('pd()',speed);
  45.       return 0;
  46.       }
  47.    if (i = from)
  48.       {
  49.       theTimeout = setTimeout('pu()',speed);
  50.       return 0;
  51.       }
  52.    }
  53. // -->
  54. </BODY>
  55. </HTML>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#23 27.02.2015 10:46
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,644


Predmet:Uvijanje teksta
PreuzmiIzvorni kôd (HTML):
  1. <TITLE>Devijacija teksta</TITLE>
  2.    DIV.MojFilter {FILTER:PROGID:DXIMAGETRANSFORM.MICROSOFT.WAVE(
  3.      strength=4, //Veca ili manja devijacija
  4.      freq=2,
  5.      lightstrength=100,
  6.      add=0,
  7.      phase=0);
  8.      width: 150px; color: #A6CAF0;font-size:40px;font-weight:bold;
  9.     }
  10. <SCRIPT language="javascript">
  11.   function Dev()
  12.   {
  13.    document.getElementById("MojDiv").filters[0].phase += 15;
  14.    status = document.getElementById("MojDiv").filters[0].phase ;
  15.   }
  16. </HEAD>
  17. <BODY OnLoad="window.setInterval('Dev();',100);" >
  18. <DIV CLASS="MojFilter" id="MojDiv"> http://www.icentar.ba</DIV>
  19. </BODY>
  20. </HTML>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#24 05.02.2022 22:59
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,644


Predmet:Dali je broj
PreuzmiIzvorni kôd (Javascript):
  1. function isNumber(n){
  2.     return !isNaN(parseFloat(n)) && isFinite(n);
  3. }
  4. alert(isNumber('234'));

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#25 05.02.2022 23:13
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,644


Predmet:Najmanji i najveci broj u nizu
PreuzmiIzvorni kôd (Javascript):
  1. <script type="text/javascript">
  2. <!--
  3. var maxNumbers = Math.max.apply(Math, numbers);
  4. var minNumbers = Math.min.apply(Math, numbers);
  5. alert (maxNumbers);    
  6. //-->
  7. </script>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#26 09.02.2022 17:32
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,644


Predmet:eval() Izvršenje koda iz stringa
Ova funkcija izvršava kod iz stringa.
Primjer:
PreuzmiIzvorni kôd (Javascript):
  1. <script type="text/javascript">
  2. <!--
  3. let a = 5;
  4. let b = 4;
  5. let c= 10;
  6. let text = "a * b + c";
  7. let rezultat = eval(text);
  8. alert(rezultat);       
  9. //-->
  10. </script>
Izvršavanje JavaScripta iz stringa predstavlja VELIKI sigurnosni rizik.
Uz eval(), zlonamjerni kod može pokrenuti unutar vaše aplikacije bez dozvole.
Uz eval(), kod treće strane može vidjeti opseg vaÅ¡e aplikacije, Å¡to može dovesti do mogućih napada.
Budite oprezni.
Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 09.02.2022 17:35 od strane zxz. ↑  ↓

#27 14.02.2022 13:58
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,644


Predmet:Promjena velcine teksta
PreuzmiIzvorni kôd (Javascript):
  1. <!DOCTYPE html>
  2. <html>
  3. <script type="text/javascript">
  4. <!--
  5. function slova(id)
  6. {
  7. var style = window.getComputedStyle(id, null).getPropertyValue('font-size');
  8. var fontSize = parseFloat(style) + "pt";
  9. document.getElementById('bodi').style.fontSize=fontSize;
  10. }
  11. //-->
  12. </script>
  13. <style>
  14. .mala
  15. {
  16. font-size: 8pt;
  17. }
  18. .velika
  19. {
  20. font-size: 25pt;
  21. }
  22. </style>
  23. <body id="bodi">
  24.  
  25. <h2>Projena velicine slova</h2>
  26.  
  27. <p id="demo">JavaScript promjena veli
  28. ine slova na stranici</p>
  29. <button type="button"
  30. <button type="button class="mala" onclick="slova(this)">A</button>
  31. <button type="button" class="velika"  class="mala" onclick="slova(this)">A</button>
  32. </body>
  33. </html>

Podrska samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

Stranice (3):1,2,3


Sva vremena su GMT +01:00. Trenutno vrijeme: 7: 06 pm.