Curs Javascript

Urmatorul script coloreaza textul dintr-un sir la fel cum puteti observa in exemplul de mai jos.


Pentru a adauga acest script intr-o pagina web:
1. In documentul HTML adaugati urmatorul script (preferabil in sectiunea HEAD)
<script type="text/javascript">
<!--
function MakeArray(n) {
  this.length=n;
  for(var i=1; i<=n; i++)
    this[i]=i-1;
  return this
}
hex=new MakeArray(16);
hex[11]="A";
hex[12]="B";
hex[13]="C";
hex[14]="D";
hex[15]="E";
hex[16]="F";

function InHex(x) {
  // Schimba numarul in hex, cu valoarea intre 0 si 255
  var high=x/16;
  var s=high+"";
  //1
  s=s.substring(0,2);
  //2 transforma valoarea in int.
  high=parseInt(s,10);
  //3
  var left=hex[high+1];
  // partea stanga a valorii hex
  var low=x-high*16;
  // calculeaza restul valorilor
  s=low+"";
  //1
  s=s.substring(0,2);
  //2 transforma valoarea in int.
  low=parseInt(s,10);
  //3
  var right=hex[low+1];
  // partea dreapta a valorii hex
  var string=left+""+right;
  // uneste partea stanga si cea din dreapta
  return string;
}

function fadein(text) {
  text=text.substring(3,text.length-4);
  // a eliminat tag-urile html
  color_d1=255;
  color_d1b=255;
  color_d1c=255;
  // valorile numerice maxime pt. culori
  mul=color_d1/text.length;
  for(i=0;i<text.length;i++) {
    color_d1=mul*i;
    color_d1b=255-mul*i;
    color_d1c=255*Math.sin(i/(text.length/3));

    // colorarea sirului
    color_h1=InHex(color_d1);
    color_d2=255-mul*i;
    color_h2=InHex(color_d2);
    //1b
    color_h1b=InHex(color_d1b);
    color_d2b=mul*i;
    color_h2b=InHex(color_d2b);
    //1c
    color_h1c=InHex(color_d1c);
    color_d2c=mul*i;
    color_h2c=InHex(color_d2c);

    document.write("<span style='font-size:20px; color:#FE"+color_h1+color_h2+";'>"+text.substring(i,i+1)+'</span>');
  }
}
//-->
</script>

2. Dupa scriptul de mai sus, adaugati codul de mai jos, in locul unde doriti sa aveti acest text
<script type="text/javascript">
<!--
// Aici adaugati textul
{
  fadein("-->Acesta este un exemplu de sir cu text colorat.<!__");
}
//-->
</script>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Clic pe tag-ul care creaza celula in tabel.
<tr> <span> <td>
<table></tr>
  <td>Cell-1</td><td>Cell-2</td>
</tr></table>
Indicati proprietatea CSS care adauga o imagine pentru fundal
background-color background-image color
h3 {
  background-image: url("image.jpg");
}
Ce instructiune se foloseste la parcugerea elementelor unui Array?
for() [) object()
var arr = [1, "ab", "CoursesWeb.net"];
for(var i=0; i< arr.length; i++) { alert(arr[i]); };
Indicati functia PHP utilizata la parcurgerea elementelor unui Array asociativ.
for() foreach() if()
$arr =["k1"=>"v1", "k2"=>"v2", "k3"=>"v3");
foreach($arr AS $k => $v) { echo "<br/>". $k ." - ". $v; }
Care din urmatoarele cuvinte este sinonim cu "gentle" (bland)?
meek good beautiful
He is so kind and meek.
- El este atat de amabil si bland.
Care din urmatoarele cuvinte este sinonim cu "amable" (bland, prietenos)?
hermoso fuerte manso
Tu padre tiene un carácter muy manso.
- Tatal tau are un caracter foarte bland.
Text colorat

Last accessed pages

  1. Adverbele in limba engleza - Adverbs (33570)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (277865)
  3. Lectia 365 (421)
  4. Coduri pt culori (73854)
  5. Formatare text in pagina html (38555)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1363)
  2. Curs HTML gratuit Tutoriale HTML5 (1359)
  3. Coduri pt culori (973)
  4. Creare si editare pagini HTML (536)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (383)