Curs Javascript

Acest script va afisa un ceas ca in exemplu de mai jos

abcdefghj

Pentru a adauga acest script intr-o pagina web:
1. Copiati imaginile care compun ceasul de aici -> Imgs; dezarhivati arhiva ".zip" si salvati directorul "imgs" in acelasi loc unde se afla pagina HTML.
2. Introduceti in sectiunea HEAD a documentului HTML urmatorul cod:
<script type="text/javascript">
<!--
var dn
c1=new Image(); c1.src="imgs/c1.gif"
c2=new Image(); c2.src="imgs/c2.gif"
c3=new Image(); c3.src="imgs/c3.gif"
c4=new Image(); c4.src="imgs/c4.gif"
c5=new Image(); c5.src="imgs/c5.gif"
c6=new Image(); c6.src="imgs/c6.gif"
c7=new Image(); c7.src="imgs/c7.gif"
c8=new Image(); c8.src="imgs/c8.gif"
c9=new Image(); c9.src="imgs/c9.gif"
c0=new Image(); c0.src="imgs/c0.gif"
cb=new Image(); cb.src="imgs/cb.gif"
cam=new Image(); cam.src="imgs/cam.gif"
cpm=new Image(); cpm.src="imgs/cpm.gif"

function extract(h,m,s,type){
  if (!document.images)
    return
  if (h<=9) {
    document.images.a.src=cb.src
    document.images.b.src=eval("c"+h+".src")
  }
  else {
    document.images.a.src=eval("c"+Math.floor(h/10)+".src")
    document.images.b.src=eval("c"+(h%10)+".src")
  }
  if (m<=9) {
    document.images.d.src=c0.src
    document.images.e.src=eval("c"+m+".src")
  }
  else {
    document.images.d.src=eval("c"+Math.floor(m/10)+".src")
    document.images.e.src=eval("c"+(m%10)+".src")
  }
  if (s<=9) {
    document.g.src=c0.src
    document.images.h.src=eval("c"+s+".src")
  }
  else {
    document.images.g.src=eval("c"+Math.floor(s/10)+".src")
    document.images.h.src=eval("c"+(s%10)+".src")
  }
  if (dn=="AM") document.j.src=cam.src
  else document.images.j.src=cpm.src
}

function ceas() {
 if (!document.images)
    return
  var Digital=new Date()
  var hours=Digital.getHours()
  var minutes=Digital.getMinutes()
  var seconds=Digital.getSeconds()
  dn="AM"
  if ((hours>=12)&&(minutes>=1)||(hours>=13)) {
    dn="PM"
    hours=hours-12
  }
  if (hours==0)
    hours=12
  extract(hours,minutes,seconds,dn)
  setTimeout("ceas()",1000)
}
//-->
</script>

3. In interiorul tag-ului <body> scrieti onload="ceas()", sa arate asa: <body onload="ceas()">
4. Dupa tagul <body> adaugati urmatorul cod HTML, in locatia unde vreti sa apara ceasul:
<img src="imgs/cb.gif" name="a"><img src="imgs/cb.gif" name="b"><img src="imgs/colon.gif" name="c"><img src="imgs/cb.gif" name="d"><img src="imgs/cb.gif" name="e"><img src="imgs/colon.gif" name="f"><img src="imgs/cb.gif" name="g"><img src="imgs/cb.gif" name="h"><img src="cam.gif" name="j">

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag HTML5 defineste un text marcat, evidentiat?
<mark> <embed> <span>
<p>Cursuri graruite: <mark>MarPlo.net</mark> , jocuri, anime.</p>
Ce pseudo-clasa CSS defineste un stil la element cand mouse-ul e deasupra lui?
:focus :hover :active
a:hover {
  font-weight: bold;
  color: #00da01;
}
Clic pe functia ce returneaza un sir cu un numar rotunjit la x decimale.
toPrecision(x) toFixed(x) floor(x)
var num = 12.34567;
num = num.toFixed(2);
alert(num);       // 12.35
Indicati functia PHP care adauga continutul unui fisier intr-un array.
[) file() readfile()
$arr = file("a_file.txt", FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);
var_export($arr);
Clic pe raspunsul potrivit la intrebarea: "What time is it?"
On the 7th of July 1996 It is a quarter to 5. Nice weather.
What time is it? It is a quarter to 5.
- Cat este ora? E 5 fara un sfert.
Indicati raspunsul potrivit la intrebarea: "¿Qué hora es?"
Hace buen tiempo. En el 7 de julio de 1996 Son las tres menos cuarto.
¿Qué hora es? Son las tres menos cuarto.
- Cat este ora? E 3 fara un sfert.
Script pentru ceas

Last accessed pages

  1. Programe pentru invatare limba Spaniola (9062)
  2. Ghiciti cuvantul (1969)
  3. Adjective (4012)
  4. Demonstrative (2244)
  5. Accentul si Pronuntia (28931)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (321)
  2. Gramatica limbii engleze - Prezentare Generala (178)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (145)
  4. Coduri pt culori (140)
  5. Cursuri limba engleza gratuite si lectii online (122)