PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
T

Form stylen

Door Tim op 12-02-2007 20:27
633 views
Heey!

Ik wil een form stylen zonder css, maar in het form zelf. Ik heb echter enkele problemen. Ik wil de achtergrond lichtgrijs en de letters font '1' in plaats van standaard '2'. Kan dit?

Hieronder het script.

<script language="JavaScript">
<!-- Hide from old browsers


function surfto(form) {
var myindex=form.dest.selectedIndex
location=form.dest.options[myindex].value;
}
//-->
</SCRIPT>
<FORM NAME="myform">
<SELECT NAME="dest" SIZE=6>
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/aarde">Aarde
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/absorptienevel">Absorptienevel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/andrekuipers">André Kuipers
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/andromedastelsel">Andromedastelsel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/ariane">Ariane
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/asteroide">Asteroide
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/astrostart">AstroStart
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/bolhoop">Bolhoop
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/bruinedwergen">Bruine dwergen
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/cassini">Cassini
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/cassiniupdate">Cassini update
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/chandra">Chandra
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/china">China
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/clusters">Clusters
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/crewexplorationvehicle">Crew Ex Vehicle
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/daginbeeld">Dag in Beeld
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/deeltjesfysica">Deeltjesfysica
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/deepimpact">Deep Impact
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/delta">Delta
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/dubbelsterren">Dubbelsterren
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/elliptischsterrenstelsel">Elliptisch stelsel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/emissienevel">Emissienevel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/enceladus">Enceladus
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/eris">Eris
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/esa">ESA
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/europa">Europa
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/exobiologie">Exobiologie
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/exoplaneten">Exoplaneten
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/filmtrio">FilmTrio
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/fotografie">Fotografie
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/gammastraling">Gammastraling
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/ganymedes">Ganymedes
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/graancirkels">Graancirkels
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/hayabusa">Hayabusa
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/hetejupiters">Hete Jupiters
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/hubble">Hubble
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/hubblerewind">Hubble rewind
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/iapetus">Iapetus
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/inslag">Inslag
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/io">Io
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/iss">ISS
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/jet">Jet
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/jupiter">Jupiter
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/keck">Keck
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/komeet">Komeet
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/komendeweek">Komende week
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/kortnieuws">Kort nieuws
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/kosmologie">Kosmologie
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/kuipergordel">Kuipergordel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/lanceerring">Lanceerring
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/lancering">Lancering
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/maan">Maan
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/magnetar">Magnetar
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/mars">Mars
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/mer">Mars Explo Rovers
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/marsexpress">Mars Express
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/marsglobalsurveyor">Mars Glo Surveyor
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/marsodyssey">Mars Odyssey
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/marspolarlander">Mars Polar Lander
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/mro">Mars Recco Orbiter
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/marssciencelaboratory">Mars Science Lab
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/mercurius">Mercurius
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/messenger">Messenger
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/meteoren">Meteoren
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/nasa">NASA
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/neptunus">Neptunus
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/neutronenster">Neutronenster
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/nevels">Nevels
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/new horizons">New Horizons
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/nieuw artikel">Nieuw artikel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/nova">Nova
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/oerknal">Oerknal
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/opensterrenhoop">Open sterrenhoop
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/phobos">Phobos
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/phoenix">Phoenix
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/planetairenevel">Planetaire nevel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/planeten">Planeten
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/pluto">Pluto
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/poollicht">Poollicht
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/pulsar">Pulsar
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/quasars">Quasars
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/radioastronomie">Radioastronomie
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/reflectienevel">Reflectienevel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/rip">RIP
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/rodedwerg">Rode dwerg
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/rontgenstraling">Rontgenstraling
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/rosetta">Rosetta
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/ruimtelift">Ruimtelift
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/ruimtestation">Ruimtestation
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/rusland">Rusland
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/satelliet">Satelliet
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/saturnus">Saturnus
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/sealaunch">Sea Launch
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/shuttlelancering">Shuttle lancering
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/showcase">Showcase
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/smart-1">SMART-1
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/spaceshipone">SpaceShipOne
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/spaceshuttle">Spaceshuttle
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/spiraalstelsel">Spiraalstelsel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/software">Software
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/soyuz">Soyuz
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/soyuzlancering">Soyuz lancering
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/startrek">Star Trek
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/ster">Ster
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/sterren">Sterren
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/stofschijf">Stofschijf
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/supermassiefzwartgat">Superma zwart gat
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/supernova">Supernova
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/supernovarestant">Supernovarestant
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/telescoop">Telescoop
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/ufo">UFO
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/uranus">Uranus
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/venus">Venus
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/venusexpress">Venus Express
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/verylargetelescope">Very Large Tele
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/vroegereheelal">Vroegere heelal
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/waarnemen">Waarnemen
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/wateropmars">Water op Mars
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/weer">Weer
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/wittedwerg">Witte dwerg
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/x-prize">X-Prize
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/xmm-newton">XMM-Newton
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/zon">Zon
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/zonnestelsel">Zonnestelsel
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/zonsverduistering">Zonsverduistering
<OPTION SELECTED VALUE="http://www.astrostart.nl/index.php/category/zwartgat">Zwart gat
</SELECT>
<INPUT TYPE="BUTTON" VALUE="lees nieuws" onClick="surfto(this.form)">
</FORM>
N
Nick Mulder
12-02-2007 20:37
ipv. <input class=""> <input style="background: #CCCCCC"> gebruiken
W W
12-02-2007 20:38
Hoezo zou je het zonder css doen? :O en heb je dat allemaal handmatig gemaakt? :O
S
Simon Blok
12-02-2007 20:42
...En waarom staat er bij elke optie dat ie geselecteerd moet zijn?!
Maar wat YPM zegt is inderdaad de goede oplossing.
T
Tim
12-02-2007 21:09
Waar plaats ik dat stukje code van YPM?
R
Raymond ---
12-02-2007 21:14
Tim schreef op 12.02.2007 21:09
Waar plaats ik dat stukje code van YPM?
Die code zet je bij elke option. Je kan ook boven aan je pagina tussen <head></head> het volgende zetten:

<style type="text/css">
    option, input {
        background: #{kleur};
    }

</style>

{kleur} natuurlijk even vervangen. Het voordeel is dat je niet overal die code bij moet zetten.
[edit]Had niet goed gelzen, niet gezien dat je geen CSS wou. Dan moet je inderdaad de manier van YPM gebruiken. Maar waarom geen CSS?[/edit]

Reageren

Inloggen om te reageren