zxz 13.02.2015 14:11
Predmet:Simulira kisu na stranici

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

zxz 24.02.2015 23:22
Predmet:Blinkanje pozadine teksta

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

zxz 27.02.2015 10:46
Predmet:Uvijanje teksta

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

zxz 05.02.2022 22:59
Predmet:Dali je broj

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

zxz 05.02.2022 23:13
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>

zxz 09.02.2022 17:32
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.

zxz 14.02.2022 13:58
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>