zxz 13.02.2015 15:11
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>

zxz 25.02.2015 00:22
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>

zxz 27.02.2015 11:46
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>

zxz 05.02.2022 23: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 06.02.2022 00: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 18: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 14: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>