Søg
Avatar billede 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?
Avatar billede 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>
Avatar billede 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
Avatar billede 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..
Avatar billede 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>
Avatar billede 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.
Avatar billede 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
Avatar billede haolan Nybegynder
07. august 2007 - 21:01 #7
hmm der kommer ikke noget frem når jeg skriver echo $_POST['mygroup'];
Avatar billede 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>
Avatar billede kalp Novice
07. august 2007 - 21:05 #9
husk at have det hele i en form hvis du submitter.
Avatar billede haolan Nybegynder
07. august 2007 - 21:08 #10
Nice alligevel.. :) det virker..
Avatar billede kalp Novice
07. august 2007 - 21:11 #11
Var det et ligmed et tilfredsstillende svar?:)
Avatar billede haolan Nybegynder
07. august 2007 - 21:14 #12
jep smid endelig et svar :)
Avatar billede kalp Novice
07. august 2007 - 21:15 #13
:D
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:10 Tilbage til Outlook Klassisk design Af susalapi i E-mail programmer
I går 13:59 CRASH og så gik windows ud af vinduet og ret til helvede .... Af snestrup2000 i Windows
26/0621:22 Problem med "Explorer Patcher" (File Explorer i Win 11) Af ErikHg i Andet software
26/0611:14 Windows 10 forlænger 1 år til 12. Okt. 2027 Af Uvanga i Windows
25/0622:20 Jeg bakser med noget Database og If Then med ASP - hvad gør jeg galt? Af Peer i ASP
White papers
Flere white papers »