I am trying to implement this. but it did not work in case of iframe within iframe. My page html is:

my text answer 1

my text answer 2

Question 1

Question 2

For this I have written following jquery script :

$(document).ready(function() {
var iframeOffset = $(“#main-frame”, window.parent.document).offset();
$(“.question_lists”).live(“click”, function(){
var id = this.id;
$(‘div[id^="student_question_box_"]‘).css({‘background’:'none’,'border’:'none’})
$(“#student_question_box_”+id).css({‘background’:'#ccc’,'margin’:’12px 0px’,'border’:’2px solid #a3a3a3′,’padding-left’:’5px’,'border-radius’:’2px’,'width’:’100%’,'color’:'#111′});

var idElement = $(“#student_question_box_”+id);
var element = null;
if(idElement.length > 0) {
element = idElement;
}

if(element) {
var offset = element.offset();
alert(window.parent.scrollTo(offset.left, offset.top + iframeOffset.top));
}
return false;

});
});

Can you please tell me where exactly I am making mistake? Actually you have given sample for only one Iframe tag. but what shud I do for page opens in iframe withing iframe?

Thanks & Regards

Jay

https://chutzpah.codeplex.com/workitem/92
https://chutzpah.codeplex.com/discussions/433478