Document.writeln ("<div id=\" tanchuangwai\ "class=\" tanchuangwai\ "style=\" Z-index:999;overflow:hidden; font-family: Microsoft ya black; Background: #6cadde; width:236px; height:29px; line-height:29px; Float:left; border-radius:3px 3px 0 0; position:fixed; bottom:0; Right:0;\ ">");d Ocument.writeln (");d Ocument.writeln ("<span id=\" dakai\ "class=\" guanbi\ "style=\" color: #ffffff; font-size:11px; height:29px; Float:right; margin:0 5px 0 0; Cursor:pointer;\ "id=\" guanbi\ "onclick=\" Gopanel (); \ "> Open </span></div>");d Ocument.writeln ("<div id=\" tanchuang\ "class=\" tanchuang\ "style=\" z-index:999;overflow:hidden;font-family: Microsoft ya black; position:fixed; width:236px; Background: #ffffff; right:0; bottom:0px; Display:none;\ ">");d Ocument.writeln ("<div style=\" background: #6cadde; width:236px; height:29px; line-height:29px; Float:left; border-radius:3px 3px 0 0;\ ">");d Ocument.writeln ("
);d Ocument.writeln ("<span id=\" guanbi\ "class=\" guanbi\ "style=\" color: #ffffff; font-size:11px; height:29px; Float:right; margin:0 5px 0 0; Cursor:pointer;\ "Onclick=\" goclose (); \ "> Close </span></div>");d Ocument.writeln ("<div style=\" WIDTH:194PX; Float:left; padding:0 20px; border-left:1px solid #6cadde; border-right:1px solid #6cadde; border-bottom:1px solid #6cadde; Background: #f5f5f5; \ ">");d Ocument.writeln ("<textarea id=\" parea\ "style=\" font-family: Microsoft ya black; width:182px; height:80px; border:1px solid #cccccc; Background: #ffffff; padding:5px; Color: #a9a9a9; font-size:12px; line-height:20px; Float:left; margin:10px 0 10px 0;\ "placeholder=\" Please enter the question description \ "></textarea>");d Ocument.writeln ("<div style=\" WIDTH:192PX; border:1px solid #cccccc; height:20px; line-height:20px; Float:left; margin:0 0 10px 0;\ "><span style=\" WIDTH:32PX; height:20px; font-size:12px; Color: #666666; Text-align:center; Float:left; Background: #f2f2f2; border-right:1px solid #cccccc; \ "> Type </span>");d Ocument.writeln ("<select id=\" psel\ "name=\" select\ "style=\" font-family: Microsoft ya black; Background: #ffffff; Float:left; Border:none; Color: #a9a9a9; padding:0 0 0 7px; Width:159px;\ ">");d Ocument.writeln ("<option value=\" system exception \ "> System exception </option>");d Ocument.writeln ("<option value=\" function operation \ "> function Operation </option>");d Ocument.writeln ("<option value=\" functional experience \ "> Functional Experience </option>");d Ocument.writeln ("</select>");d Ocument.writeln ("</div>");d Ocument.writeln ("<div style=\" WIDTH:192PX; border:1px solid #cccccc; height:20px; line-height:20px; Float:left; margin:0 0 10px 0;\ "><span style=\" WIDTH:32PX; height:20px; font-size:12px; Color: #666666; Text-align:center; Float:left; Background: #f2f2f2; border-right:1px solid #cccccc; \ "> Name </span>");d Ocument.writeln ("<input id=\" pname\ "type=\" text\ "/placeholder=\" Please enter your name \ "style=\" font-family: Microsoft ya black; Background: #ffffff; Float:left; Border:none; Color: #a9a9a9; padding:0 0 0 10px; Width:149px;\ ">");d Ocument.writeln ("</div>");d Ocument.writeln ("<div style=\" WIDTH:192PX; border:1px solid #cccccc; height:20px; line-height:20px; Float:left; margin:0 0 10px 0;\ "><span style=\" WIDTH:32PX; height:20px; font-size:12px; Color: #666666; Text-align:center; Float:left; Background: #f2f2f2; border-right:1px solid #cccccc; \ "> Phone </span>");d Ocument.writeln ("<input id=\" ptel\ "type=\" text\ "/placeholder=\" Please enter your phone \ "style=\" font-family: Microsoft ya black; Background: #ffffff; Float:left; Border:none; Color: #a9a9a9; padding:0 0 0 10px; Width:149px;\ ">");d Ocument.writeln ("</div>");d Ocument.writeln ("<input style=\" font-family: Microsoft ya black; Background: #6cadde; border-radius:5px; width:91px; height:23px; Text-align:center; Color: #000000; line-height:23px; margin:10px 51px; Border:none; Cursor:pointer;\ "type=\" button\ "value=\" commit \ "Onclick=\" sub (); \ "/>");d Ocument.writeln ("</div>");d Ocument.writeln ("</div>");varurl = "XXX";varpar;varA = document.getElementById ("Tanchuangwai");varb = document.getElementById ("Guanbi");varp;vars;varh;functionGopanel () {document.getElementById ("Tanchuangwai"). Style.display = "None"; P= document.getElementById ("Tanchuang"); P.style.display= "Block"; P.style.height= "29PX"; S= SetInterval (uppanel,1);}functiongoclose () {p= document.getElementById ("Tanchuang"); H= SetInterval (downpanel,1);}functionUppanel () {varHeight = parseint (p.style.height.replace ("px", "" ")); Height= height + 3; P.style.height= height+ "px"; if(Height >= 281) {clearinterval (s); }}functionDownpanel () {varHeight = parseint (p.style.height.replace ("px", "" ")); Height= Height-3; P.style.height= height+ "px"; if(Height <= 29) {clearinterval (h); P.style.display= "None"; document.getElementById ("Tanchuangwai"). Style.display = "Block"; }}functionAjax () {varOajax =NULL; if(window. XMLHttpRequest) {Oajax=NewXMLHttpRequest (); }Else{Oajax=NewActiveXObject ("Microsoft.XMLHTTP"); }; Oajax.open (' POST ', url,true); Oajax.setrequestheader ("Content-type", "application/x-www-form-urlencoded"); varArea = document.getElementById ("Parea"). Value; varsel = document.getElementById ("Psel"). Value; varName = document.getElementById ("PName"). Value; varTel = document.getElementById ("Ptel"). Value; varURL1 =window.location.href; Oajax.send ("Area=" + area + "&sel=" + sel + "&name=" + name + "&tel=" + Tel + "&par=" + par + "&url=" +URL1); Oajax.onreadystatechange=function(){ if(Oajax.readystate = = 4){ if(Oajax.status = = 200) {alert (oajax.responsetext)}Else{alert ("Request Error"); } } };}functionSub () {varJS = document.getElementsByTagName ("Script"); for(vari = 0; i < js.length; i++) { if(Js[i].src.indexof ("panel.min.js") >= 0) { varArraytemp =NewArray (); Arraytemp= Js[i].src.split ('? ')); Arraytemp= Arraytemp[1].split (' = ')); if(arraytemp[0] = = ' value ') {par= Arraytemp[1]; } } }; Ajax ();}
An example of a problem submission (JS native animation, native AJAX,JS reference plus parameter)