0 
<!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 を使用しました。また、画像を直接取得しようとしましたが、表示できませんでした。

私が達成したいのは、ページの読み込み時に画像がポップアップすることだけです。

敬具。

4

1 に答える 1

0

alert()JavaScript関数から得られる標準のブラウザ「ポップアップ」は画像を表示できません。プレーンテキストのみです。

レンダリングされたHTMLを含む「ポップアップ」を表示する1つの方法は、jQueryUIダイアログを使用することです。divこれは基本的に、DOMの範囲内で「ポップアップ」の機能を模倣するモーダルをページ上に作成します。これdivには、必要なHTMLを含めることができます。

<script>
    $(function() {
        $( "#dialog" ).dialog();
    });
</script>
<div id="dialog" title="Basic dialog">
    <!-- put your markup here -->
</div>
于 2012-07-24T13:05:36.700 に答える