Oprettet tir. d. 11. maj 2010 kl. 10:56:01

IT-GuFFe
IT-GuFFe (7.505 point. Point ude: 0)

Tilføje radio forms, efter at en anden radio form er blevet checked

Hej med jer

Mit problem er sådan, at jeg har nogle grupper radio buttons.

Hvor man først vælger 1 person eller 2 personer.

Her har jeg så evt. nogen valgmuligheder ( Som er en ny gruppe radiobuttons), Det kan være Gå, Cykel, Løb.

Hvis man har valgt 2 personer.
Så var min mening at der skulle komme en ny række med muligheder, sådan at man får mulighed for at vælge en "valgmulighed" for begge personer.

Det er en ASP side. Det er standard HTML forms jeg har brugt.
Nogen idér ? :-)

Skrevet tir. d. 11. maj 2010 kl. 11:12:43| #1

olebole
olebole (214.613 point)
<ole>

Prøv at lægge et link til siden

/mvh
</bole>

Skrevet tir. d. 11. maj 2010 kl. 11:19:31| #2

IT-GuFFe
IT-GuFFe (7.505 point)
Hej Ole

Den er ikke lagt ud på nettet.

Altså jeg har 2 radio buttons til at starte med, hvor man vælger 1 person eller 2 personer.

Hvis man har valgt 1 person, så skal der kun være 1 række med valgmuligheder.

Hvis man har valgt 2 personer, så skal der være 2 rækker med valgmuligheder.

Der er ikke rigtig noget fancy på siden..
Det er bare alm. textfiler valgmulighederne bliver læst op fra.

Skrevet tir. d. 11. maj 2010 kl. 11:34:46| #3

olebole
olebole (214.613 point)
2 Personer: <input onclick="document.getElementById('foo').style.display=this.checked?'block':'none'" type="radio" name="noget">

<div id="foo" style="display:none">Andre radios</div>

Når du klikker på din radio, gemmes divet, når radio'en ikke er checked - mens divet bliver synligt, hvis den er checked

Skrevet tir. d. 11. maj 2010 kl. 12:44:56| #4

IT-GuFFe
IT-GuFFe (7.505 point)
Nu begynder det at ligne noget :-)

Jeg kan dog få den til at blive skjult igen ? :)

<body>

1 Person: <input type="radio" name="noget">2 Personer: <input onclick="document.getElementById('foo').style.display=this.checked?'block':'none'" type="radio" name="noget">

<div id="foo" style="display:none">Test: <input type="radio" name="Test"></div>

</body>


Det er hvad jeg har på min test side.
Jeg kan godt få den vist, men jeg kan ikke få den skjult igen

Skrevet tir. d. 11. maj 2010 kl. 12:51:00| #5

IT-GuFFe
IT-GuFFe (7.505 point)
Kan det evt. passe at hvis jeg har det i en table. Så skal <div></div> være i samme <td> ? synes ikke jeg kan få det til at virke hvis jeg sætter den et andet sted :)

Skrevet tir. d. 11. maj 2010 kl. 13:39:14| #6

olebole
olebole (214.613 point)
1 Person: <input type="radio" name="noget" onclick="document.getElementById('foo').style.display='none'">2 Personer: <input onclick="document.getElementById('foo').style.display=this.checked?'block':'none'" type="radio" name="noget">

Nej, divet kan ligge, hvor som helst indenfor <body> og </body>

Skrevet tir. d. 11. maj 2010 kl. 14:46:41| #7

IT-GuFFe
IT-GuFFe (7.505 point)
Okay, så kan jeg se jeg lige skal have gravet lidt dybere :)

Pt. kan jeg kun få det til at virke hvis det står i samme <td>

Skrevet tir. d. 11. maj 2010 kl. 14:57:47| #8

IT-GuFFe
IT-GuFFe (7.505 point)
Kan det passe at man ikke kan bruge <div> til at vælge om en <tr> skal være der ikke ej?

Skrevet tir. d. 11. maj 2010 kl. 15:11:47| #9

olebole
olebole (214.613 point)
Du kan under ingen omstændigheder lægge et div rundt om en td, tr eller tbody

Skrevet tir. d. 11. maj 2010 kl. 15:14:04| #10

IT-GuFFe
IT-GuFFe (7.505 point)
Oh okay :-) det forklarer jo det hele ;-)

Men tak for alle de hurtige svar :) du har reddet min dag :)

Smider du et svar? :)

Skrevet tir. d. 11. maj 2010 kl. 15:17:08| #11

IT-GuFFe
IT-GuFFe (7.505 point)
Evt lige et hurtigt spørgsmål mere ;)

Hvis jeg nu har noget tekst i en
<td> Her er tekst</td>
<td> Her er mere tekst</td>

Hvis jeg nu ville have det til at komme frem på sammetid, hvordan vil man så skulle gøre det?

For det ser ud til at med div, den kun kan bruges engang ? :)

Skrevet tir. d. 11. maj 2010 kl. 15:45:36| #12

olebole
olebole (214.613 point)
Du kunne jo skrive noget à la:

<script type="text/javascript">
function hideMore() {
    for (var i=0,j=arguments.length; i<j; i++) {
        document.getElementById(arguments[i]).style.display = 'none';
    }
}
</script>

<input type="radio" name="noget" onclick="hideMore('foo', 'bar', 'fooBar')">

Så gemmer du elementerne foo, bar og fooBar. Og du kan selvfølgelig vise dem på samme måde. Så sætter du bare display-værdien til 'block' i stedet

Skrevet tir. d. 11. maj 2010 kl. 15:51:02| #13

olebole
olebole (214.613 point)
- og sådan kan du skifte mellem at vise og skjule elementerne 'foo', 'bar' og 'fooBar'. Du viser og skjuler ved hvert andet klik - ligesom i mit første eksempel:

<script type="text/javascript">
function toggleMore() {
    var sAction = arguments[0].checked ? "block" : "none";
    for (var i=1,j=arguments.length; i<j; i++) {
        document.getElementById(arguments[i]).style.display = sAction;
    }
}
</script>

<input type="radio" name="noget" onclick="toggleMore(this, 'foo', 'bar', 'fooBar')">

Skrevet tir. d. 11. maj 2010 kl. 15:56:05| #14

IT-GuFFe
IT-GuFFe (7.505 point)
Uha det var lige præcis det jeg ledte efter :-)

Du skal have rigtig mange tak :D Smider du et svar så skal du få nogen fortjente point :)

Skrevet tir. d. 11. maj 2010 kl. 23:15:13| #15

olebole
olebole (214.613 point)
Selvtak. Uha ... så lægger jeg et svar  ;o)

Skrevet ons. d. 12. maj 2010 kl. 10:43:14| #16

olebole
olebole (214.613 point)
Tak for points  =)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Gode hjemmesider til html og css

Oprettet den 21. maj 2012 kl. 19.58
Bauz giver 30 point for svar | Giv et svar »

Javascript til at Disable en Textbox i en form

Oprettet den 21. maj 2012 kl. 09.13
DannyMalvang giver 100 point for svar | Giv et svar »

Responsive verdenskort med punkter

Oprettet den 16. maj 2012 kl. 17.52
yoghurt-feen giver 200 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger