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
Ce tag HTML5 este indicat sa contina meniul cu link-uri de navigare in site?
<section> <nav> <article>
<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>
Ce proprietate CSS muta elementrul in dreapta sau stanga de la locul unde e?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Clic pe metoda obiectului Math care rotunjeste numarul x descrescator la cel mai apropiat intreg.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicati functia PHP care returneaza numarul de caractere dintr-un sir.
mb_strlen() count() stristr()
$str = "sir cu caractere utf-8 åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 29
Clic pe raspunsul potrivit la intrebarea: "When it happened?".
On the 7th of July 1996 It is a quarter to 5. Nice weather.
When it happened? On the 8th of August 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Indicati raspunsul potrivit la intrebarea: "¿Cuando sucedió?".
Hace buen tiempo. En el 8 de Agosto de 2001 Son las tres menos cuarto.
¿Cuando sucedió? En el 8 de Agosto de 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Script pentru ceas

Last accessed pages

  1. Salveaza pe server imagine de la adresa URL (198)
  2. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (91393)
  3. Lectia 217, Recapitulare 197 (110)
  4. Superlative (1910)
  5. Subjunctiv - Introducere (5899)

Popular pages this month

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