JS cambiare sfondo ad un'oggetto cliccato

[maci94]

Salve a tutti, vi propongo un problema relativamente urgente

nel codice sotto allegato, dovrei assegnare uno sfondo (precisamente una spunta) ad un oggetto cliccato dall'utente(oggetto = immagine) si o no
sotto vi riporto il codice (non scritto da me, su cui sto lavorando) premettendo la mancanza dei commenti

vi spiego in breve cosa fanno queste due funzioni

si tratta di una sorta di quiz
l'utente clicca su si o no ( due immagini a sinistra della pagina) e sulla destra appare una piccola immagine con un testo (diverse in base al'esito della risposta)
la mia idea sarebbe quella di salvare l'ID dell'oggetto cliccato e "marcare" la risposta data con una spunta(immagine sovrapposta e con sfondo trasparente)

Grazie per qualunque suggerimento
Maci94


Codice

__________________________________________________ _
$(document).ready(function () {
$("#tblResult").hide();
$("#tblPDFView").hide();
$(".resultsIcon").hide();
});

function verifyAnswer(questionId, userResponse, timeWon, questionType) {

var correctAnswer = $("#hdnCorrectAnswer_" + questionId).val();

if (correctAnswer == userResponse) {

if (questionType == "YesNo") {
$("#YesResponse_" + questionId).show("smooth");

$("#msg_" + questionId).text("Correct");
$("#msg_" + questionId).css("color", "green");

$("#isCorrectAnswer_" + questionId).val("1");
totalTimeWon += timeWon;
correctAnswers++;
}

$("#choicesRow_" + questionId).show("smooth");
}
else {
$("#NoResponse_" + questionId).show("smooth");

$("#msg_" + questionId).text("Wrong");
$("#msg_" + questionId).css("color", "red");
}

$(".qnOption_" + questionId).attr("onclick", "disabled");
}

function verifyChoice(imgObject, questionId, userResponse, timeWon) {

var correctChoice = $("#hdnCorrectChoice_" + questionId).val();

if (correctChoice == userResponse) {

$("#YesResponse_" + questionId).show("smooth");

$("#msg_" + questionId).text("Correct");
$("#msg_" + questionId).css("color", "green");

$("#isCorrectAnswer_" + questionId).val("1");
totalTimeWon += timeWon;
correctAnswers++;
}
else {
$("#NoResponse_" + questionId).show("smooth");

$("#msg_" + questionId).text("Wrong");
$("#msg_" + questionId).css("color", "red");
}

$(".qnChoice_" + questionId).attr("onclick", "disabled");
// $(imgObject).attr("src", "/Images/YesBox.png");
}

____________________________________________

[webbeloz]

addClass & removeClass
per esempio...
e assegni ad ogni classe colore e immagine, con CSS

[maci94]

Oki grazie
ho utilizzato le varie classi come dicevi
funziona bene
ora mi sorge un altro problema
il tutto è contenuto in un iframe, ma una volta arrivato alla fine del
quiz dovrei caricare la home(non nell'iFrame).
Il problema è che sono all'interno del frame e se utilizzo un link alla home
mi viene caricata suddetto e non a "schermata principale".
c'è un modo per ovviare a questo problema?

Maci94

[cavicchiandrea]

top.location.href='home.xxxx'