Beste SD'ers,

Ik heb een variabele gedefineerd: var $geselecteerd.
Ik heb 4 buttons click events ( ook gemaakt d.m.v. jquery). Ik wil dat bij button1.click de waarde $geselecteerd =1 krijgt. Bij button2.click $geselecteerd 2.

Dit krijg ik al niet voor elkaar.

Nu wil ik een if statement maken. Waarop die moet controleren of $geselecteerd != 1 (bijvoorbeeld) Wie kan mij helpen, ik kom er echt niet aan uit!

bij voorbaat dank,
Tom Giesbergen

Even snel een zeer simpel en hopelijk begrijpelijk voorbeeld uitgewerkt.

Code:

//Standaard waarde van geselecteerd
var geselecteerd = 0;

//HIER jquery code voor instellen van variabele
//Voorbeeld voor een button met een id
$('#hier_je_button_id').click(function() {
    geselecteerd = 1;
});

if(geselecteerd==0) {
    //geselecteerd is 0
}else if(geselecteerd==1) {
    //geselecteerd is 1
}else if(geselecteerd==2) {
    //geselecteerd is 2
}else if(geselecteerd==3) {
    //geselecteerd is 3
} else {
    //geselecteerd is iets anders
}

Neem anders contact op via pm voor meer hulp ;)

@Steven Verkuil,

Volgens mij heb ik in mijn begin post niet duidelijk vermeld dat het gaat om het volgende.
De variabele dient er voor om te controleren of deze button (geselecteerd is) Als dit zo is, dan mag er voor deze button geen hover meer zijn. Ik heb u ook een pb gestuurd met meer informatie!

Het makkelijkst is om het volgende te doen.

Zet om de buttons een speciale class bijv .button
Daarbij maak je in je css een nieuwe class aan waardoor er geen hover effect meer is als je deze zou toevoegen aan .button

voorbeeld:

Code:

.button{
background-color:blue;
}
.button:hover{
background-color:red;
}

body .noHover:hover{
background-color:blue;
}

je doe dan via jQuery het volgende

Code:

$(".button").click(function(){
         $(this).addClass("noHover");
});

En dat is het. Je hoef dus niet met een variable te gaan onthouden welke al geklikt is.

Leon zijn oplossing is DE manier..

Voor de compleetheid zet je er nog $('.button').removeClass('noHover'); bij..

De manier van Leon klopt inderdaad, echter heb ik een dubbele hover ( 2 items ) waardoor het niet zo kan.
Ik heb een variable var geselecteerd = 0;

Nu bij button1.click --> geselecteerd = 1 ;
bij button2.click --> geselecteerd = 2;

Dan heb ik een if statement
If(geselecteerd == 1;){
alers(hij is 1);
} else if (geselecteerd ==2){
alert (hij is 2);
}

De regels hierboven werken niet. Wel als ik zeg if (geselecteerd == 0){} Mijn vraag is dus, hoe moet ik de waarde van mijn variable aan passen? Want hij vindt wel de waarde boven aan (vast gedefinieerd) maar niet mijn andere waarders.

ik hoop dat jullie me kunnen helpen!

met vriendelijke groet,
Tom Giesbergen

If(geselecteerd == 1){
alers('hij is 1');
} else if (geselecteerd == 2){
alert ('hij is 2');
}

Origineel gepost door Tom giesbergen

De manier van Leon klopt inderdaad, echter heb ik een dubbele hover ( 2 items ) waardoor het niet zo kan.
Ik heb een variable var geselecteerd = 0;

Nu bij button1.click --> geselecteerd = 1 ;
bij button2.click --> geselecteerd = 2;

Dan heb ik een if statement
If(geselecteerd == 1;){
alers(hij is 1);
} else if (geselecteerd ==2){
alert (hij is 2);
}

De regels hierboven werken niet. Wel als ik zeg if (geselecteerd == 0){} Mijn vraag is dus, hoe moet ik de waarde van mijn variable aan passen? Want hij vindt wel de waarde boven aan (vast gedefinieerd) maar niet mijn andere waarders.

ik hoop dat jullie me kunnen helpen!

met vriendelijke groet,
Tom Giesbergen

Wat bedoel je precies met dubbel hover?

@Leon, het is toch gelukt met uw eerste reactie. Ik liep zelf een beetje te knoeien. Heel erg bedankt!