» »

css in input.button

css in input.button

lordgreg ::

gumb bi rad naredil malo drugačen z CSS-jem. naredil sem tole:

INPUT.button {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
border-left: 2 solid #999999;
border-top: 2 solid #999999;
border-right: 2 solid #999999;
border-bottom: 2 solid #999999;
}

finta je v tem, da bi rad enak izgled takrat, ko gumb oz. inputi niso aktivni (tporej surfam recimo po strani) in takrat ko kaj pišem v input text. (enak border,..). kako preklemano to naredit?

in ko bom kliknil na ta gumb, bo spremenil border ipd. kako pa to?

hvala
  • spremenilo: snow ()

darh ::

definiraš več stajlov, pol pa gremo:

<input type="text" onFocus="this.className='enStajl'" onBlur="this.className='drugStajl'">

opomba:
najprej dvojni narekovaj ", notr je pa enojni ' !!

to bi mogl delat

kle mas pa primer k sam background spremeni:


pa se koda:
<input type="text" onFocus="this.style.background='blue'"onBlur="this.style.background='red'">

hehe... I rule...
Excuses are useless! Results are priceless!

lordgreg ::

thx xbite.. you own.. to sem iskal..

Tjulenj ::

mene pa zanima ce se da za submit gumb dat gif? malo sem sprobaval pa neuspesno

simon ::

input type=image src="pot/do/slike/" name="krneki"

Tjulenj ::

ja to poznam, ampak deluje samo pri kakih skriptah, za vpisovanje v bazo pa noce

simon ::

Dela kot navaden submit button s to razliko, da mu lahko dolocis samo name ne pa value. Tvoj skript bo potem dobil ta name kot dve spremenljivki name.x in name.y , njihovi vrednosti pa bojo koordinate kamor je uporabnik kliknil na image submitu.

lordgreg ::

onFocus="this.style.border='#000080'"

a morda obstaja še finta za border, ker bi jaz namreč potreboval spremembo borderja.. sem probal tole zgornjo finto, pa meni ne dela... xbite, a veš, kako je prav??

daj mi povej, kje si našel zadevo z this.style???

darh ::

zgleda da je eno pravilo glede kako so enaki value poimenovani v DOM in v CSSju.... vsak pomišljaj (-) se zbriše, ker v JS pomen to minu... torej prvi_drugi > prviDrugi...
vsaj do zdej je blo vs tko.... anyway.. kle mas to:

<input type="text" onFocus="this.style.borderColor='#000080'"onBlur="this.style.borderColor='blue'">

ampak verjetn ni to to kar ti hoces, tko da ti svetujem da lepo določš 2 classa v CSSju in pol to spreminjas, kakor sm te ze v prvem replayu pokazu...


enjoy...


i still rule.. ;)
Excuses are useless! Results are priceless!

lordgreg ::

jep,.. res.. svaka ti čast.. i love you :D

mimogrede: pol pa tak ni čudno, da mi je neke javascript errorje javljalo skozi.. grrr

ne res,.. hvala

darh ::

ja LORDGrieg... love U 2.... heheh
Excuses are useless! Results are priceless!

ferjan ::

imam problem in ga ne znam rešit:
na strani www.crpalke-cizman.si
je je v cssu za id #content definiran

border-left: 1px solid #fff;
border-right: 1px solid #fff;

v explorerju se zadeva prikaže ok, v firefoxu pa se zaradi levega borderja zamakne za 1px.

css: http://www.crpalke-cizman.si/themes/cizman/style.css


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Jquery

Oddelek: Izdelava spletišč
151814 (1538) mk818764
»

glow efekt s css v FF / dinamicen width s CSS v FF

Oddelek: Izdelava spletišč
181569 (1411) Lee_Nover
»

Oblikobvanje besedila s CSS na web strani

Oddelek: Izdelava spletišč
71554 (1480) pivmik
»

kako spremeniti texfield type

Oddelek: Izdelava spletišč
12965 (877) Baja
»

dolžina vnešenega teksta

Oddelek: Izdelava spletišč
331729 (1342) darh

Več podobnih tem