Forum » Client-Side scripting » Loop vast met een kleine JS code
sukel
Berichten: 411
avatar
Offline Stuur privebericht
Hey cp,

Ik ken nog niet echt goed javascript, dat probeer ik met wat ik wil maken te leren. Ik loop vast bij de volgende code:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<SCRIPT LANGUAGE="javascript">
function KeepCount() {
var NewCount = 0

if (document.keuze.ano.checked){
NewCount = NewCount + 1
}
if (document.keuze.vrij.checked){
NewCount = NewCount + 1
var show = true;
}
if (NewCount == 2){
alert('Je kan maar 1 van de 2 keuzes kiezen!')
document.keuze; return false;   }  }
</SCRIPT>
<FORM NAME="keuze">
<INPUT TYPE="checkbox" NAME="ano" onClick="return KeepCount()"> Ik wil het account aangeven als anoniem voor de gebruikers.
<INPUT TYPE="checkbox" NAME="vrij" onClick="return KeepCount()"> Ik geef de naam van het account weer aan de gebruikers.
</FORM>


Ik wil zeg maar dat als de gebruiker de checkbox vrij aanvinkt, er dan een textfield onder deze code komt zodat de gebruiker een naam kan invullen.

Ik weet nou niet hoe ik dit een "echo" geeft zodat het tevoorschijn komt. Ik dacht met de true boolean alleen met wat controleer ik of de waarde true gegeven is zodat de textfield tevoorschijn kan komen?

Dat is dit stukje code:
Code | Selecteer Alles
minimaliseren
1
var show = true;


Alvast bedankt!

EDIT:

Ik heb nu dit:
Code | Selecteer Alles
minimaliseren
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
<SCRIPT LANGUAGE="javascript">
function KeepCount() {
var NewCount = 0

if (document.keuze.ano.checked){
NewCount = NewCount + 1
}
if (document.keuze.vrij.checked){
NewCount = NewCount + 1
}
if (NewCount == 2){
alert('Je kan maar 1 van de 2 keuzes kiezen!')
document.keuze; return false;  
 }  
 }
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
function toggle(what,targetId) {
target = document.getElementById(targetId);
target.style.display = (what.checked)?'':'none';
}
</SCRIPT>
<FORM NAME="keuze">
<INPUT TYPE="checkbox" NAME="ano" onClick="return KeepCount()"> Ik wil het account aangeven als anoniem voor de gebruikers.
<INPUT TYPE="checkbox" NAME="vrij" value="vrij" onClick="toggle(this,'divtochange'); return KeepCount();"> Ik geef de naam van het account weer aan de gebruikers.
</FORM>  

<div id="divtochange" style="display:none;">
test
</div>


Nu raakt de controle van de aangevinkte items een beetje bugged. Kies je de eerste en dan de 2e hokje, krijg je wel de melding, maar de div blijft zichtbaar, dat wil ik vermijden. Hoe kan ik dit oplossen?
Laatst gewijzigd door sukel op 2012-01-04 22:22:48
04-01-2012 20:09
Dit topic is 159 keer bekeken door 37 verschillende leden
Reacties op: "Loop vast met een kleine JS code"
1 | 2 Volgende pagina
BrokenTrack4
Berichten: 5
avatar
Offline Stuur privébericht
Even om bij het begin te beginnen.

Waarom heb je twee functies met dezelfde naam?

Verder is mijn persoonlijke voorkeur het gebruik van jQuery, die maakt zoiets erg makkelijk
04-01-2012 20:11
sukel
Berichten: 411
avatar
Offline Stuur privébericht
Quote: BrokenTrack4

Even om bij het begin te beginnen.

Waarom heb je twee functies met dezelfde naam?

Verder is mijn persoonlijke voorkeur het gebruik van jQuery, die maakt zoiets erg makkelijk



De eerste checkt of er maar 1 vakje gekozen is en de 2e checkt of het vakje vrij gekozen is, zoja, geeft hij de true, alleen hoe roep ik deze op?
04-01-2012 20:14
BrokenTrack4
Berichten: 5
avatar
Offline Stuur privébericht
Quote: sukel

Quote: BrokenTrack4

Even om bij het begin te beginnen.

Waarom heb je twee functies met dezelfde naam?

Verder is mijn persoonlijke voorkeur het gebruik van jQuery, die maakt zoiets erg makkelijk



De eerste checkt of er maar 1 vakje gekozen is en de 2e checkt of het vakje vrij gekozen is, zoja, geeft hij de true, alleen hoe roep ik deze op?


"De eerste", "de tweede". De browser ziet ze maar als één. Ik geloof de laatste, weet ik niet zeker.
04-01-2012 20:16
sukel
Berichten: 411
avatar
Offline Stuur privébericht
Dan zet ik ze wel in 1, alleen met wat kan ik checken dat als het zo is hij een textarea laat zien.
04-01-2012 20:21
K.Rens
Eigenaar DiMoWeb
Berichten: 2400
avatar
Offline Stuur privébericht
Om een textarea te tonen kun je volgende code gebruiken:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<SCRIPT LANGUAGE="javascript"> 
getElementById('element').style.display = 'block';
</script>

<textarea id="element" style="display: none;">test</textarea>


Standaard is het veld verborgen en van zodra de javascript wordt geladen, wordt het veld getoond.
Opgelet: in bovenstaande code wordt het meteen getoond, mogelijk wil je een if of een onclick er rond zetten, zodat hij dit pas doet na een actie.
Nu ga je de textarea niet lang verborgen zien.
04-01-2012 20:58
sukel
Berichten: 411
avatar
Offline Stuur privébericht
Quote: K.Rens

Om een textarea te tonen kun je volgende code gebruiken:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<SCRIPT LANGUAGE="javascript"> 
getElementById('element').style.display = 'block';
</script>

<textarea id="element" style="display: none;">test</textarea>


Standaard is het veld verborgen en van zodra de javascript wordt geladen, wordt het veld getoond.
Opgelet: in bovenstaande code wordt het meteen getoond, mogelijk wil je een if of een onclick er rond zetten, zodat hij dit pas doet na een actie.
Nu ga je de textarea niet lang verborgen zien.



Ik snap nog niet veel van Javascript. Hoe verwerk ik dit in de code, met zeg maar de : als vakje vrij aangevinkt is, laat textarea zien.

Wat moet ik aan deze code aanpassen om dat werkend te krijgen?
04-01-2012 21:06
BrokenTrack4
Berichten: 5
avatar
Offline Stuur privébericht
Quote: sukel

Quote: K.Rens

Om een textarea te tonen kun je volgende code gebruiken:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<SCRIPT LANGUAGE="javascript"> 
getElementById('element').style.display = 'block';
</script>

<textarea id="element" style="display: none;">test</textarea>


Standaard is het veld verborgen en van zodra de javascript wordt geladen, wordt het veld getoond.
Opgelet: in bovenstaande code wordt het meteen getoond, mogelijk wil je een if of een onclick er rond zetten, zodat hij dit pas doet na een actie.
Nu ga je de textarea niet lang verborgen zien.



Ik snap nog niet veel van Javascript. Hoe verwerk ik dit in de code, met zeg maar de : als vakje vrij aangevinkt is, laat textarea zien.

Wat moet ik aan deze code aanpassen om dat werkend te krijgen?

Hier heb ik het antwoord binnen 15 sec gevonden
04-01-2012 21:29
sukel
Berichten: 411
avatar
Offline Stuur privébericht
Quote: BrokenTrack4

Quote: sukel

Quote: K.Rens

Om een textarea te tonen kun je volgende code gebruiken:

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
<SCRIPT LANGUAGE="javascript"> 
getElementById('element').style.display = 'block';
</script>

<textarea id="element" style="display: none;">test</textarea>


Standaard is het veld verborgen en van zodra de javascript wordt geladen, wordt het veld getoond.
Opgelet: in bovenstaande code wordt het meteen getoond, mogelijk wil je een if of een onclick er rond zetten, zodat hij dit pas doet na een actie.
Nu ga je de textarea niet lang verborgen zien.



Ik snap nog niet veel van Javascript. Hoe verwerk ik dit in de code, met zeg maar de : als vakje vrij aangevinkt is, laat textarea zien.

Wat moet ik aan deze code aanpassen om dat werkend te krijgen?

Hier heb ik het antwoord binnen 15 sec gevonden



Nee hoor, de antwoorden die daar staan passen niet bij wat ik nu heb.
04-01-2012 21:38
BrokenTrack4
Berichten: 5
avatar
Offline Stuur privébericht
Je hebt je onclick functie...
Dus als er op vakje geklikt wordt.

Met de link kan je nu kijken of het vakje daadwerkelijk aangeklikt is.

Met de code van Koen kan je textarea tevoorschijn halen.

Alles past perfect samen!
04-01-2012 21:48
sukel
Berichten: 411
avatar
Offline Stuur privébericht
EDIT:

Ik heb nu dit:
Code | Selecteer Alles
minimaliseren
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
<SCRIPT LANGUAGE="javascript">
function KeepCount() {
var NewCount = 0

if (document.keuze.ano.checked){
NewCount = NewCount + 1
}
if (document.keuze.vrij.checked){
NewCount = NewCount + 1
}
if (NewCount == 2){
alert('Je kan maar 1 van de 2 keuzes kiezen!')
document.keuze; return false;  
 }  
 }
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
function toggle(what,targetId) {
target = document.getElementById(targetId);
target.style.display = (what.checked)?'':'none';
}
</SCRIPT>
<FORM NAME="keuze">
<INPUT TYPE="checkbox" NAME="ano" onClick="return KeepCount()"> Ik wil het account aangeven als anoniem voor de gebruikers.
<INPUT TYPE="checkbox" NAME="vrij" value="vrij" onClick="toggle(this,'divtochange'); return KeepCount();"> Ik geef de naam van het account weer aan de gebruikers.
</FORM>  

<div id="divtochange" style="display:none;">
test
</div>


Nu raakt de controle van de aangevinkte items een beetje bugged. Kies je de eerste en dan de 2e hokje, krijg je wel de melding, maar de div blijft zichtbaar, dat wil ik vermijden. Hoe kan ik dit oplossen?
04-01-2012 22:23
Reageer op: "Loop vast met een kleine JS code"
1 | 2 Volgende pagina
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden