Similar to the drop-down list of the IE address bar: Enter Submit, Dynamic Tips (Excerpt)

xiaoxiao2021-03-06  42

Original: http://www.51js.com/viewthread.php?fpage=2&tid=4753index.htm< !DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 Transitional ///> Similar to the drop-down list of the IE address bar: Enter Submit, Dynamic Tips </ Title> <meta http-equiv = "content-type" content = "text / html; charSet = GB2312> </ head></p> <p><Body bgcolor = "menu"> Similar to the drop-down list of the IE address bar: Enter Submit, dynamic prompts <? XML: Namespace prefix = "axteam" /> <? Import namespace = "axteam" Implementation = "comboBox.htc" /> <Axteam: comboBOX ID = "ComboBox1" width = '200'></p> <p><Axteam: option> Snowfird </ axteam: option> <axteam: option> http://www.51.net </ axteam: option> <axteam: option> http://9cbs.net </ axteam: option > <Axteam: option> Snow Ice Day </ axteam: option> <axteam: option> file: // c: </ axteam: option> <axteam: option> C: / WinNT </ AXTEAM: OPTION></p> <p></ AXTeam: ComboBox> </ BODY> </ HTML> ComboBox.htc // Author: gem //Mail:junminliu@msn.com// Date: 2003-01-16</p> <p><Public: component tagname = "ComboBox" literalcontent = "true"> <public: method name = "CreateComboBox" internalname = "f_PublicCreateComboBox" /> <public: method name = "CreateComboBoxIpt" ​​internalname = "f_PublicCreateComboBoxIpt" ​​/> <public: method name = "CreateDropDown" internalname = "f_PublicCreateDropDown" /> <public: method name = "CreateDropList" internalname = "f_PublicCreateDropList" /> <public: method name = "createPopup" internalname = "f_PublicCreatePopup" /></p> <p><Public: attach event = "oncontentready" onevent = "f_CreateComboBox ()" /> <SCRIPT LANGUAGE = "JScript"> var oPopup = null; var ComboBox = null; var ComboBoxIpt = null; var DropDown = null; var DropList = null ; var aNodes = new Array (); function f_CreateComboBox () {aNodes = f_CreateNodes (element.innerHTML); dropList = f_PublicCreateDropList (); f_PublicCreateDropListData (aNodes); ComboBox = f_PublicCreateComboBox (); ComboBoxIpt = f_PublicCreateComboBoxIpt (); DropDown = f_PublicCreateDropDown ( ); oPopup = f_PublicCreatePopup () ComboBox.attachEvent ( "onmouseover", fnMouseover); ComboBox.attachEvent ( "onmouseout", fnMouseout); DropDown.attachEvent ( "onmousedown", fnMousedown); ComboBoxIpt.attachEvent ( "onfocus", ComboBoxFocus) ; ComboBoxIpt.attachEvent ( "onblur", ComboBoxBlur); ComboBoxIpt.attachEvent ( "onkeyup", ComboBoxKeyup); window.document.attachEvent ( "onclick", chkstat);} function f_PublicCreateComboBox () {var oTable = window.document.createElement ("Table"); otable.cellspacing = 1; otable.cellpadding = 0; OTABLE. id = "AXTeamComboBox" uniqueID; oTable.style.display = "inline"; oTable.border = 0; oTable.bgColor = "#FFFFFF"; element.insertAdjacentElement ( "BeforeBegin", oTable); oTable.ComboBoxFocus = false; return oTable;} function f_PublicCreateComboBoxIpt () {var oInput = window.document.createElement ( "INPUT"); oInput.type = "text"; oInput.style.border = 0; oInput.style.width = element.width; oInput .style.height = 15; oinput.id = "axteamcomboBOXIPT" uniqueID;</p> <p>ComboBox.insertRow () insertCell () appendChild (oInput);.. ComboBox.rows [0] .bgColor = "#FFFFFF"; return oInput;} function f_PublicCreateDropDown () {var oTable = window.document.createElement ( "TABLE" ); Otable.cellpacing = 0; otable.cellpadding = 0; otable.id = "axteamdropdown" uniqueid; otable.border = 0; otable.bgcolor = "# dbd8d1"; otable.style.csstext = "display: inline; Cursor: default; "otable.attachevent (" overselectstart ", fncancel); var odd = otable.insertrow (). INSERTCELL (); otd.style.csstext =" font-family: webdings; font-size: 8px; text -Align: 13px; Height: 17px; "otd.innertext =" 6 "; ComboBox.Rows [0] .insertcell (). appendchild (otable); return otable;} function f_publiccreatedroplist () {var Otable = window.document.createElement ("table"); otable.cellspacing = 1; otable.cellpadding = 0; otable.border = 0; otable.bgcolor = "# ffffff"; otable.style.csstext = "font-size: 9pt; cursor: default; border: 1px solid # 666666; "; otable.attachevent (" overselectstart "; Return Otable;} function f_p UbliccreatedroplistData (anodes, redata) {if (! redata) var RE = new regexp ("^"); Else Var Re = new regexp ("^" redata, "i"); var od = null; var no = droplist .Rows.Length; for (i = 0; i <NO; i ) Droplist.deleterow (); for (var i = 0; i <anodes.length; i ) {if (Re.test (ANODES [i]) == true) {otd = droplist.inSertrow (). INSERTCELL (); Otd.Style.Height = "12px"; Otd.innerHtml = anodes [i]; otd.attachevent ("onmouseover", droplistover; otd.attachevent; otd.attachevent; otd.attachevent ("onMouseout"</p> <p>, DroplistOut; Otd.attachevent ("Onclick", DroplistClick;}}</p> <p>} Function f_PublicCreatePopup () {var oSpan = element.document.createElement ( "span"); oSpan.style.cssText = "position: absolute; display: none; cursor: default; z-index: 100;"; window.document .body.appendChild (oSpan); return oSpan;} function f_CreateNodes (htmlText) {var oSpan = element.document.createElement ( "span"); oSpan.innerHTML = htmlText; var xNodes = oSpan.childNodes; var Nodes = new Array (); Var nnumnodes = (xnodes == null)? 0: XNODES.LENGTH; for (var nindex = 0; nindex <nnumnodes; nindex ) {var node = xnodes [nindex]; if (node! = Null) nodes = Nodes.concat (f_CreateDropListItems (node));} return Nodes;} function f_CreateDropListItems (oNode) {var rNodes; var szTagName = (oNode.tagName == null) "":? oNode.tagName.toLowerCase (); if (szTagName == "option") {var szText = oNode.innerText; rNodes = new Array (szText);} else rNodes = new Array (); return rNodes;} function fnMouseover () {if (ComboBox.ComboBoxFocus) return; overstat ( ); function fnmouseout () {if (ComboBox.comboBOxfocus) eturn; defaultstat ();} function fnMousedown () {if (! event.srcElement = ComboBoxIpt) {if (oPopup.style.display == '') {oPopup.style.display = 'none'; DropDown.style.color = "# 000000"; return;} f_PublicCreateDropListData (aNodes) ComboBoxIpt.select (); DropDown.style.color = "#FFFFFF";} oPopup.appendChild (dropList); oPopup.style.width = (oPopup.offsetWidth <ComboBox .offsetwidth? ComboBox.offsetwidth; opopup.OffsetWidth; opopup.style.Left = getX (comboBox); opopup.style.top = getY (comboBox) 19; opopup.style.display =</p> <p>'; Opopup.children [0] .width = "100%"; comboBOX.COMBOBOXFOCUS = true;} function overstat () {ComboBox.bgcolor = "# 0A246A"; DropDown.bgcolor = "# b6bdd2"; Dropdown.Style .COLOR = "# 000000";} function defaultstat () {comboBox.bgcolor = "# fff"; DropDown.bgcolor = "# dbd8d1"; dropdown.style.color = "# 000000";} Function Droplistover () {OBJ = Event.Srcelement; obj.bgcolor = 'highlight'; obj.Style.color = '# fffff'; obj.style.cursor = 'default';} function droplistout () {Obj = Event.Srcelement; obj.bgcolor = '#FFFFFF'; obj.style.color = '# 000000';} function DropListClick () {obj = event.srcElement; ComboBoxIpt.value = obj.innerText; oPopup.style.display = "none"; ComboBoxIpt.select ( ); DropDown.style.color = '# 000000';} function ComboBoxFocus () {if (ComboBox.ComboBoxFocus) return; ComboBox.ComboBoxFocus = true; overstat ();} function ComboBoxBlur () {if (ComboBox.ComboBoxFocus) return DEFAULTSTAT (); Function ComboBoxKeyup () {f_publiccreatedroplistdata (anodes, comboBoxipt.value); fnmousedown (); addOption ();} function addOption () {i f (event.keycode == 13) {anodes [anodes.length] = comboboxipt.value;}} function chkstat ()}} function chkstat () {var Oel = event.srcelement; while (null! = OEL && OEL! = ComboBox) {OEL = Ol.parentelement;} if (OEL == null) {defaultstat (); comboBOX.COMBOBOXFOCUS = false; opopup.style.display = "none";}}</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-55286.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="55286" 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.041</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 = '210njvvHWifUTRMGYg8G7sod0bCukYdmwQKI1QSCDWXKta3N1XCbAUGxHdG_2FEyAA4xs1AbmJoQmsxJqsIKctDA_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>