JS弹出输入框并能提交表单

JS弹出输入框？？window.prompt？？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

呵呵，一个隐藏的DIV
JS模拟的弹出输入框
这个例子搜索多得事又或者你直接抠天涯论坛的代码
找不到，也看不懂，所以想有个比简简单明了的例子啊，
为了便于理解，我发个链接
http://cache.tianya.cn/publicforum/content/free/1/1224965.shtml
这个网页右上角有个登录，点击后会出现一个对话框，输入正确的用户名和密码后就可以登进了
http://static.tianya.cn/js/global/guidejs/tianyaTopGuideJs100percent_20080415.js
你把他这个JS下载回来你就看到了
document.write('<a href="javascript:void(\'登录天涯社区....\');"  onclick="LoginFun.Login(event);"><font color=red><b>登录</b></font></a> | ');
}
his.Login=function(_e)
{ this.showTopLoginDiv(_e,'<div id=\'tianyatopguideloginlayer\' style=\'display\'><form name=\'topguideloginform\' action=\'http:\/\/login.tianya.cn\/user\/loginsubmit.asp\' method=\'post\' target=_top><div class=\'tianyatopguidelogtab\'><div class=\'tianyatopguidelogbar\'><div class=\'tianyatopguidel\'>社区登录</div><div class=\'tianyatopguider\'><a href=javascript:void(\'点击关闭登录...\'); height=\'12\' onclick=\'LoginFun.hiddenTopLoginDiv();\' style=\'cursor:pointer;size:14px\' title=\'点击关闭登录\'>X</a></div></div><br><div class=\'tianyatopguidecol\'>用户名：<input name=\'vwriter\' type=\'text\' size=\'20\' />  <a href=\'http:\/\/id.tianya.cn/user/register\' target=_blank>立即注册</a></div><div class=\'tianyatopguidecol\'> 密　码：<input name=\'vpassword\' type=\'password\' size=\'20\' />  <a href=\'http:\/\/id.tianya.cn\/logon\/tenya_find_password_new.asp\' target=_blank>找回密码</a><INPUT TYPE=\'hidden\' name=\'returnURL\' value=\''+myHref+'\'><INPUT TYPE=\'hidden\' value=\''+myHref+'\' name=\'fowardURL\'></div><div class=\'tianyatopguidecol\' style=\'text-align:center;padding-right:30px \'><input type=\'submit\' name=\'Submit\' value=\' 登录 \'  style="width:80px"/></div><br></div></form></div>');
};里面还有这个
if (navigator.userAgent.indexOf('Opera') >= 0){
document.write("<scr"+"ipt src='http://static.tianya.cn/js/global/guidejs/tianyaTopGuideJs100percentByOpera_20080414.js'></scr"+"ipt>");
}
else{
function getCookie_ByTopGuide(name){
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1){
begin = dc.indexOf(prefix);
if (begin != 0) return null;
}
else{
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1){
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
function getUniqueId_ByTopGuide(){
var base = getCookie_ByTopGuide("base");
if(base==null)
return null;
else{
var temp = base.split('&')[1];
var uqid = temp.substring(temp.indexOf('=')+1,temp.length);
return uqid;
}
}
function getRegionId_ByTopGuide(){
var base = getCookie_ByTopGuide("base");
if(base==null)
return null;
else{
var temp = base.split('&')[0];
var dtid = temp.substring(temp.indexOf('=')+1,temp.length);
return dtid;
}
}
function getUserName_ByTopGuide(){
var user = getCookie_ByTopGuide("user");
if(user==null)
return null;
else{
var temp = user.split('&')[0];
var userName = temp.substring(temp.indexOf('=')+1,temp.length);
return userName;
}
}
function getUserId_ByTopGuide(){
var user = getCookie_ByTopGuide("user");
if(user==null)
return 0;
else{
var temp = user.split('&')[1];
var userId = temp.substring(temp.indexOf('=')+1,temp.length);
return userId;
}
}
function getKey_ByTopGuide(){
var temp = getCookie_ByTopGuide("temp");
if(temp==null)
return 0;
else{
var temp1 = temp.split('&')[0];
var key = temp1.substring(temp1.indexOf('=')+1,temp1.length);
return key;
}
}
function getCookie_TimeByTopGuide(){
var temp = getCookie_ByTopGuide("temp");
if(temp==null)
return 1000000000;
else{
var temp1 = temp.split('&')[2];
var cookieTime = temp1.substring(temp1.indexOf('=')+1,temp1.length);
return cookieTime;
}
}
var key_ByTopGuide=getKey_ByTopGuide();
var idwriter_ByTopGuide=getUserId_ByTopGuide();
var aParams = document.location.search.substr(1).toLowerCase().split('&');
var QueryLen=aParams.length;
var QueryString="";
var startFlag=true;
var myHref="";
for(var i=0;i<aParams.length;i++){
if (aParams[i].indexOf("idwriter")!=-1){
QueryLen=QueryLen-1;
continue;
}
if(aParams[i].indexOf('key')!=-1){
QueryLen=QueryLen-1;
continue;
}
if (startFlag==true){
QueryString=aParams[i];
startFlag=false;
}
else{
QueryString=QueryString+"&"+aParams[i];
}
}
if (QueryString==""){
myHref=document.location.href.toLowerCase().split('?')[0];
}
else{
myHref=document.location.href.toLowerCase().split('?')[0]+"?"+QueryString;
}
if (!(myHref.indexOf("content")>0 || myHref.indexOf("info.tianya.cn")>0))//content,info页面不需要包含左侧导航,{
myHref=encodeURIComponent(myHref);
myHref="http://www.tianya.cn/index.htm?vitem="+myHref;
}
document.write('<style type="text/css">');
document.write('');
document.write('</style>');
document.write('<div align="center">');
document.write('<div id="tianyatopguide_nav">');
document.write('<div class="tianyatopguidenavlogo"><a href="http://www.tianya.cn" target="_blank"><img src="http://static.tianya.cn/img/global/tyguidejslogov.gif" border=0></a></div>');
document.write(' <div class="tianyatopguidenavl">');
document.write('<a href="http://www.tianya.cn/index.htm" target="_blank">论坛</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://groups.tianya.cn/index.asp')+'" target="_blank">部落</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://blog.tianya.cn/')+'" target="_blank">博客</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://pic.tianya.cn/')+'" target="_blank">相册</a> | <a href="http://laiba.tianya.cn" target="_blank"><font color=red>来吧</font></a> | <a href="http://wenda.tianya.cn" target="_blank"><font color=red>问答</font></a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://bulletin.tianya.cn/CheckUserIPCityURL.asp')+'" target="_blank">城市</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://bulletin.tianya.cn/CheckUserIP_new.asp')+'" target="_blank"><font color=red>分类信息</font></a><br><a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/focus/index.shtml')+'" target="_blank">聚焦</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/news/index.shtml')+'" target="_blank">社会</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/cul/index.shtml')+'" target="_blank">人文</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/biz/index.shtml')+'" target="_blank">经济</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/fashion/index.shtml')+'" target="_blank">时尚</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/ent/index.shtml')+'" target="_blank">娱乐</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/sports/index.shtml')+'" target="_blank">体育</a> | <a href="http://www.tianya.cn/index.htm?vitem='+encodeURIComponent('http://focus.tianya.cn/news/index.shtml#campus')+'" target="_blank">校园</a> | <a href="http://food.tianya.cn/" target="_blank">美食</a>');
document.write('</div><div class="tianyatopguidenavr">');
if(key_ByTopGuide<=0 || key_ByTopGuide==null){
document.write('<a href="javascript:void(\'登录天涯社区....\');" onclick="LoginFun.Login(event);"><font color=red><b>登录</b></font></a> | ');
}
else{
document.write('<a href="http://login.tianya.cn/user/logout.asp?idwriter='+idwriter_ByTopGuide+'&key='+key_ByTopGuide+'&returnUrl='+encodeURIComponent(myHref)+'" target="_top">退出</a> | ');
}
document.write('<a href="http://id.tianya.cn/user/register" target=_blank><font color=red><b>注册</b></font></a><br>');
document.write('<a href="http://www.tianya.cn/index.htm?vitem=408" target="_blank">新手上路</a></div>');
document.write('</div>');
document.write('</div>');
document.write('<div class="clear"></div>');
var LoginFun=new function(){
this.loginDivState=false;
this.Opacity=0;
this.Div="";
this.LoginDiv="";
this.timer;
this.maxOpacity=60;
this.delay=10;
this.stepOpacity=10;
this.Iframe;
this.showTopLoginDiv=function(_e,tipStr){
if(document.getElementById("tianyaTopGuideIframe")==null){
var iframe = document.createElement("IFRAME");
iframe.id = "tianyaTopGuideIframe";
iframe.style.position = "absolute";
iframe.style.left = 0;
iframe.style.top = 0;
iframe.style.width = (document.body.scrollWidth>document.body.offsetWidth)?document.body.scrollWidth:document.body.offsetWidth;
iframe.style.height = (document.body.scrollHeight>document.body.offsetHeight)?(document.body.scrollHeight+20):document.body.offsetHeight;
this.Iframe = iframe;
var div = document.createElement("DIV");
div.id = "tianyaTopGuideDiv";
div.style.position = "absolute";
div.style.left = 0;
div.style.top = 0;
div.oncontextmenu = function(){
return false;
}
div.onselectstart = function(){
return false;
}
this.Div = div;
var div2 = document.createElement("DIV");
div2.id = "tianyaTopGuideLoginDiv";
div2.style.position = "absolute";
div2.style.top = (document.body.scrollTop)+parseInt(document.body.clientHeight)/2-100;
div2.style.left = document.body.scrollLeft+parseInt(document.body.clientWidth)/2-200;
this.LoginDiv=div2;
div2.oncontextmenu = function(){
return false
}
document.body.appendChild(iframe);
document.body.appendChild(div);
document.body.appendChild(div2);
}
else{
this.Div = document.getElementById("tianyaTopGuideDiv");
this.LoginDiv=document.getElementById("tianyaTopGuideLoginDiv");
this.Iframe = document.getElementById("tianyaTopGuideIframe");
this.Iframe.style.display = "block";
this.Div.style.display = "block";
this.LoginDiv.style.display = "block";
this.LoginDiv.innerHTML = tipStr;
}
this.Div.style.width=document.body.scrollWidth;
this.Div.style.height=document.body.scrollHeight;
this.LoginDiv.innerHTML = tipStr;
this.timer=window.setInterval("LoginFun.showByStep()",this.delay);
var l = document.body.scrollLeft;
var t = document.body.scrollTop;
document.body.style.overflow = "hidden";
document.body.scrollLeft = l;
document.body.scrollTop = t;
};
this.showByStep=function(){
if(this.Opacity == this.maxOpacity){
window.clearInterval(this.timer);
return;
}
this.Opacity=(this.Opacity + this.stepOpacity) > this.maxOpacity ? this.maxOpacity :this.Opacity + this.stepOpacity;
this.Div.style.filter = "Alpha(Opacity= " + this.Opacity + ")";
this.Div.style.opacity=parseInt(this.Opacity)/100;
};
this.hiddenTopLoginDiv=function(){
this.loginDivState=false;
document.body.style.overflow='auto';
this.timer=window.setInterval("LoginFun.hiddenByStep()",this.delay);
};
this.hiddenByStep=function(){
if(this.Opacity == 0){
window.clearInterval(this.timer);
this.Iframe.style.display='none';
this.Div.style.display='none';
this.LoginDiv.style.display='none';
return;
}
this.Opacity = (this.Opacity - this.stepOpacity) < 0 ? 0: this.Opacity - this.stepOpacity;
this.Div.style.filter = "Alpha(Opacity=" + this.Opacity + ")";
this.Div.style.opacity = parseInt(this.Opacity)/100;
};
this.ForbidScrolling=function(){
document.body.scrollTop=0;
};
this.Login=function(_e){
this.showTopLoginDiv(_e,'<div id=\'tianyatopguideloginlayer\' style=\'display\'><form name=\'topguideloginform\' action=\'http:\/\/login.tianya.cn\/user\/loginsubmit.asp\' method=\'post\' target=_top><div class=\'tianyatopguidelogtab\'><div class=\'tianyatopguidelogbar\'><div class=\'tianyatopguidel\'>社区登录</div><div class=\'tianyatopguider\'><a href=javascript:void(\'点击关闭登录...\'); height=\'12\' onclick=\'LoginFun.hiddenTopLoginDiv();\' style=\'cursor:pointer;size:14px\' title=\'点击关闭登录\'>X</a></div></div><br><div class=\'tianyatopguidecol\'>用户名：<input name=\'vwriter\' type=\'text\' size=\'20\' />  <a href=\'http:\/\/id.tianya.cn/user/register\' target=_blank>立即注册</a></div><div class=\'tianyatopguidecol\'> 密　码：<input name=\'vpassword\' type=\'password\' size=\'20\' />  <a href=\'http:\/\/id.tianya.cn\/logon\/tenya_find_password_new.asp\' target=_blank>找回密码</a><INPUT TYPE=\'hidden\' name=\'returnURL\' value=\''+myHref+'\'><INPUT TYPE=\'hidden\' value=\''+myHref+'\' name=\'fowardURL\'></div><div class=\'tianyatopguidecol\' style=\'text-align:center;padding-right:30px \'><input type=\'submit\' name=\'Submit\' value=\' 登录 \' style="width:80px"/></div><br></div></form></div>');
};
}
}
我以前做了个,你看看合适用没有http://country.lvyou168.cn/flashwariii/test.htm
变暗整个页面,显示登陆框,要下载的所有代码在下面一个连接里面更多下载点这里