Hello guys, i am working on mobile application where i need to load a html file which is stored locally into div,
i am able to see all the html text into div but not the images, i am using fallowing code to load html into div
$.ajax({
url : currentBroadcast.broadcast,
data : {},
success : function(data) {
console.log("data is :" + data);
$("#text_content").html("<strong>" + data + "</strong>");
}
});
log("DEBUG: richTextPageUpdate ended");
}
where currentBroadcast.broadcast is the URL of locale stored HTML file. the images codes as fallow into html file
<p><img alt="" src="20132002093756.png" /></p>
the data contant all the element of local html file, the console log for data come as
<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable = no"/>
<link rel="stylesheet" type="text/css" href="/downloadable/B52/phone.css"/>
</head>
<html>
<body>
<p>here is picture one</p>
<p><img alt="" src="20132002093722.png" /></p>
<p>and here's picture two</p>
<p><img alt="" src="20132002093756.png" /></p>
<p>This is the text broadcast for text page This is the text broadcast for text page This is
</body>
</html>
can anyone help me please i am new with jquery
Thank you