Articole si Tutoriale Web Design

ValminDesign.com va ofera servicii profesionale de web design, programare web, SEO si promovare online la cele mai mici preturi.

Deasemenea, speram sa-i ajutam pe cei care vor sa invete web design prin articolele si tutorialele de pe acest blog.

Calculator JavaScript

» Scris in categoria: Scripturi Utile — @ 0:27 in data:9 martie 2010.

Am creat un javascript simplu pentru site-urile de constructii astfel incat un utilizator sa introduca dimensiunile unei incaperi si apoi bifand unele casute de servicii sa-si calculeze un cost estimativ. Preturile sunt usor de modificat prin variabilele itemNRpret…
Codul scurt ptr. javascript (inserat intr-un fisier extern .js sau in head) este:
function aduna()
{

var item0pret = 6;
var item1pret = 7;

var a = eval(document.calc.lungime.value);
var b = eval(document.calc.latime.value);
var c = eval(document.calc.inaltime.value);
var s = (a * 1) + (b * 1);

var item1 = eval(document.calc.item1.value);

var witem1 = item1pret * item1;

if (calc.item0.checked){
var witem0 = document.calc.item0.value = item0pret;
} else {
var witem0 = document.calc.item0.value = 0;
}

document.calc.rezultat.value = s*2*c*witem0 + a*b*witem1;
}
Iar in body vine ceva de genu:

<form name=”calc” method=”POST”>
<input name=”lungime” type=”text” value=”3.5″>
<input name=”latime” type=”text” value=”1.5″>
<input name=”inaltime” type=”text” value=”1.5″>
<input type=”checkbox” name=”item0″ size=”10″>
<input type=”text” name=”item1″ value=”0″>
<input type=”button” onClick=”aduna()” value=”Calculeaza” >
</form>

Pentru varianta completa (cu multe servicii) sau alte intrebari trimite-ti un e-mail sau folositi formularul de la contact.



Comentarii (0)

Niciun comentariu »

Niciun comentariu până acum.

Feed RSS pentru acest articol. TrackBack URL

Lasă un comentariu

Ultimele articole

Categorii



  • Comentarii Recente
  • Cristina B: N-am pag. web, dar doresc sa-mi fac una prin forte proprii. N-am nici suficienti bani sa platesc asemenea...
  • admin: adauga: background-repeat: repeat;
  • Mihnea: am si eu o problema am incercat cu background-image:url(”); dar imi afiseaza imaginea doar pe o bucata...
  • Florin: foarte interesant articolul
  • Web Design: Un articol bun