06 Aug 2010

淘宝首页 say goodbye to YUI 了还是forever的

好久没有时间读google reader了攒了上千条,今天上去,玉伯的一则快讯映入眼帘

Thanks YUI, and says goodbye to YUI forever!

http://lifesinger.org/blog/2010/08/kissy-briefings-1/

 

21 Jan 2010

使用window.location跳转,在IE中UrlReffer不被记录

使用window.location跳转,在FF中,没问题,下一页面可以取得UrlReffer,但在IE中UrlReffer不被记录

真变态,

让我头痛了半天,弄了个丑陋的办法做了如下实现:

function safeRedirectToCart(url) {
    var isIE = jQuery.browser.msie;
    if (!isIE) {
        window.location = url;
        return;
    }
    $(".btnCart").get(0).click();
}

说明:在页面上render一个连接(可以用样式表控制不显示),判断如果是IE浏览器然则调用其click,嘿嘿,就这个。

28 Nov 2009

腾讯webQQ的 CSS Sprite

web qq速度很快,很多图标处理的也很漂亮,偷偷看了一下sprite的图片,所有图标都在这个图里了20多k,性能压倒一切啊。

webQQ CSS Sprite

27 Oct 2009

在线编辑器的一个新选择。

今天lifesinger发布了淘宝编辑器,

可以在这里看到演示

介绍可以看这里,http://lifesinger.org/blog/2009/10/kissy-editor/

17 Jul 2009

知识死角,name相同的html element

今天在帮同事调程序时发现了这个死角
现象如下,没有任何输入的textarea提交到服务端后得到的值总是”,”
找了半天发现是因为页面上两个textarea的name相同,以前只知道页面上radio的name相同则是一个组,name相同的
的checkbox提交后是以逗号分隔值的,于是做了下面代码的试验,发现任何name相同的element提交到服务端都会得到逗号分隔的值,以前还不知道这个,汗

<%@ Page Language=“C#“ %>

<script runat=“server” languag=“c#”>
    string textboxValue = string.Empty;
    string radioValue = string.Empty;
    string checkboxValue = string.Empty;
    string selectValue = string.Empty;
    string textareaValue = string.Empty;
    void Page_Load(object obj , EventArgs args)
    {
        placeHolder.Visible = false;
        System.Web.HttpContext ctx = System.Web.HttpContext.Current;
        if(ctx.Request.HttpMethod == ”POST”)
        {
            placeHolder.Visible = true;
            textboxValue = ctx.Request.Form[“textbox”];
            radioValue = ctx.Request.Form[“radio”];
            checkboxValue = ctx.Request.Form[“checkbox”];
            selectValue = ctx.Request.Form[“select”];
            textareaValue = ctx.Request.Form[“textarea”];
        }
    }
</script>

<!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>
<style>
body, h1, h2, h3, h4, h5, h6, hr, p, ul, ol, li,pre,fieldset, lengend, button, input, textarea,{
    margin: 0;
    padding: 0;
}
body,button, input, select, textarea {
    font: 13px/1 Tahoma, Helvetica, Arial, ”\5b8b\4f53”, sans-serif;
}

#page{
    padding:10px 30px 10px 30px;
}
#s{
color:red;
}
input,select,textarea{
    clear:both;
    float:left;
    margin:5px;
}

pre {
    overflow: auto;
    border: 1px dotted #281;
    background-color: #eee;
    padding: 2px 20px 20px 10px;
}
fieldset{
    line-height:200%;
}

</style>
</head>
<body>

<div id=“page”>

<div id=“placeHolder” runat=“server”>    
            <string id=“s”>Post Data:</string>

<pre style=“max-height:30px;”>
textboxvalue:<%= textboxValue%>
radioValue:<%= radioValue%>
checkboxValue:<%= checkboxValue%>
selectValue:<%=selectValue%>
textareaValue:<%= textareaValue%></pre>

</div>

<form id=“aspnetForm” method=“post”>
                <fieldset>       
                  <legend>Test</legend>              
                <input type=“text” name=“textbox” value=“a”/> 
                <input type=“text” name=“textbox” value=“a”/>
                <input type=“text” name=“textbox” value=“a”/>
                <input type=“radio” name=“radio” value=“a” />
                <input type=“radio” name=“radio” value=“a” />
                <input type=“radio” name=“radio” value=“a” checked=“checked” />
                <input type=“checkbox” name=“checkbox” value=“a” checked=“checked” />
                <input type=“checkbox” name=“checkbox” value=“a” checked=“checked” />
                <input type=“checkbox” name=“checkbox” value=“a” checked=“checked” />
                <select name=“select”>
                                   <option value=“a”>a</option>
                </select>
                <select name=“select”>
                                   <option value=“a”>a</option>
                </select>
                <select name=“select”>
                                   <option value=“a”>a</option>
                </select>
                <textarea name=“textarea”>a</textarea>
                <textarea name=“textarea”>a</textarea>
                <textarea name=“textarea”>a</textarea>
                <input type=“submit” value=“Do PostBack” />
            </fieldset>
            </form>
    </div>

</body>
</html>

07 Oct 2008

jQuery从此更牛了

为什么更牛了?

 

26日回家,昨天才返回,这么好的消息自己错过了,补记一下。

 

see see

 

 

Scott Guthrie公告 (jQuery将成为Visual Studio的一部分等更多好消息...)

 
jQuery头儿John Resig公告(jQuery, Microsoft, and Nokia)

 
Scott Hanselman的jQuery的演示

18 Sep 2004

真郁闷,ListItem的Attributes让我碰到了

想给CheckBoxList的Item加个Onclick执行的javascript函数
 

CheckBoxList chk_list_big = (CheckBoxList)e.Item.FindControl("chk_list_big"as CheckBoxList;
            
if(chk_list_big != null)
            
{
                ListItem item 
= new ListItem(bigClassName,bigClassId);
                chk_list_big.Attributes[
"onclick"= String.Format("CheckAll({0})",bigClassId);
                item.Attributes.Add(
"onclick" , String.Format("CheckAll({0})" , bigClassId));
                chk_list_big.Items.Add(item);
            }


死活不行啊,

原来想这样的人好多啊
http://weblogs.asp.net/fmarguerie/archive/2003/02/27/3103.aspx
http://unboxedsolutions.com/sean/archive/2004/05/04/213.aspx

http://support.microsoft.com/default.aspx?scid=kb;en-us;309338&Product=NETFrame

后来只有加在CheckBoxList上了,虽然可以用但是发送到客户端的html内是把onclick加到input type =checkbox 外层的table上了

15 Sep 2004

问题,如何把上传文件的浏览按钮换成其他样式 或者图片

我的上篇随笔中,写了如何替换“浏览”按钮的代码
有朋友指出 该表单无法提交,
由于我当时只是测试了 能否实现替换和浏览
我测试了一下,果然不能提交表单 提示“。。。权限。。”
后来修改如下

<%@ Page Language=C# ResponseEncoding=gb2312 debug=true%>
<%@ import Namespace=System %>
<%@ import Namespace=System.IO %>
<!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 xml:lang=gb2312 lang=gb2312>
<head>
<title> 上传的时候<input type=file>中用图片代替浏览按钮 </title>
<meta http-equiv=Content-Type content=text/html; charset=gb2312 />
<meta name=title content=”” />
<meta name=author content=活靶子,huobazi />
<meta name=subject content=”” />
<meta name=language content=gb2312 />
<meta name=keywords content=”” />
<meta name=Copyright content=”” />
<meta name=robots content=all />
<script language=c# runat=server>
    
void Button_Click(object o , EventArgs e)
    
{        
            
string str = browse.PostedFile.ContentLength.ToString();
            Response.Write(str);
    }

    
void Page_Load(object o , EventArgs e)
    
{
        
    }

</script>
<script language=javascript type=text/javascript>
    function fn_browse()
    
{
        document.all.browse.click();
        document.all.file.value 
= document.all.browse.value;
        
        
    }

    function fn_submit()
    
{
        document.forms[
0].browse.disabled = true;        
    }

</script>

</head>
<body>

<form runat=server method=post enctype=multipart/form-data >

<input type=file  id=browse  runat=server style=display:none/>

<input type=text name=file />
<a href=# onclick=fn_browse()>
<img  name=btn src=browse.gif border=0 /></a>  
<br />
<br />
<input id=button type=submit value=提交 onServerClick=Button_Click runat=server 
onclick
=fn_submit />

</form>

</body>
</html>


该表单可以提交了,但是仍然不能上传所选文件,不知各位有没有其他办法?

14 Sep 2004

小技巧,如何把上传文件的浏览按钮换成其他样式 或者图片

 

本随笔缩写内容有误,对不起,谢谢!


csdn上有朋友问道这个问题
上google跑了跑,从这里和csdn的980337(面包喳喳) 朋友的回复得到提示,做了做测试。
以下代码可以把“浏览”按钮换成图片
当然 也可以不用<img>而改input或者button加上样式表(css)或者htc也应该可以吧。

<!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" xml:lang=“gb2312” lang=“gb2312”>
<head>
<title> 上传的时候<input type=“file”>中用图片代替浏览按钮 </title>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
<meta name=“title” content=“” />
<meta name=“author” content=“活靶子,huobazi” />
<meta name=“subject” content=“” />
<meta name=“language” content=“gb2312” />
<meta name=“keywords” content=“” />
<meta name=“Copyright” content=“” />
<meta name=“robots” content=“all” />
<script language=“javascript” type=“text/javascript”>
    
function fn_browse()
    
{
        document.test_form.browse.click();
        document.test_form.file.value 
= document.all.test_form.browse.value;        
        
    }

</script>
</head>
<body>

<form name=“test_form” method=“post” ENCTYPE=“multipart/form-data” onsubmit=“alert(document.test_form.browse.value);” />
<input type=“file” name=“browse” style=“display:none;” />
<input type=“text” name=“file” />
<href=“javascript:fn_browse();”>
<img  name=“btn” src=“browse.gif” border=“0” />  
<br />
<br />
<input type=“submit” name=“提交表单” />
</form>

</body>
</html>

10 Jul 2004

小雕虫,不被Google工具条拦截的弹出窗口

如果做项目必须用到弹出窗口可以考虑以下

不保证任何时候能用
更不保证在那个myie新版本下能用
如果myie等浏览器屏蔽掉了地址内的某些字比如我演示中有“pop“字样,那也出不来

demo+code:

http://www.github.com/popWindow/

测试通过日期: 2004/07/10/  !!!