jQuery Forum

I am having trouble figuring out how to correct this error, i think i
have narrowed it down to what function is causing the issue, since
once i comment it out, it doent give the error, but the code no longer
does what its supposted to. Whats weird is that the code works how it
should even with the error, but i dont want any errors even if they
arnet effecting anything... well here is the code:
$(document).ready(function(){
//every time a textbox is clicked or focused...
$('.tbox').bind('click focus',function(){
//get the focused textbox's outer border
var targetThis         = $(this).parent().parent().parent().parent();
HandleBlueMe(targetThis ,true);
});
function HandleBlueMe(CurrentBoxWithInput,blnOn){
    if(CurrentBoxWithInput != null){
        if(blnOn == true){
            removePreviousFocusedBlue(CurrentBoxWithInput);
            activateBlue(CurrentBoxWithInput);
        }else if(blnOn == false){
            deactivateBlue(CurrentBoxWithInput);
        }
    }
}
function activateBlue(Box){
    //debugger;
    $(Box).select('.box').addClass('active');
}
function deactivateBlue(Box){
    $(Box).select('.box').removeClass('active');
}
function removePreviousFocusedBlueForInput(){
    $('.sprite > .box').removeClass('active');
}
function removePreviousFocusedBlue(CurrentBoxWithInput){
    if(CurrentBoxWithInput != null && $(CurrentBoxWithInput).select
('.box').length > 0){
        //alert('remove input blue input');
        removePreviousFocusedBlueForInput();
    }else{alert('CurrentBoxWithInput = null or length is less than
zero');}
}
function GetInputContainer(input){
    try{
        return $(input).parent().parent().parent().parent();
    }catch(ex){
        alert("JAVASCRIPT ERROR FAILED TO GET INPUT CONTAINER:
"+ex.message);
    }
    return null;
}
here is a sample of the HTML that it is using:
<div class="sprite inputOne">
<div class="box textbox" id="boxOne">
<div class="topcorners">
<div>
<div></div>
</div>
</div>
<div class="middle">
<div class="left">
<div class="right group1">
<input class="inputBox tbox regemail rec" id="Name"
required="true" title="Full Name"/>
</div>
</div>
</div>
<div class="bottomcorners">
<div>
<div></div>
</div>
</div>
</div>

I am stuck with an issue of getting my modal to pop up and out of the
iframe and show on top of the parent page. I am using the jqModal and
you seem to have answers for everything but this...
I have a parent page, that i can not edit, with an iframe that
contains the logic for the modal. When the the modal is triggered, it
only shows inside of the iframe and i cant seem to get it to pop up
over the parent window.
This is the ultimate objective:
OnLoad of the parent page, if something=true to pop up the modal from
within the iframe to show over the parent.
I can get it to do everything that i need it to do BUT pop up outside
of the iframe. ...idk... i think i am just running in circles at this
point....
SO here is the simplified code that is nested inside of the parent
iframe.... it loads the modal onLoad of the page, but its inside the
iframe... :-(
[HTML]
<style>
.jqmWindow {display: none; position: fixed; top: 17%; left: 50%;
width: 510px; margin-left: -300px; background-color: #FFFFFF; color:
#333; border: 1px solid black; padding:0px 10px 10px 10px;}
.jqmOverlay {background-color: #000;}
</style>
<script type="text/javascript">
$(window).load(function(){
    $('#dialog').jqm();
    $('#dialog').jqmShow();
});
</script>
<div id="dialog" class="jqmWindow">
Content of Modal would go here.
</div>
[/HTML]