大家来看看这个软件的界面是怎么弄出来的

最近看到一个在线维修软件的demo，网址http://demo.differsoft.com/wt/Default.aspx，大家选择“张杰”登录后，选择“工单流程”中的“调度派”，然后随便双击列表中的记录，会弹出一个窗体，大家看看这种效果是怎么弄出来的，我在弹出的窗体外击右键“查看源代码”，只能看到“<html></html>”。麻烦大家讨论一下，这个效果是怎么实现的^_^

28 个解决方案

#1

你可以用firefox 在弹出的页面选中元素，右键查看选中部分源码

#2

为什么弹出的窗体外击右键“查看源代码”，只能看到“ <html> </html>”？

#3

好像做的不错

#4

好像很不错哦··

#5

大家能不能说说它的页面是怎么处理的

#6

学习，我也不知道啊

#7

弹出的窗口应该用的是ajax

#8

顶

#9

这个肯定是用层来写的!实现起来应该很简单的,行的双击事件!动态将参数传给DIV中的控件!
只是要模似模式窗口有点技术含量

#10

这个简单呀
他有是从数据库里面找出数据库
如为总部的里面的人名再付值到下拉框
你再用个AJAX控件就可以做出这样的效果了

#11

我能看到很多啊。

#12

#13

#14

bs广告

#15

全都能看到啊...难道是广告

#16

弹出的窗体外击右键“查看源代码”，只能看到“ <html> </html>”...............楼上的能看到？

#17

ajax弹出层

#18

我也能看到,估计是广告

#19

但为什么在弹出层外，查看源代码，只有<html></html>哪？这是我最大的疑问

#20

怀疑广告 ·

#21

很不错的呀..

#22

// JScript 文件

function ShowDialog(nWidth, nHeight, strUrl, strTitleName)

{

    var mydiv=document.getElementById("fcolor");

    var nHeight=nHeight;

    var scolor=getCurrentStyle(mydiv, "backgroundColor", "background-color");

    /*ie6*/

	if(scolor=="#0000ff")

	{

        nHeight=nHeight-5;

	}/*ie7*/

	else if(scolor=="#ff0000")

	{

	    nHeight=nHeight+10;

	    document.getElementById("iframeDialog").style.height = nHeight-18+"px";

	}/*firefox*/

	else if(scolor=="rgb(0, 255, 0)")

	{

	    nHeight=nHeight+10;

	    document.getElementById("iframeDialog").style.height = nHeight-17+"px";

	}

	else

	{


	}

	document.getElementById("divDialog").style.display = "block";

	document.getElementById("divDialog").style.visibility = "visible";

	document.getElementById("divDialog").style.top = (window.screen.height/2-nHeight/2)/2-23+"px";

	document.getElementById("divDialog").style.left = (window.screen.width/2-nWidth/2)+"px";

	document.getElementById("divDialog").style.width = nWidth+"px";

	document.getElementById("divDialog").style.height = nHeight+"px";

	var num=Math.round(Math.random()*10000);

	if(strUrl.indexOf('?')!=-1){strUrl+="&a="+num}else{strUrl+="?a="+num;}

	document.getElementById("iframeDialog").src="about:blank";

	document.getElementById("iframeDialog").src = strUrl;

	document.getElementById("divTitleName").innerHTML = strTitleName;

	document.getElementById("divTitleName").style.width = nWidth-50+"px";


	document.getElementById("divBackground").style.width = "100%";

	document.getElementById("divBackground").style.height = "100%";

	document.getElementById("divBackground").style.display = "block";

	document.getElementById("divBackground").style.visibility = "visible";

	document.getElementById("divBackground").style.top = "0px";

	document.getElementById("divBackground").style.left = "0px";


	Sethidden1();

}


function CloseDialog()

{

	document.getElementById("divDialog").style.display = "none";

	document.getElementById("divDialog").style.visibility = "hidden";

	document.getElementById("iframeDialog").src = "about:blank";

	document.getElementById("divTitleName").innerHTML = "无标题";

	document.getElementById("divBackground").style.display = "none";

	document.getElementById("divBackground").style.visibility = "hidden";

}

这是它弹出窗口的源码，研究研究吧

#23

顶楼上的..

#24

晕，我用的是遨游，没看到源码，firefox能看到，奇怪^_^本人和广告没任何关系啊

#25

好像很不错哦··

#26

js做出来的网上很多代码

#27

<tr class="tdRow" id="969" onclick="ChkID('969');" ondblclick="ModClick();" onmouseover="this.style.cursor='default';">
<td><input id="GridView1_ctl02_cb" type="checkbox" name="GridView1$ctl02$cb" onclick="CbView('969','GridView1_ctl02_cb');" /></td><td> </td><td>上等</td><td>上等</td><td>GD-100630-001</td><td>GD-100630-001</td><td>总部</td><td>总部</td><td>2010-6-30 21:35:52</td><td>2010-6-30 21:35:52</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td>刘杰</td><td>刘杰</td><td> </td><td> </td><td>工人医院</td><td>工人医院</td><td>十周年</td><td>十周年</td><td>125462</td><td>125462</td><td>义务</td><td>义务</td><td>200B</td><td>200B</td><td>尿液分析仪</td><td>尿液分析仪</td><td>200B21534</td><td>200B21534</td><td> </td><td> </td><td> </td><td> </td><td>2008-05-07</td><td>2008-05-07</td><td> </td><td> </td>
</tr>

#28

弹出层的时候，貌似加了一个遮幕在后面，所以你右击只能看到空的了

#1

你可以用firefox 在弹出的页面选中元素，右键查看选中部分源码

#2

为什么弹出的窗体外击右键“查看源代码”，只能看到“ <html> </html>”？

#3

好像做的不错

#4

好像很不错哦··

#5

大家能不能说说它的页面是怎么处理的

#6

学习，我也不知道啊

#7

弹出的窗口应该用的是ajax

#8

顶

#9

这个肯定是用层来写的!实现起来应该很简单的,行的双击事件!动态将参数传给DIV中的控件!
只是要模似模式窗口有点技术含量

#10

这个简单呀
他有是从数据库里面找出数据库
如为总部的里面的人名再付值到下拉框
你再用个AJAX控件就可以做出这样的效果了

#11

我能看到很多啊。

#12

#13

#14

bs广告

#15

全都能看到啊...难道是广告

#16

弹出的窗体外击右键“查看源代码”，只能看到“ <html> </html>”...............楼上的能看到？

#17

ajax弹出层

#18

我也能看到,估计是广告

#19

但为什么在弹出层外，查看源代码，只有<html></html>哪？这是我最大的疑问

#20

怀疑广告 ·

#21

很不错的呀..

#22

// JScript 文件

function ShowDialog(nWidth, nHeight, strUrl, strTitleName)

{

    var mydiv=document.getElementById("fcolor");

    var nHeight=nHeight;

    var scolor=getCurrentStyle(mydiv, "backgroundColor", "background-color");

    /*ie6*/

	if(scolor=="#0000ff")

	{

        nHeight=nHeight-5;

	}/*ie7*/

	else if(scolor=="#ff0000")

	{

	    nHeight=nHeight+10;

	    document.getElementById("iframeDialog").style.height = nHeight-18+"px";

	}/*firefox*/

	else if(scolor=="rgb(0, 255, 0)")

	{

	    nHeight=nHeight+10;

	    document.getElementById("iframeDialog").style.height = nHeight-17+"px";

	}

	else

	{


	}

	document.getElementById("divDialog").style.display = "block";

	document.getElementById("divDialog").style.visibility = "visible";

	document.getElementById("divDialog").style.top = (window.screen.height/2-nHeight/2)/2-23+"px";

	document.getElementById("divDialog").style.left = (window.screen.width/2-nWidth/2)+"px";

	document.getElementById("divDialog").style.width = nWidth+"px";

	document.getElementById("divDialog").style.height = nHeight+"px";

	var num=Math.round(Math.random()*10000);

	if(strUrl.indexOf('?')!=-1){strUrl+="&a="+num}else{strUrl+="?a="+num;}

	document.getElementById("iframeDialog").src="about:blank";

	document.getElementById("iframeDialog").src = strUrl;

	document.getElementById("divTitleName").innerHTML = strTitleName;

	document.getElementById("divTitleName").style.width = nWidth-50+"px";


	document.getElementById("divBackground").style.width = "100%";

	document.getElementById("divBackground").style.height = "100%";

	document.getElementById("divBackground").style.display = "block";

	document.getElementById("divBackground").style.visibility = "visible";

	document.getElementById("divBackground").style.top = "0px";

	document.getElementById("divBackground").style.left = "0px";


	Sethidden1();

}


function CloseDialog()

{

	document.getElementById("divDialog").style.display = "none";

	document.getElementById("divDialog").style.visibility = "hidden";

	document.getElementById("iframeDialog").src = "about:blank";

	document.getElementById("divTitleName").innerHTML = "无标题";

	document.getElementById("divBackground").style.display = "none";

	document.getElementById("divBackground").style.visibility = "hidden";

}

这是它弹出窗口的源码，研究研究吧

#23

顶楼上的..

#24

晕，我用的是遨游，没看到源码，firefox能看到，奇怪^_^本人和广告没任何关系啊

#25

好像很不错哦··

#26

js做出来的网上很多代码

#27

#28

弹出层的时候，貌似加了一个遮幕在后面，所以你右击只能看到空的了

大家来看看这个软件的界面是怎么弄出来的

28 个解决方案

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#12

#13

#14

#15

#16

#17

#18

#19

#20

#21

#22

#23

#24

#25

#26

#27

#28

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#12

#13

#14

#15

#16

#17

#18

#19

#20

#21

#22

#23

#24

#25

#26

#27

#28

相关文章