Avatar billede bugger Nybegynder
17. januar 2002 - 11:30 Der er 4 kommentarer og
1 løsning

Andre radiobuttons

Hejsa
Jeg er ved at lave et reservationssystem til en tennisklub og er løbet ind i et lille problem. Hele sitet skal være ASP, men mit spørgsmål er HTML og Javascript relateret.

Jeg har en side hvor der er 6 gif´er som viser hvide tennisbaner. Når man klikker på en af banerne skal banen blive rød for at vise at den er markeret. Hvis man klikker på en af de andre baner skal denne bane blive rød og den forrige som var rød er nu hvid igen.

Det skal fungere ligesom som radiobuttons i en form.

Når man har gjort nogle valg i en selectform og nogle andre valg i forskellige checkboxe og altså også har markeret en bane skal man når man trykker på en submitknap ryge til en ny side og værdierne for hvilken bane der er markeret skal ryge med. Man ryger først videre når man har trykket på submitknappen, _ikke når man markerer en bane._

Altså Kan man udskifte den lille runde knap i en samling radiobuttons med noget grafik?

Jeg håber jeg har gjordt mig forståelig
/Henrik
Avatar billede cdc Novice
17. januar 2002 - 11:39 #1
når man kliker på baenen skal der vel åbnes en side ?

/cdc
Avatar billede bugger Nybegynder
17. januar 2002 - 12:17 #2
NEJ der skal ikke åbnes en side! Der skal først åbnes en side når man klikker \"submit\"
/Henrik
Avatar billede ras2000 Nybegynder
17. januar 2002 - 20:10 #3
Der er to gifer, 1.gif er den hvide tennisbane, 2.gif er den røde. Men den vil ikke submitte dit valg, uden lidt ekstra kode. Der er du nød til at have nogle navne eller id\'er, som du skriver til et (evt skjult) inputfelt.
<html>
<head>
<script type=\"text/javascript\">
obj = \"\";
function goerdet(el){
if (obj!=\"\") obj.src = \'1.gif\';
el.src = \'2.gif\';
obj = el;
}
</script>
</head>
<body>
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\">
</body>
</html>
Avatar billede ras2000 Nybegynder
17. januar 2002 - 20:14 #4
Denne skriver værdien til et input felt der er skjult.
<html>
<head>
<script type=\"text/javascript\">
obj = \"\";
function goerdet(el){
if (obj!=\"\") obj.src = \'1.gif\';
el.src = \'2.gif\';
obj = el;
document.formen.banenummer.value=el.name;
}
</script>
</head>
<body>
<form name=\"formen\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\" name=\"bane1\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\" name=\"bane2\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\" name=\"bane3\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\" name=\"bane4\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\" name=\"bane5\">
<img src=\"1.gif\" onclick=\"goerdet(this)\" height=\"300\" width=\"200\" name=\"bane6\">
<input type=\"text\" name=\"banenummer\" style=\"visibility:hidden\">
</form>
</body>
</html>
Avatar billede bugger Nybegynder
17. januar 2002 - 23:25 #5
Hej Ras2000 Meget fornemt svar. Lige hvad jeg behøvede!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester