I have a html page which shows modal in the web browser. I'm
integrating that html in Android app using WebView. In emulator the
modal is not getting displayed.
Please let me know if I'm doing anything wrong here or if any config
is needed?
The below are the code snippets:
<div style="width: 1300px; left: 0px;" class="belt" id=purchase-modal
>
<ul>
</ul>
</div>
<div id="purchase-modal-content">
<article id="innerMainbox" >
</article>
</div>
function entitlementResponse(status, response) {
if (response.status) {
var res = response.message.length;
tempEntitlementResp = response.message;
$("#purchase-modal ul").empty();
for ( var i = 0; i < response.message.length; i++) {
var assetData = response.message[i];
var myStringAr = [];
myStringAr.push('<li class="panel" style="float: none;
position:absolute; left:');
myStringAr.push(i*120);
myStringAr.push('px;"><a class="purchase newIn"
href="javascript:;" onClick="launchVideo('+ i + ')" >');
myStringAr.push('<img class="ImgSize" src="');
myStringAr.push(assetData.image_url);
myStringAr.push(' "</a><br></li>');
$("#purchase-modal ul").append(myStringAr.join(""));
}
}
}
jQuery(function ($) {
// Load dialog on page load
//$('#basic-modal-content').modal();
// Load dialog on click
$('#purchase-modal .purchase').click(function (e) {
$('#purchase-modal-content').modal();
setTimeout( function() {
$("#gallerya li").mouseover(function() {
$("div",$(this)).show();
$("img",$(this)).css("background", "#000");
}).mouseout(function(){
$("div",$(this)).hide();
$("img",$(this)).css("background", "");
}).each(function() { $("div",$(this)).hide()});
} , 200);
return false;
});
});
--
You received this message because you are subscribed to the Google
Groups "Android Developers" group.
To post to this group, send email to android-developers@googlegroups.com
To unsubscribe from this group, send email to
android-developers+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/android-developers?hl=en
