Curs Javascript

Urmatorul script adauga un efect de schimbare a culorii unui sir, precum puteti observa in exemplul de mai jos

Text care-si schimba culoarea

Pentru a adauga acest script intr-o pagina web:
1. In documentul HTML, in locul unde doriti sa aveti acest text colorat, adaugati urmatorul cod, (Schimbati textul cu cel a-l dv.)
<b><span id="highlight" style="font-size:20px"> Text care-si schimba culoarea </span></b>

2. Dupa codul de mai sus adaugati urmatorul script
<script type="text/javascript">
<!--
// https://marplo.net

var text=document.getElementById("highlight"); // Preia textul din eticheta HTML
var speed=80 // vieza de modificare a culorii

var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight

// Matricea cu valorile hex pt. culori
var hex=new Array("01","16","28","4C","55","68","78","8C","A1","B4","C8","DC","F1")
var r=1
var g=1
var b=1
var seq=1

// Adauga culoarea textului
function addcolor() {
  rainbow="#"+hex[r]+hex[g]+hex[b]
  storetext.style.color=rainbow
}

// Schimba culoarea
function chcolor() {
  if (seq==6) {
    b--
    if (b==0)
      seq=1
  }
  if (seq==5) {
    r++
    if (r==12)
      seq=6
  }
  if (seq==4) {
    g--
    if (g==0)
      seq=5
  }
  if (seq==3) {
    b++
    if (b==12)
      seq=4
  }
  if (seq==2) {
    r--
    if (r==0)
      seq=3
  }
  if (seq==1) {
    g++
    if (g==12)
      seq=2
  }
  addcolor()
}

// Executa functia pt. schimbarea culori la interval setat de viteza
function starteffect() {
  flash=setInterval("chcolor()",speed)
}
starteffect()
//-->
</script>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce element HTML adauga continut flash SWF in pagina web?
<object> <div> <script>
<object type="application/x-shockwave-flash" data="file.swf" width="500" height="250">
 <param name="src" value="file.swf" />
 Browser-ul dv. nu suporta SWF.
</object>
Care pseudo-clasa CSS adauga un stil la un camp input de formular cand e cursorul in el?
:active :focus :hover
input:focus {
  background-color: #88fe88;
}
Clic pe instructiunea care transforma un sir JSON in obiect JavaScript.
JSON.stringify(javascript_object) object.toString() JSON.parse(json_string)
var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}';
var obj = JSON.parse(jsnstr);
alert(obj.url);
Indicati functia PHP care poate crea sau scrie un fisier pe server.
fopen() file_put_contents() file_get_contents()
if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat";
else echo "Fisierul nu poate fi creat";
Cum se spune "al treilea" in engleza?
threeth third three
I planted the third tree.
- Am plantat al treilea pom.
Cum se spune "al treilea" in spaniola?
segundo tres tercero
Yo planté el tercero árbol.
- Am plantat al treilea pom.
Colorare text

Last accessed pages

  1. Obiectul Date - Lucru cu Data si Timp (1110)
  2. Lucrul cu siruri 2 (1180)
  3. jsSHA - SHA Hashe si HMAC in JavaScript (395)
  4. Glume, Bancuri - Chistes 2 (984)
  5. Numere in JavaScript (2287)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (569)
  2. Coduri pt culori (386)
  3. Gramatica limbii engleze - Prezentare Generala (273)
  4. Cursuri limba engleza gratuite si lectii online (255)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (224)