网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网络编程 > ASP.NET技巧
Tag:注入,存储过程,分页,安全,优化,xmlhttp,fso,jmail,application,session,防盗链,stream,无组件,组件,md5,乱码,缓存,加密,验证码,算法,cookies,ubb,正则表达式,水印,索引,日志,压缩,base64,url重写,上传,控件,Web.config,JDBC,函数,内存,PDF,迁移,结构,破解,编译,配置,进程,分词,IIS,Apache,Tomcat,phpmyadmin,Gzip,触发器,socket
网络编程:ASP教程,ASP.NET教程,PHP教程,JSP教程,C#教程,数据库,XML教程,Ajax,Java,Perl,Shell,VB教程,Delphi,C/C++教程,软件工程,J2EE/J2ME,移动开发
本月文章推荐
.ASP.NET 无法确保在注册的 JavaS.
.Asp.Net小技巧之在client端调用s.
.ASP.NET动态加载控件的"追赶论".
.asp.net常用代码.
.通过web.config设置数据库连接串.
.发布一个自己写的PrintPreviewCo.
.重构Session确实让代码简洁干净了.
.关于Asp.net页面Page_Load被执行.
.使用UTF-8编码/JMail组件发送邮件.
.ASP.NET 2.0中CSS失效解决方案.
.ASP.net 验证码(C#).
.第一次用.net2.0 LOGIN登陆控件的.
.ASP.NET数据库编程之处理文件访问.
.ASP.NET实现页面间值传递的几种方.
.在Web DataGrid中当鼠标移到某行.
.asp.net身份验证和授权.
.在.Net 里用XPath的case-insensi.
.ASP.NET程序中常用的三十三种代码.
.ASP.NET 2.0发送电子邮件中存在的.
.ASP.NET 2.0 Club Web Site Star.

ASP.NET实现自适应图片大小的弹出窗口(窗口可任意编辑)

发表日期:2005-7-2


      在最近的项目中,遇到一个问题,要实现这样的效果:
      点pic_small.Aspx页面的缩略图后弹出pic_all.aspx页面,pic_all.aspx页面的大小要根据图片大小自动调整,而且要有图片的说明信息,还可以点上一幅和下一幅等进行翻页。
      实现过程如下:
      pic_small.Aspx页面缩略图处的代码为:
      <IMG id="imgPic" style="CURSOR: hand"  border=0 height="95" onclick="ShowWindow(<%#DataBinder.Eval(Container.DataItem,"ID")%>)" src='<%#"Images/Product/" + DataBinder.Eval(Container.DataItem,"PicUrl")%>'   width="118" runat="server">

      ShowWindow保存在OpenWindows.js文件中,内容如下:

function ShowWindow(id)
{
  window.open('pic_all.aspx?ID=' + id,'_blank','Scrollbars=no');
}
 
     以下代码即可实现点缩略图后弹出页面pic_all.aspx显示图片信息,下面要实现的是pic_all.aspx页面根据图片的大小自动调整。
     把以下代码放在pic_all.aspx页面的<Head></Head>之间:

<script>
  function window.onload()
  {
   var obj=document.getElementById("PicUrl");
   window.resizeTo(obj.offsetWidth + 127,obj.offsetHeight + 75);
  }
  </script>

      这里的PicUrl是页面pic_all.aspx中用来显示原图大小的,我用的是html控件,无论你用什么方法,反正就是要从数据库中读出图片的名称或是路径了。
      obj.offsetWidth 得到的就是显示出来的原图的宽了,obj.offsetWidth  + 127表示窗口在图片的宽度基础上再大127像素,因为要留一些空间用来实现图片的说明信息。
      这样就可以实现弹出来的窗口既可以根据图片大小自动调整,而且又可以随意编辑弹出来的页面,因为弹出来的页面是一个指定页面,无论要编辑什么,都可以和平时处理页面一样处理了。 

      感谢 伯虎 提供整个实现过程的关键代码,要不是他的帮忙,今天我就完不成项目了,也就没有办法安心离开现在的公司了,在此对每一个热心帮助别人的朋友表示衷心的感谢,这就是为什么我会把项目中遇到的问题都写出来的原因,希望能给更多人一些帮助。

上一篇:将dataset以xml形式发给客户端下载 人气:9968
下一篇:asp.net css注释的影响 人气:11917
浏览全部ASP.NET的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐