Forumi


Povratak   PC Ekspert Forum > Računala > Software > Web dizajn, programiranje i ostalo
Ime
Lozinka

Odgovori
 
Uređivanje
Staro 09.07.2012., 02:38   #1
Ivor
Premium
Moj komp
 
Ivor's Avatar
 
Datum registracije: Nov 2001
Lokacija: Restricted Area
Postovi: 336
Javascript - koristenje slike umjesto gumbica

Tenutno ovako izgleda i sve radi...

head
Code:
function calc1(form) {
a = form.a.value*form.b.value;
c=form.c.value*form.b.value;
u=a-c;
form.total3.value = u;
}
body
Code:
<form name="form1">
<table border=0 cellpadding=4 cellspacing=1>
<tr>
<td width="310" height="219" align=center><p>
    <input type="text" name="a" size=5>
  </p>
  <p>
       
    <input type="text" name="b" size=5>
    </p>
  <p>
    <input type="text" name="c" size=5>
  </p>
  <p>
   <input type="button" value="Izračunaj"
onclick="calc1(this.form)" />
    </p>
  <p>
  <input type="text" name="total3"
size=5 maxlength=40 />
  kn</p></td>
</tr>
</table>
</form>
Umjesto gumbica sam ubacio dolje navedeni kod i kad pristisnem na sliku u firefoxu mi na tren izbaci rezultat i obrise sve brojeve koje sam uneso.
Code:
<input type="image" src="button.gif" onclick="javascript:calc1(this.form)" />
Pokusao sam razne kombinacije ali mi nije uspjelo proradit. Ima tko kakvu ideju?
Ivor je offline   Reply With Quote
Staro 09.07.2012., 11:56   #2
mbozick1
Bazinga
Moj komp
 
mbozick1's Avatar
 
Datum registracije: Sep 2008
Lokacija: Osijek
Postovi: 224
Probaj ovako.

head:

Code:
<script type="text/javascript">
function calc1(form) {
a = form.a.value*form.b.value;
c=form.c.value*form.b.value;
u=a-c;
form.total3.value = u;
}
</script>

<style type="text/css">
button {padding:0;}
</style>
body:
Code:
<form name="form1">
<table border=0 cellpadding=4 cellspacing=1>
<tr>
<td width="310" height="219" align=center><p>
    <input type="text" name="a" size=5>
  </p>
  <p>
       
    <input type="text" name="b" size=5>
    </p>
  <p>
    <input type="text" name="c" size=5>
  </p>

  <p><button type="button" onclick="javascript:calc1(this.form)">
<img src="button.gif">
</button> </div>

    </p>
  <p>
  <input type="text" name="total3"
size=5 maxlength=40 />
  kn</p></td>
</tr>
</table>

Zadnje izmijenjeno od: mbozick1. 09.07.2012. u 12:03.
mbozick1 je offline   Reply With Quote
Oglasni prostor
Oglas
 
Oglas
Staro 09.07.2012., 15:54   #3
Ivor
Premium
Moj komp
 
Ivor's Avatar
 
Datum registracije: Nov 2001
Lokacija: Restricted Area
Postovi: 336
Hvala, radi...

Samo... slika gumbica je nesto manja od "pravog" pa se vidi u pozadini, posto sam kod prepravio u notepadu neznam da li se moze "pravom" gumbu smanjit dimanzija

Pozabavit cu se s time kad budem za kompom.

Imas pivu kad dodes u Zagreb
Ivor je offline   Reply With Quote
Staro 09.07.2012., 15:57   #4
mbozick1
Bazinga
Moj komp
 
mbozick1's Avatar
 
Datum registracije: Sep 2008
Lokacija: Osijek
Postovi: 224
Citiraj:
Autor Ivor Pregled postova
Hvala, radi...

Samo... slika gumbica je nesto manja od "pravog" pa se vidi u pozadini, posto sam kod prepravio u notepadu neznam da li se moze "pravom" gumbu smanjit dimanzija

Pozabavit cu se s time kad budem za kompom.

Imas pivu kad dodes u Zagreb
Zato sam ti napisao da u head css rule da button nema padding...
Evo, ja sam probao tocno kako sam ti napisao i meni se vidi samo button.gif (ne vidi se orginalni gumb iza)

Ok, na pivu racunam
mbozick1 je offline   Reply With Quote
Staro 09.07.2012., 16:23   #5
mbozick1
Bazinga
Moj komp
 
mbozick1's Avatar
 
Datum registracije: Sep 2008
Lokacija: Osijek
Postovi: 224
Aha, skuzih sada da u firefox-u ne prikazuje isto kao u chromeu ali nema veze, dodaj u css za button jos

border:0;
background:none;

i to bi trebalo onda biti to
mbozick1 je offline   Reply With Quote
Staro 09.07.2012., 16:48   #6
Ivor
Premium
Moj komp
 
Ivor's Avatar
 
Datum registracije: Nov 2001
Lokacija: Restricted Area
Postovi: 336
Isprobano s IE i FF, radi odlicno.

Jos jednom hvala

p.s. vec je postavljeno na webu
Ivor je offline   Reply With Quote
Staro 16.07.2012., 19:56   #7
Ivor
Premium
Moj komp
 
Ivor's Avatar
 
Datum registracije: Nov 2001
Lokacija: Restricted Area
Postovi: 336
Trebao bih jos jedan dodatak programu.

Problem nastaje kada se za decimalni zarez koristi, zarez (npr. 1,2) u rezultatu ispise NaN

Kada je decimalni zarez, tocka sve super radi.

Posto neznam bas programirat, trebala bi mi linija koda koja ce zarez, zamjenit tockom
Ivor je offline   Reply With Quote
Staro 16.07.2012., 21:15   #8
dal3boy
Registered User
 
dal3boy's Avatar
 
Datum registracije: Dec 2010
Lokacija: Osijek
Postovi: 90
Pa napravi samo da ti pregleda value iz forme i replace "," s "." i to je to

ovako nekako
function calc1(form) {
a = form.a.value.replace(",",".")*form.b.value.replace(",",".");
c=form.c.value.replace(",",".")*form.b.value.replace(",",".");
u=a-c;
form.total3.value = u;
}

ovo mi prvo pada na pamet....
dal3boy je offline   Reply With Quote
Staro 16.07.2012., 21:32   #9
Ivor
Premium
Moj komp
 
Ivor's Avatar
 
Datum registracije: Nov 2001
Lokacija: Restricted Area
Postovi: 336
Radi, hvala
Ivor je offline   Reply With Quote
Oglasni prostor
Oglas
 
Oglas
Odgovori


Uređivanje

Pravila postanja
Vi ne možete otvarati nove teme
Vi ne možete pisati odgovore
Vi ne možete uploadati priloge
Vi ne možete uređivati svoje poruke

BB code je Uključeno
Smajlići su Uključeno
[IMG] kod je Uključeno
HTML je Isključeno

Idi na