- Tech
- Pop-up window (1)
Four Cool Ways to use the popup Object </ title> <meta http-equiv = content-type content = "text / html; charSet = GB2312> <script> <! - var OPOPUP = window.createpopup (); function richdialog () {opopup.document.body.innerhtml = ODIALOG.INNNERHTML; opopup.show (100, 50, 400, 300);} -> </ script> <meta content = "Microsoft FrontPage 5.0" Name = Generator> </ head> <body οnlοad = richdialog ()> asdfasdfsadsdsadf</p>
<p><Div id = odialog style = "display: none"> <div id = myid style = "border-right: black 1px solid; padding-right: 10px; border-top: white 1px solid; padding-left: 18px; Background : #cccccc; ip: 0px; padding-bottom: 10px; font: 10pt: white 1px solid; width: 100%; Padding-top: 10px; border-bottom: black 1px solid; Position: absolute; Top: 0px; Height: 100%> <b> Rich Message Boxes </ B> <hr style = "Border-Right: Black 1px Solid; Border-top: Black 1px Solid; Border-Left: Black 1PX Solid; Border -Bottom: Black 1PX Solid "Size = 1> <div style =" font-size: 80%; Width: 220px; line-heiGHT: 1.5em; font-family: Tahoma> <br> this message box is written entirely in Dynamic HTML (DHTML) using Cascading Style Sheets (CSS). You can dynamically change properties of this message box. For instance, click the button below to change the color of the popup object. <BR> <BR> <BR> < Button style = "background: #ccccc" οnclick = "myid.style.backgroundcolor = '# ffcc00';" TabINDEX = -1> Change Color </ button> </ div></p>
<p><br> <button style = "Border-Right: black 1px solid; border-top: white 1px solid; background: #cccccc; border-left: white 1px solid; border-bottom: black 1px solid" οnclick = Parent.opopup.hide (); tabindex = -1> Close Message </ button> </ div></p>
<p><DIV style = "padding: 10px; border-right: 1px solid white; border-top: 1px solid black; FILTER: progid: DXImageTransform.Microsoft.Gradient (GradientType = 0, StartColorStr = gold, EndColorStr = # FFFFFF); LEFT : 256; Border-Left: 1PX Solid Black; Width: 160; Border-Bottom: 1px Solid White; Position: Absolute; Top: 78; Height: 192; Font-Style: Normal; Font-Variant: Normal; Font-Weight : Normal; font-size: 10pt; font-family: Tahoma> <b> DHTML Content </ b> <hr style = "border-right: black 1px solid; border-top: black 1px solid; border-left: Black 1PX Solid; Border-Bottom: Black 1PX Solid "Size = 1> It's Easy to Put Content in A Custom Message Box </ div> <div> <div> </ div> <div id = otooltip style =" Display : none "> <DIV style =" BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 2px solid; PADDING-LEFT: 10px; FILTER: progid: DXImageTransform.Microsoft.Gradient (GradientType = 0 , Startcolorstr = # ffffff); Left: 0px; padding-bottom: 10px; font: 10pt tahoma; border-left: black 2px solid; width: 10 0%; padding-top: 10px; border-bottom: black 2px solid; position: absolute; top: 0px; height: 100%> <b> Custom Tooltips </ b> <hr style = "Border-Right: Black 1PX Solid; Border-top: Black 1PX Solid; Border-Left: Black 1px Solid; Border-Bottom: Black 1PX Solid "Size = 1> Now You Can Create Tooltips That Are Enhanced By DHTML. </ Div> </ div> <Div id = OconText Style = "Display: None"> <div style = "Border-Right: Black 2px Solid; Padding-Right: 10px; Border-Top: Black 2px Solid; Padding-LEFT: 10PX;</p>
<p>FILTER: progid: DXImageTransform.Microsoft.Gradient (GradientType = 0, StartColorStr = gold, EndColorStr = # FFFFFF); LEFT: 0px; PADDING-BOTTOM: 10px; FONT: 10pt tahoma; BORDER-LEFT: black 2px solid; WIDTH: 100 %; Padding-top: 10px; border-bottom: black 2px solid; position: absolute; top: 0px; height: 100%> <b> Custom tooltips </ b> <hr style = "Border-Right: Black 1px Solid; Border-top: Black 1PX Solid; Border-Left: Black 1PX Solid; Border-Bottom: Black 1PX Solid "Size = 1> Now You can create Tooltips That Are Enhanced by dhtml. </ div> </ div> < Div ID = Ocontext2 Style = "Display: none"> </ div> </ body> </ html></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-92612.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="92612" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.045</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'wEjA5YOPuMxQNeCj5lItRmmo8lTxAmfvzVjDjGLKfhxWJMKxFco2ESFQUF0yR9tJUCt_2BWKKJn6xZ_2FZCbizixGg_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script> 
