How to disable javascript events temporarily

Question

I'm creating an accessible website for disabled students using access technologies to answer a survey. As such it needs a lot of visual feedback.

I use javascript to change css styles of an imagelink (that's used to select a radio button.) When the image link has focus it changes styles - however once the image is clicked (therefore clicking the radio button) I'd like it to change to a 3rd style and stay like that until another button is clicked. Currently the mouseout and onblur events stay active and revert back to the unfocused style.

All code is on this fiddle: http://jsfiddle.net/KK4xe/2/

I've tried: if statements for when the radio is selected and rewriting div contents onclick so that the

Many thanks, Mike

(note. the radio button will be hidden with CSS once sorted so that it doesn't interfere with screen readers etc.)

Richard A · Accepted Answer · 2011-09-06 20:26:48Z

1

Try this ;

function changeClass1(){
--> if(!document.getElementById("YES").checked){
        document.getElementById("1").setAttribute("class", "optionfocus");
    }
}

function changeClassBack1(){
--> if(!document.getElementById("YES").checked){
        document.getElementById("1").setAttribute("class", "option");
    }
}

see example

Note: * i also added the hidden attribute for the check box (to ensure it work when hidden)

answered Sep 6, 2011 at 20:26

Richard A

2,10015 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to disable javascript events temporarily

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related