Toon posts:

[JS] listboxes afhankelijk van elkaar

Pagina: 1
Acties:

donderdag 23 juni 2005 11:39

Acties:
  • Tubbietje
  • Registratie: November 2001
  • Laatst online: 00:06

Tubbietje

Illegaal!

Topicstarter
Ik heb al veel gezocht op internet, maar nog geen goede oplossing kunnen vinden.

Het is als volgt: Voor een stemsysteem in html/php, moet je verschillende groepen punten kunnen geven. Er zijn ong. 15 groepen en je mag één groep 3 punten geven, één groep 2 punten en één groep 1 punt.

Nu wil ik dit doen via listboxes dat je de punten kan geven, maar als je een groep drie punten hebt gegeven, moet in de andere listboxes alleen nog maar de keuzes 0, 1 of 2 zijn.
Heb je als eerste 1 punt geselecteerd in de listbox, dan moet je bij de andere groepen alleen nog maar 0, 2 of 3 punten kunnen selecteren.

Khoop dat het een beetje duidelijk is :)

Thnx already

Intel Core i7 4770K + 8x LG 24EB23 | New iPad 16GB WiFi | Xiaomi Mi Mix 2 | Microsoft Surface Pro 3 i5 128GB

donderdag 23 juni 2005 11:43

Acties:
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Klaar als een klontje. En makkelijk te (java)scripten. Zul je alleen zelf wel wat moeite moeten doen ;) Zoals je wellicht al weet zien we hier in P&W graag wat je al geprobeerd hebt en wat er niet aan werkt. We gaan het in ieder geval niet voorkauwen ;)

Maar zou je wel voor listboxes gaan? Waarom niet gewoon checkboxes?

En als je niet zo handig bent met scripten, kijk dan eens op hotscripts ofzo.

[ Voor 42% gewijzigd door RobIII op 23-06-2005 11:45 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 23 juni 2005 11:44

Acties:
  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Sowieso hoort clientside-zut in WG, maar je moet eens zoeken naar mogelijkheden om dynamisch je dropdowns aan te passen :)

Heb weleens pogingen ondernomen om delen te disablen, maar had daar wel wat problemen mee ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 23 juni 2005 11:46

Acties:
  • Creepy
  • Registratie: Juni 2001
  • Laatst online: 05-05 22:57

Creepy

Tactical Espionage Splatterer

Oeh.. javascript :P
Move -> Programming & Webscripting. Zie ook HTML, CSS, JavaScript, Flash en Director topics *12-05*. Zo onzichtbaar is zo'n sticky topic toch niet? :P

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney

donderdag 23 juni 2005 11:46

Acties:
  • Tubbietje
  • Registratie: November 2001
  • Laatst online: 00:06

Tubbietje

Illegaal!

Topicstarter
RobIII schreef op donderdag 23 juni 2005 @ 11:43:
Klaar als een klontje. En makkelijk te (java)scripten. Zul je alleen zelf wel wat moeite moeten doen ;)

Maar zou je wel voor listboxes gaan? Waarom niet gewoon checkboxes?
Misschien voor een diehard programmeur dat het makkelijk is, maar ik kwam er echt niet uit.
Heb al scripts zoals deze proberen te veranderen, maar zonder succes.

En listboxes zijn minder druk dan tekstboxes, vandaar :)

Intel Core i7 4770K + 8x LG 24EB23 | New iPad 16GB WiFi | Xiaomi Mi Mix 2 | Microsoft Surface Pro 3 i5 128GB

donderdag 23 juni 2005 11:49

Acties:
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Tarod schreef op donderdag 23 juni 2005 @ 11:46:
[...]
En listboxes zijn minder druk dan tekstboxes, vandaar :)
checkboxes ;)
Ik ga eens even voor je kijken (als de modjes dit topic even open willen laten kan ik even een voorzetje flansen voor TS)

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 23 juni 2005 11:52

Acties:
  • Tubbietje
  • Registratie: November 2001
  • Laatst online: 00:06

Tubbietje

Illegaal!

Topicstarter
RobIII schreef op donderdag 23 juni 2005 @ 11:49:
[...]

checkboxes ;)
Ik ga eens even voor je kijken (als de modjes dit topic even open willen laten kan ik even een voorzetje flansen voor TS)
Bedankt alvast :) en checkboxes idd |:(

[ Voor 5% gewijzigd door Tubbietje op 23-06-2005 11:52 ]

Intel Core i7 4770K + 8x LG 24EB23 | New iPad 16GB WiFi | Xiaomi Mi Mix 2 | Microsoft Surface Pro 3 i5 128GB

donderdag 23 juni 2005 12:03

Acties:
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Tarod schreef op donderdag 23 juni 2005 @ 11:52:
[...]


Bedankt alvast :) en checkboxes idd |:(
Zoals ik al zei gaan we niet voorkauwen ;)
Dit zou je een eind op weg moeten helpen:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Test</title>
    <script language="JavaScript">
        function doScores() {
            var oSel;
            var lMaxPoints = 5;
            var lSel;
            for (t=1;t<=3;t++) {
                oSel = document.getElementById('sel'+t);
                lSel = getSelCount(oSel);
                lMaxPoints-=lSel;
                document.getElementById('spSel'+t).innerText=lSel;
            }
            document.getElementById('spRest').innerText='Rest: ' + lMaxPoints + ' punten';
        }
        
        function getSelCount(oSel) {
            var lCount=0;
            for (var t=0;t<oSel.options.length;t++) if (oSel.options[t].selected) lCount++;
            return lCount;
        }
    </script>
</head>

<body>
    <span id="spSel1">0</span>
    <select id="sel1" multiple size="8" onchange="doScores();">
        <option>Appelflap</option>
        <option>Banaan</option>
        <option>Citroen</option>
        <option>Druif</option>
        <option>Kiwi</option>
    </select>
    
    <span id="spSel2">0</span>
    <select id="sel2" multiple size="8" onchange="doScores();">
        <option>Appelflap</option>
        <option>Banaan</option>
        <option>Citroen</option>
        <option>Druif</option>
        <option>Kiwi</option>
    </select>
    
    <span id="spSel3">0</span>
    <select id="sel3" multiple size="8" onchange="doScores();">
        <option>Appelflap</option>
        <option>Banaan</option>
        <option>Citroen</option>
        <option>Druif</option>
        <option>Kiwi</option>
    </select>       
    <span id="spRest"></span>
</body>
</html>


TODO's:
• Beperkingen inbouwen (niet meer dan 5 punten in totaal uitdelen, en in groepen van 3, 2 en 1)...

[ Voor 51% gewijzigd door RobIII op 23-06-2005 12:07 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 23 juni 2005 12:10

Acties:
  • Tubbietje
  • Registratie: November 2001
  • Laatst online: 00:06

Tubbietje

Illegaal!

Topicstarter
RobIII schreef op donderdag 23 juni 2005 @ 12:03:
[...]

Zoals ik al zei gaan we niet voorkauwen ;)
Dit zou je een eind op weg moeten helpen:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Test</title>
    <script language="JavaScript">
        function doScores() {
            var oSel;
            var lMaxPoints = 5;
            var lSel;
            for (t=1;t<=3;t++) {
                oSel = document.getElementById('sel'+t);
                lSel = getSelCount(oSel);
                lMaxPoints-=lSel;
                document.getElementById('spSel'+t).innerText=lSel;
            }
            document.getElementById('spRest').innerText='Rest: ' + lMaxPoints + ' punten';
        }
        
        function getSelCount(oSel) {
            var lCount=0;
            for (var t=0;t<oSel.options.length;t++) if (oSel.options[t].selected) lCount++;
            return lCount;
        }
    </script>
</head>

<body>
    <span id="spSel1">0</span>
    <select id="sel1" multiple size="8" onchange="doScores();">
        <option>Appelflap</option>
        <option>Banaan</option>
        <option>Citroen</option>
        <option>Druif</option>
        <option>Kiwi</option>
    </select>
    
    <span id="spSel2">0</span>
    <select id="sel2" multiple size="8" onchange="doScores();">
        <option>Appelflap</option>
        <option>Banaan</option>
        <option>Citroen</option>
        <option>Druif</option>
        <option>Kiwi</option>
    </select>
    
    <span id="spSel3">0</span>
    <select id="sel3" multiple size="8" onchange="doScores();">
        <option>Appelflap</option>
        <option>Banaan</option>
        <option>Citroen</option>
        <option>Druif</option>
        <option>Kiwi</option>
    </select>       
    <span id="spRest"></span>
</body>
</html>


TODO's:
• Beperkingen inbouwen (niet meer dan 5 punten in totaal uitdelen, en in groepen van 3, 2 en 1)...
Heel erg bedankt, alleen moest het niet zo'n box zijn, maar uhh... een listbox/menu zeg maar.
zoals op deze pagina te zien is.
Is dat nog makkelijk aan te passen?

Ik waardeer het enorm dat je me zo helpt iig :)

Intel Core i7 4770K + 8x LG 24EB23 | New iPad 16GB WiFi | Xiaomi Mi Mix 2 | Microsoft Surface Pro 3 i5 128GB

donderdag 23 juni 2005 12:13

Acties:
  • BtM909
  • Registratie: Juni 2000
  • Niet online

BtM909

Watch out Guys...

Het is hetzelfde, haal size maar eens weg ;)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 23 juni 2005 12:16

Acties:
  • Tubbietje
  • Registratie: November 2001
  • Laatst online: 00:06

Tubbietje

Illegaal!

Topicstarter
BtM909 schreef op donderdag 23 juni 2005 @ 12:13:
Het is hetzelfde, haal size maar eens weg ;)
Ik zie het :)
Alleen is het net niet zoals die andere box die ik bedoel, maar opzich kan dit ook denk.

Thnx... ga er ff verder mee stoeien

Intel Core i7 4770K + 8x LG 24EB23 | New iPad 16GB WiFi | Xiaomi Mi Mix 2 | Microsoft Surface Pro 3 i5 128GB

donderdag 23 juni 2005 12:45

Acties:
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Je zult moeten leren je controls uit elkaar te houden ;) Er zit nogal een verschil tussen listboxes, dropdowns, radiobuttons en checkboxes (om maar iets te noemen) en elk heeft zo z'n eigen specifieke doel...

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 23 juni 2005 14:12

Acties:
  • Tubbietje
  • Registratie: November 2001
  • Laatst online: 00:06

Tubbietje

Illegaal!

Topicstarter
RobIII schreef op donderdag 23 juni 2005 @ 12:45:
Je zult moeten leren je controls uit elkaar te houden ;) Er zit nogal een verschil tussen listboxes, dropdowns, radiobuttons en checkboxes (om maar iets te noemen) en elk heeft zo z'n eigen specifieke doel...
Toch lukt het me maar niet om er nog meer uit te komen :?
Misschien dat iemand me nog een klein beetje hulp kan geven op de code van RobIII :)

Intel Core i7 4770K + 8x LG 24EB23 | New iPad 16GB WiFi | Xiaomi Mi Mix 2 | Microsoft Surface Pro 3 i5 128GB

donderdag 23 juni 2005 14:16

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 16:18

crisp

Devver

Pixelated

RobIII: ga je schamen! innerText is geen onderdeel van DOM en IE-only :/ ;)

Intentionally left blank

donderdag 23 juni 2005 14:20

Acties:
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
crisp schreef op donderdag 23 juni 2005 @ 14:16:
RobIII: ga je schamen! innerText is geen onderdeel van DOM en IE-only :/ ;)
*kuch* :o
Dat krijg je als je vlug vlug flanst :P
Moet natuurlijk innerHTML zijn O-)

[ Voor 8% gewijzigd door RobIII op 23-06-2005 14:21 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

donderdag 23 juni 2005 14:37

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 16:18

crisp

Devver

Pixelated

RobIII schreef op donderdag 23 juni 2005 @ 14:20:
[...]

*kuch* :o
Dat krijg je als je vlug vlug flanst :P
Moet natuurlijk innerHTML zijn O-)
of firstChild.nodeValue als het enkel om text gaat ;)

Intentionally left blank

Pagina: 1
Reageer