LightBox example that works in IE7

<div class=”DAT_LightBox_Shadow”></div>
<div class=”DAT_LightBox” id=”dnbSummaryDetail”></div>

<script>
$(document).ready(function(){
$(“.DAT_LightBox_Shadow”).click(function(){
$(“.DAT_LightBox, .DAT_LightBox_Shadow”).hide();
});

$(“#summaryTable”).on(“click”, “a[id^=\”dnbSummaryDetail\”]”, ‘hello’, showDNBSummaryDetail);
});

function showDNBSummaryDetail(evt) {
$(“#dnbSummaryDetail”).find(‘div[id$=”CIF”]’).text(“You piece of shit”);
$(“.DAT_LightBox_Shadow, #dnbSummaryDetail”).show();
}
</script>

div.DAT_LightBox {
position: absolute;
top: 15%;
left: 50%;
margin-left: -250px;
background: #fff;
z-index: 1001;
overflow: auto;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
display: none;
}

div.DAT_LightBox_Shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
z-index: 1000;
display: none;
}

div#dnbSummaryDetail {
width: 500px;
height: 500px;
font-family: sans-serif;
}

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s