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
Care tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Text colorat

Last accessed pages

  1. Curs si Tutoriale JavaScript (20968)
  2. Gramatica limbii engleze - Prezentare Generala (118523)
  3. De lo espiritual en Español - Din cele Spirituale in Spaniola (402)
  4. Trecutul simplu si continuu - Past Tense Simple and Continuous (44881)
  5. Prefixele dis-, mis-, un-. The DIS, MIS and UN prefixes (4993)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (4468)
  2. Curs HTML gratuit Tutoriale HTML5 (3702)
  3. Curs si Tutoriale JavaScript (3403)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (3275)
  5. Curs CSS Online Tutoriale CSS3 (3190)