SoFunction
Updated on 2025-04-03

JS implements div simulation dialog box to display URL content

This article describes the implementation of the div simulation dialog box to display URL content in js. Share it for your reference, as follows:

<script>
function sAlert(str){
 var msgw,msgh,bordercolor;
 msgw=800;//The width of the prompt window msgh=600;//The height of the prompt window titleheight=25 // Prompt window title height bordercolor="#336699";//The border color of the prompt window titlecolor="#99CCFF";//Title color of prompt window var sWidth,sHeight;
 sWidth=;
 sHeight=;
 var bgObj=("div");
 ('id','bgDiv');
 ="absolute";
 ="0";
 ="#777";
 ="progid:(style=3,opacity=25,finishOpacity=75";
 ="0.6";
 ="0";
 =sWidth + "px";
 =sHeight + "px";
  = "10000";
 (bgObj);
 var msgObj=("div")
 ("id","msgDiv");
 ("align","center");
 ="white";
 ="1px solid " + bordercolor;
   = "absolute";
  = "60%";
    = "20%";
   ="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
    = "-525px" ;
    = -75++"px";
    = msgw + "px";
    =msgh + "px";
    = "center";
    ="25px";
    = "10001";
  var title=("h4");
  ("id","msgTitle");
  ("align","right");
  ="0";
  ="3px";
  =bordercolor;
  ="progid:(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
  ="0.75";
  ="1px solid " + bordercolor;
  ="18px";
  ="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
  ="white";
  ="pointer";
  ="closure";
  =function(){
  (bgObj);
   ("msgDiv").removeChild(title);
   (msgObj);
   }
  (msgObj);
  ("msgDiv").appendChild(title);
  var txt=("p");
  ="1em 0"
  ("id","msgTxt");
  =str;
  ("msgDiv").appendChild(txt);
  }
function ajax_form(url)
{
 $.post(url,
 {Action:"POST"},
 function (data)
 {
  sAlert(data);
 }, 
 "html");
}
</script>

usage:

Copy the codeThe code is as follows:
<a href='#' onclick="ajax_form('http://localhost/create_user_form.html');">test</a>

PS: The code layout seems to be not satisfactory. Here I recommend several code formatting tools to you. I believe that it can be used in future programming development:

C language style/HTML/CSS/json code formatting and beautification tools:
http://tools./code/ccode_html_css_json

Online JavaScript code beautification and formatting tools:
http://tools./code/js

JavaScript code beautification/compression/formatting/encryption tools:
http://tools./code/jscompress

Online JSON code verification, inspection, beautification and formatting tools:
http://tools./code/json

json code online formatting/beautification/compression/editing/converting tools:
http://tools./code/jsoncodeformat

For more information about JavaScript, please view the special topic of this site: "Summary of ajax operation skills in JavaScript》、《Summary of json operation skills in JavaScript》、《Summary of JavaScript switching effects and techniques》、《Summary of JavaScript search algorithm skills》、《Summary of JavaScript animation special effects and techniques》、《Summary of JavaScript Errors and Debugging Skills》、《Summary of JavaScript data structure and algorithm techniques》、《JavaScript traversal algorithm and skills summary"and"Summary of JavaScript mathematical operations usage》

I hope this article will be helpful to everyone's JavaScript programming.