ajax图像加载弹出菜单
ajax图像加载弹出菜单
提问于 2012-07-24 20:59:46
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
window.alert(xmlhttp.responseText);
}
}
xmlhttp.open("GET","popup.html",true);
xmlhttp.send();
}
</script>
</head>
<body onload="javascript:loadXMLDoc()">
<div id="myDiv"><h2>AJAX image popup</h2></div>
</body>
</html>实际上，我想在joomla页面上使用它，但我无法获得任何扩展，所以我创建了这个脚本，但弹出窗口显示的是html，而不是页面代码中的图像。我也试着直接获取图像，但它无法显示它。
所有我想要实现的是当页面加载时弹出一个图像。
致以亲切的问候。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-07-24 21:05:37
通过JavaScript alert()函数实现的标准浏览器“弹出”不能显示图片。它只是纯文本。
显示包含呈现的超文本标记语言的“弹出窗口”的一种方法是使用jQuery UI Dialog。这实际上在页面上创建了一个模式div，它在DOM的范围内模拟“弹出窗口”的功能。该div可以包含任何您想要的超文本标记语言：
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>
<div id="dialog" title="Basic dialog">
<!-- put your markup here -->
</div>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11631398
复制相关文章
相似问题
腾讯云开发者
