Notifikationer

Markér alle som læst Log ud

haolan Nybegynder

07. august 2007 - 20:33 Der er 12 kommentarer og
1 løsning

Buttons som valgmulighed i form

Hej eksperter..

Jeg har 4 buttons der hedder Ja, Nej, Ved ikke og Intet svar

Når man klikker på en knap skal den highlightes (dvs med en anden baggrundsfarve) og når man trykker gem, skal værdien af den valgte knap sendes med videre til min formhandler.php.

Skulle man have trykket forkert og trykker på en ny knap, skal dette "highlight" selfølgelig flyttes over på den nye knap.

Alle knapperne skal helst have samme navn, så jeg kan kalde svaret med $_POST['ans']..

Hvordan flækker man sådan noget sammen?

Synes godt om

olebole Juniormester

07. august 2007 - 20:37 #1

<ole>

Du kunne jo bruge radio-buttons:
<input type="radio" name="gnu" value="gnuA">
<input type="radio" name="gnu" value="gnuB">
<input type="radio" name="gnu" value="gnuC">

/mvh
</bole>

Synes godt om

olebole Juniormester

07. august 2007 - 20:40 #2

- og ellers kan du kikke på denne løsning, hvor det bliver gjort med billeder og skjulte form-elementer:
http://www.eksperten.dk/spm/790360#rid6826039

Synes godt om

haolan Nybegynder

07. august 2007 - 20:44 #3

radiobuttons er ikke en optimal løsning til mit formål.. Med mindre de kan styles så de ligner store knapper?

det må helst ikke indeholde billeder da load time skal være så minimal som overhovedet mulig..

Synes godt om

kalp Novice

07. august 2007 - 20:51 #4

<html>
<head>
<title></title>
<script type="text/javascript">
function HighLight(group)
{
var buttons = document.getElementsByName(group.name);
for(var i = 0; i < buttons.length; i++)
{
if(buttons[i].id == group.id)
buttons[i].style.border = "2px solid";
else
buttons[i].style.border = "none";
}
}
</script>
</head>
<body>

<input value="Ja" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="Ja" />
<input value="Nej" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="Nej" />
<input value="Måske" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="Maske" />
<input value="Ved ikke" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="VedIkke" />

</body>
</html>

Synes godt om

kalp Novice

07. august 2007 - 20:52 #5

har ikke tjekket om det giver et problem, at almindelige knapper har samme name.. men funktionaliteten er der.

Synes godt om

kalp Novice

07. august 2007 - 20:54 #6

kan ikke lige se hvordan du kan se hvilken knap der er valgt... men det finder du vel ud af

Synes godt om

haolan Nybegynder

07. august 2007 - 21:01 #7

hmm der kommer ikke noget frem når jeg skriver echo $_POST['mygroup'];

Synes godt om

kalp Novice

07. august 2007 - 21:04 #8

haolan >> netop det jeg skriver;) jeg kan ikke se hvordan det skal gøres med en knap på den måde der..

men du kan måske gøre sådan her (og requeste "buttonClicked")

<html>
<head>
<title></title>
<script type="text/javascript">
function HighLight(group)
{
var buttons = document.getElementsByName(group.name);
for(var i = 0; i < buttons.length; i++)
{
if(buttons[i].id == group.id)
buttons[i].style.border = "2px solid";
else
buttons[i].style.border = "none";
}
document.getElementById("buttonClicked").value = group.id;
}
</script>
</head>
<body>

<input value="Ja" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="Ja" />
<input value="Nej" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="Nej" />
<input value="Måske" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="Maske" />
<input value="Ved ikke" style="border:none" onclick="HighLight(this);" type="button" name="mygroup" id="VedIkke" />

<input type="hidden" value="" id="buttonClicked" name="buttonClicked" />
</body>
</html>

Synes godt om

kalp Novice

07. august 2007 - 21:05 #9

husk at have det hele i en form hvis du submitter.

Synes godt om

haolan Nybegynder

07. august 2007 - 21:08 #10

Nice alligevel.. :) det virker..

Synes godt om

kalp Novice

07. august 2007 - 21:11 #11

Var det et ligmed et tilfredsstillende svar?:)

Synes godt om

haolan Nybegynder

07. august 2007 - 21:14 #12

jep smid endelig et svar :)

Synes godt om

kalp Novice

07. august 2007 - 21:15 #13

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS