2遇到的问题:
如何在表格出现滚动条?
解决方法:
<table>
<tr>
<td class='bodytd' align='center' valign='top' >
<div style='height:178;overflow-y: auto;overflow-x:hidden'>
</div>
</td>";
</tr>
</table>
其中style中可将overflow属性设置成:auto、hidden、scroll,
须设定div的height,在超过该高度时,auto、scroll将出现滚动条。
3遇到的问题:
制作细线表格
解决方法:
方法1:把表格的cellspacing设置为1,cellpadding和border均为0,分别填充表格的背景色和单元格的背景色。举例如下:
<table border="0" cellspacing="1" cellpadding="0" bgcolor="#87a4c5 ">
<tr>
<td height=26 width=120 bgcolor=”white”> </td>
</tr>
</table>
则出现淡蓝色细框,效果较好
方法2:把cellspacing、cellpadding、border均设置为1,分别设定表格的边框色和内部单元格的边框色,注意使内部单元格的边框色和网页背景色或表格背景色相同,这样内部的边框看上去就和背景融为一体了。举例如下:
<table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#666666">
<tr bordercolor="#ffffff">
<td> </td>
</tr>
<tr bordercolor="#ffffff">
<td> </td>
</tr>
</table>
方法3:用css定义表格的边框宽度为1个像素。先设置css类table1 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-left:0px},然后在<table>标签里添加class="table1"。
方法4:做一个和表格等大的图片作为表格的背景,尤其当你想使表格边线有倒角时。
关于去除超链接的下划线
解决方法:
可写作:
在<head>与</head>之间加上
<style>
<!--
a:link {}{text-decoration: none }
a:visited {}{text-decoration: none }
a:active {}{text-decoration: none }
a:hover {}{text-decoration: none }
-->
</style>
这样的话该格式将应用于该页面所有的超链接
另:可以为该格式类取个名字:
如:
a.mylink:visited { text-decoration: none }
a.mylink:link { color: #3f3f3f; text-decoration: none }
a.mylink:hover { text-decoration: underline }
这样可以将该格式应用于某个特殊的类,如:
<a href="" class="mylink">…………</>
41.判断是否为数字
/**//// <summary>
/// 名称:isnumberic
/// 功能:判断输入的是否是数字
/// 参数:string otext:源文本
/// 返回值: bool true:是 false:否
/// </summary>
public bool isnumberic(string otext)
{
try
{
int var1=convert.toint32 (otext);
return true;
}
catch
{
return false;
}
}
获得字符串实际长度(包括中文字符)
//获得字符串ostring的实际长度
public int stringlength(string ostring)
{
byte[] strarray=system.text .encoding.default .getbytes (ostring);
int res=strarray.length ;
return res;
}
42.将回车转换为tab
//当在有keydown事件的控件上敲回车时,变为tab
public void tab(system.web .ui.webcontrols .webcontrol webcontrol)
{
webcontrol.attributes .add ("onkeydown", "if(event.keycode==13) event.keycode=9");
}
43.datagrid分页中如果删除时出现超出索引
public void jumppage(system.web.ui.webcontrols.datagrid dg)
{
int int_pageless; //定义页面跳转的页数
//如果当前页是最后一页
if(dg.currentpageindex == dg.pagecount-1)
{
//如果就只有一页
if(dg.currentpageindex == 0)
{
//删除后页面停在当前页
dg.currentpageindex = dg.pagecount-1;
}
else
{
//如果最后一页只有一条记录
if((dg.items.count % dg.pagesize == 1) || dg.pagesize == 1)
{
//把最后一页最后一条记录删除后,页面应跳转到前一页
int_pageless = 2;
}
else //如果最后一页的记录数大于1,那么在最后一页删除记录后仍然停在当前页
{
int_pageless = 1;
}
dg.currentpageindex = dg.pagecount - int_pageless;
}
}
}
textbox的wrap属性,决定是否自动换行。
3,imagebutton1可以作为图像地图使用,
private void imagebutton1_click(object sender, system.web.ui.imageclickeventargs e)
{
int a=e.x;
int b=e.y;
//可以得到鼠标点击的位置,执行不同的操作。
}
alternatetext属性,是无法取得图片时的替代文本。
同样可以使用 onmouseover="b()" onmouseout="h()" 动态改变外观。
2。单元格鼠标移动效果
<tr id="test"
onmouseover="javascript:this.bgcolor='#ffddaa'"
onmouseout="javascript:this.bgcolor='#fffff5'"
bgcolor="#fffff5">
<td valign="middle" align="center" colspan="2">指定日规则列表</td>
</tr>
隐藏html控件:
<input type=text name=txt1 >
document.xxx.style.display="none";
<script language="javascript">
function tosum1()
{
document.form1.text1.value="ltp";
document.form1.text2.style.backgroundcolor="#669999";
}
function selecttext() { document.form1.textbox6.select(); }
</script>
失去焦点: onblur="tosum1()"
鼠标过来进,出移开效果:onmouseover="b()" onmouseout="h()" (button也可使用)
有关其他事件查看: htmlinputtextelementevents dispinterface
设置html控件:
this.text1.style["border-top-style"]="none";
this.text1.attributes["readonly"]="readonly";
text6.attributes["onclick"]="select()";
js 中,一些东西不可用的三种展现方式
我们在web项目中,有时候需要在用户点击某个东西的时候,一些东西不可用。如果在客户端实现。最简单的就是利用disabled 。下面罗列的其中三种方式:
依次是:不可用(disabled);用一个空白来代替这个地方(blank);这个区域为空(none)。具体可以查看这个blog的源文件:
dadd
ccc
这三种方式其实核心代码依次是:
obj.disabled = false;
obj.style.visibility = "hidden";
obj.style.display = "none";
我把这三种收集到一起,供以后查找使用方便。
<!--演示代码开始//-->
<script language=javascript>
function showdisableobject(obj)
{
if(obj.disabled == false)
{
obj.disabled = true;
}
else{
obj.disabled = false;
}
var coll = obj.all.tags("input");
if (coll!=null)
{
for (var i=0; i<coll.length; i++)
{
coll[i].disabled = obj.disabled;
}
}
}
function showblankobject(obj)
{
if(obj.style.visibility == "hidden")
{
obj.style.visibility = "visible";
}
else
{
obj.style.visibility = "hidden";
}
}
function shownoneobject(obj)
{
if(obj.style.display == "none")
{
obj.style.display = "block";
}
else
{
obj.style.display = "none";
}
}
</script>
文件下载
有的时候我们不想让用户直接在ie中打开已知类型的文件,比如word,而希望能直接下载,这时候可用下面代码来替换response.redirect
response.contenttype = "application/octet-stream";
response.addheader("content-disposition", "attachment;filename="+httputility.urlencode(yourfilename,response.headerencoding ));
response.binarywrite((byte[])yourfiledata.rows[0]["attachmentcontent"]);
response.end();
用httputility.urlencode可以解决中文文件名乱码问题。
新闻热点
疑难解答
图片精选