PC Ekspert Forum

PC Ekspert Forum (https://forum.pcekspert.com/index.php)
-   Web dizajn, programiranje i ostalo (https://forum.pcekspert.com/forumdisplay.php?f=39)
-   -   Javascript - koristenje slike umjesto gumbica (https://forum.pcekspert.com/showthread.php?t=235375)

Ivor 09.07.2012. 01:38

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:







   
 


 


     
   
   


 


   
 


 


  onclick="calc1(this.form)" />
   


 


  size=5 maxlength=40 />
  kn



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:


Pokusao sam razne kombinacije ali mi nije uspjelo proradit. Ima tko kakvu ideju?

mbozick1 09.07.2012. 10:56

Probaj ovako.

head:

Code:




body:
Code:







   
 


 


     
   
   


 


   
 



 



   


 


  size=5 maxlength=40 />
  kn



Ivor 09.07.2012. 14:54

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 :)

mbozick1 09.07.2012. 14:57

Citiraj:

Autor Ivor (Post 2197722)
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)

:D Ok, na pivu racunam

mbozick1 09.07.2012. 15:23

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 :)

Ivor 09.07.2012. 15:48

Isprobano s IE i FF, radi odlicno.

Jos jednom hvala :)

p.s. vec je postavljeno na webu :)

Ivor 16.07.2012. 18:56

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

dal3boy 16.07.2012. 20:15

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....

Ivor 16.07.2012. 20:32

Radi, hvala :)


Sva vremena su GMT +2. Sada je 00:06.

Powered by vBulletin®
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
© 1999-2024 PC Ekspert - Sva prava pridržana ISSN 1334-2940
Ad Management by RedTyger