BlogJava-学习学习再学习-随笔分类-HTML相关

window.showModalDialog的传值和返回值

铁猴 — Tue, 15 Dec 2009 12:59:00 GMT

window.showModalDialog(URL,dialogArgments.features) 打开一个新窗口

URL为要开启的网页名字。
dialogArgments为设定好传递给新视窗网页的参数，可以为任意数据类型。
feature 与open()的类似，都是格式方面的设定。调用格式为featureName1:featureValue1:(分号)featureName2:featureValue2:

关于feature具体的参数我就不详细写了，看名字就应该知道什么用处了吧。
certer , dialogHeight, dialogLeft,dialogTop,dialogWidth,help(是否显示help按钮，下同），status,resizeable
值＝1为yes,0为no.

我认为最重要的是dialogArgments，可以传递值到新的窗口。
第二重要就是它的返回值 window.returnValue.可以在showModalDialog开启的窗口关闭后前，回传一个任意类型的值。

dialogArgments 可以传入一个变量,但是我认为最好是传入一个window 这样的话,不光你可以调用你前面定义的变量names 和a 等等,还可以取到前一个页面上任何元素的值.如下面的代码所示:

在WebFromB.aspx页面我们可以取到 names 和a 的值还可以取到WebFromA的值.,还可以给它赋值.
整体的代码如下:
WebFromA.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormA.aspx.cs" Inherits="_5demo.ShowDig.WebFormA" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页title>
    <script language=javascript>
    function fnA()
    {
        names = new Array(3);
        names[0] = "chenzhifeng";
        names[1] = "chenjiang";

        a= "shuhui";
     temp=   window.showModalDialog("WebFormB.aspx",window);
       // alert(a);
       document.getElementById("t3").value = temp;
    }
    script>
head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type=text value ="feng" id = "t1" />
    <br />

    <input type=text value ="chen" id = "t2" />
    <input type=button value = "Click Me" onclick ="fnA();" id = "btn1" />
    <p>
    返回值：<input type = "text" id= "t3" />
    div>
    form>
body>
html>

WebFormB.aspx 如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormB.aspx.cs" Inherits="_5demo.ShowDig.WebFormB" %>

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页title>
    <script language =javascript>
   // alert(window.dialogArguments.names);
    alert(window.dialogArguments.a );
   // alert(window.dialogArguments.document.form1.t1.value)
    window.dialogArguments.a = "Hello World"; 　//可以改变WebFromA里面的变量的值
    window.dialogArguments.document.form1.t1.value  = "t1";//可以修改WebFrom1里面的TextBox的value;


    script>
head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type=text id = "tt" value = "Hello ZiFeng"/>
    <script language =javascript>
    window.returnValue = document.getElementById("tt").value;
    window.close();
    script>
    div>
    form>
body>
html>

在WebFormB.aspx中 window.returnValue是用于返回给WebFromA.aspx的值.
在WebFromA.aspx中,可以用一个变量来接收这个值 temp= window.showModalDialog("WebFormB.aspx",window);

铁猴 2009-12-15 20:59 发表评论

IE8不兼容你的网页怎么办? - 简单开启兼容模式

铁猴 — Tue, 03 Nov 2009 10:04:00 GMT

自从用了IE8 整个世界都变了形.
呵呵,问题没那么严重,如果你的网站还来不及修改以适合IE8访问的时候,咱们可以通过非常简单的方法,加几行代码就可以让访问的IE8自动调用IE7的渲染模式,这样可以保证最大的兼容性,方法如下:

只需要在页面中加入如下HTTP meta-tag:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示.

还有一种方法是针对整个网站的,在IIS中加入如下描述符就可以有相同的效果,当然这么做范围更广.

xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="X-UA-Compatible" value="IE=EmulateIE7">
customHeaders>
httpProtocol>
system.webServer>
configuration>

或者你还可以使用IIS admin tool来定义,更为简单.

铁猴 2009-11-03 18:04 发表评论

客户端(CSS)解决自动截取字符串长度,并以...代替

铁猴 — Wed, 16 Sep 2009 10:01:00 GMT

通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。

实列如下：

.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}

可用span或div引用,例如:

客户端解决标题显示太长省略多余部分并加省略号的样式

以上2例显示在超过样式定义的200px宽度后,后面的字符将被...替换.