Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带有图像确定按钮的Javascript自定义警报框_Javascript_Jquery_Html_Ajax - Fatal编程技术网

带有图像确定按钮的Javascript自定义警报框

带有图像确定按钮的Javascript自定义警报框,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我需要创建带有下一个图标图像的自定义警报框。我使用了文本链接,但我不知道如何放置下一个图标而不是文本链接。我在这里添加了自定义警报框功能。有人能帮忙吗。此图像名为new-go-next.png,位于根目录中 function createCustomAlert(txt,string_url) { // shortcut reference to the document object d = document; // if the modalContainer obje

我需要创建带有下一个图标图像的自定义警报框。我使用了文本链接,但我不知道如何放置下一个图标而不是文本链接。我在这里添加了自定义警报框功能。有人能帮忙吗。此图像名为new-go-next.png,位于根目录中

function createCustomAlert(txt,string_url) {
    // shortcut reference to the document object
    d = document;

    // if the modalContainer object already exists in the DOM, bail out.
    if(d.getElementById("modalContainer")) return;

    // create the modalContainer div as a child of the BODY element
    mObj = d.getElementsByTagName("body")[0].appendChild(d.createElement("div"));
    mObj.id = "modalContainer";
     // make sure its as tall as it needs to be to overlay all the content on the page
    mObj.style.height = document.documentElement.scrollHeight + "px";

    // create the DIV that will be the alert 
    alertObj = mObj.appendChild(d.createElement("div"));
    alertObj.id = "alertBox";
    // MSIE doesnt treat position:fixed correctly, so this compensates for positioning the alert
    if(d.all && !window.opera) alertObj.style.top = document.documentElement.scrollTop + "px";
    // center the alert box
    alertObj.style.left = (d.documentElement.scrollWidth - alertObj.offsetWidth)/2 + "px";

    // create an H1 element as the title bar
    h1 = alertObj.appendChild(d.createElement("h1"));
    h1.appendChild(d.createTextNode(ALERT_TITLE));

    // create a paragraph element to contain the txt argument
    msg = alertObj.appendChild(d.createElement("p"));
    msg.innerHTML = txt;

    // create an anchor element to use as the confirmation button.
    btn = alertObj.appendChild(d.createElement("a"));
    btn.id = "closeBtn";
    btn.appendChild(d.createTextNode(ALERT_BUTTON_TEXT));
    btn.href="";
    // set up the onclick event to remove the alert when the anchor is clicked
    btn.onclick = function() { removeCustomAlert(); window.location=string_url;return false; }


}

只需在元素中添加imagedom元素

var oImg=document.createElement("img");
oImg.setAttribute('src', 'next-to-go');
oImg.setAttribute('alt', 'na');
oImg.setAttribute('height', '60px');
oImg.setAttribute('width', '60px');    

btn.appendChild(oImg);

我已经按照您上面提到的方式编辑了我的代码,但我仍然没有在您的浏览器中获得图像、清除缓存和临时文件。firefox需要使用“img”。已更新,请重试。
var oImg=document.createElement("img");
oImg.setAttribute('src', 'next-to-go');
oImg.setAttribute('alt', 'na');
oImg.setAttribute('height', '60px');
oImg.setAttribute('width', '60px');    

btn.appendChild(oImg);