客户端脚本调用服务器端动态内容，移动到链接显示预览

aspx页面代码
<script language="javascript" type="text/javascript">
//图片预览效果
function ShowPic(url)
{
document.getElementById("picture").style.display="";
document.getElementById("picture").style.left=event.clientX+5;
document.getElementById("picture").style.top=event.clientY+5;
document.getElementById("picture").innerHTML= "<img src='"+url+"' width='200' height='200'/>";
}
function  ShowVideo(url)
{
document.getElementById("video").style.display="";
document.getElementById("video").style.left=event.clientX+5;
document.getElementById("video").style.top=event.clientY+5;
document.getElementById("video").innerHTML=   "<object id='MediaPlayer' width=300 height=250 classid='CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6'> <param name='URL' value='"+url+"'><param name='rate' value='1'> <param name='balance' value='0'> <param name='currentPosition' value='0'> <param name='defaultFrame' value> <param name='playCount' value='100'> <param name='autoStart' value='1'> <param name='currentMarker' value='0'> <param name='invokeURLs' value='1'> <param name='baseURL' value> <param name='volume' value='100'> <param name='mute' value='0'> <param name='uiMode' value='full'> <param name='stretchToFit' value='0'> <param name='windowlessVideo' value='0'> <param name='enabled' value='1'> <param name='enableContextMenu' value='1'> <param name='fullScreen' value='0'> <param name='SAMIStyle' value> <param name='SAMILang' value> <param name='SAMIFilename' value> <param name='captioningID' value> <param name='enableErrorDialogs' value='0'>  <param name='_cx' value='7779'> <param name='_cy' value='1693'> </object>";
}
function  ShowDivMusic(url)
{
document.getElementById("divMusic").style.display="";
document.getElementById("divMusic").style.left=event.clientX+5;
document.getElementById("divMusic").style.top=event.clientY+5;
document.getElementById("divMusic").innerHTML="<embed id='music' type='video/x-ms-wmv'  align='middle' autostart='true' height='45' width='300' loop='true' src='"+url+"'></embed>";
}
function PriveiwTxt(content)
{
document.getElementById("PreTxt").style.display="";
document.getElementById("PreTxt").style.left=event.clientX+5;
document.getElementById("PreTxt").style.top=event.clientY+5;
document.getElementById("PreTxt").style.backgroundColor="white";
document.getElementById("PreTxt").innerHTML=content;
}
function  DisappearDivMusic()
{
document.getElementById("divMusic").style.display="none";
document.getElementById("music").controls.pause();
document.clear();
}
function  DisappearDivVideo()
{
document.getElementById("video").style.display="none";
document.getElementById("MediaPlayer").controls.stop();
document.clear();
}
function DisappearDivPic()
{
document.getElementById("picture").style.display="none";
}
function DisppearTxt()
{
document.getElementById("PreTxt").style.display="none";
}
function Disppear()
{
var existPreTxt = document.getElementById("PreTxt");
var existPicture = document.getElementById("picture");
var existvideo = document.getElementById("video");
var existMediaPlayer = document.getElementById("MediaPlayer");
var existmusic = document.getElementById("divMusic");
var existtestmusic = document.getElementById("music");
if(existPreTxt!=null)
DisppearTxt();
if(existPicture!=null)
DisappearDivPic();
if(existMediaPlayer!=null && existvideo!=null)
DisappearDivVideo();
if(existtestmusic!=null && existtestmusic!=null)
DisappearDivMusic();
}
</script>
</head>
<body οnclick="Disppear()">
<div id="picture" style="display:none; width:200px; height:200px; border-bottom:1px solid #FF0000; border-left:1px solid #FF0000;border-top:1px solid #FF0000;border-right:1px solid #FF0000;position:absolute;">
</div>
<div id="video" style="display:none; width:300px; height:45px; border-bottom:1px solid #FF0000; border-left:1px solid #FF0000;border-top:1px solid #FF0000;border-right:1px solid #FF0000;position:absolute;">
</div>
<div id="divMusic" style="display:none; width:300px; height:45px; border-bottom:1px solid #FF0000; border-left:1px solid #FF0000;border-top:1px solid #FF0000;border-right:1px solid #FF0000;position:absolute;">
</div>
<div id="PreTxt" style="display:none; width:600px; height:200px; border-bottom:1px solid #FF0000; border-left:1px solid #FF0000;border-top:1px solid #FF0000;border-right:1px solid #FF0000;position:absolute;">
</div>
cs页面代码
bool legalPic = false;
bool legalVideo = false;
bool legalAudio = false;
string[] picArray = { "jpg","gif","bmp","pcx","jpeg","png"};
string[] videoArray = { "rmvb", "flv", "rm", "wmv", "mp4", "avi" };
string[] audioArray = { "mp3", "wma" };
foreach (string pic in picArray)
{
if (itemKind.Equals(pic))
legalPic = true;
}
foreach (string video in videoArray)
{
if (itemKind.Equals(video))
legalVideo = true;
}
foreach (string audio in audioArray)
{
if (itemKind.Equals(audio))
legalAudio = true;
}
//图片预览特效
if (legalPic)
TitleLB.Attributes.Add("onmouseover", "ShowPic('"+ URL +"')");
else if (legalVideo)
TitleLB.Attributes.Add("onmouseover", "ShowVideo('" + URL + "')");
else if (legalAudio)
TitleLB.Attributes.Add("onmouseover", "ShowDivMusic('" + URL + "')");
else if (itemKind.Equals("txt"))
{
//创建预览对象
Preview preivew = new Preview();
//通过url地址来返回txt文本前五十行内容
string previewTxt = preivew.txtToText(URL);
TitleLB.Attributes.Add("onmouseover", "PriveiwTxt('" +previewTxt + "')");
// TitleLB.Attributes.Add("onmouseout", "return DisppearTxt()");
}

客户端脚本调用服务器端动态内容，移动到链接显示预览相关推荐

C# 海康DVR客户端开发系列（3）—— 连接DVR和图像预览
前言一直没有稳定的DVS供我测试用,朋友那边也是频频宕掉,所以延误至今,所幸还是出来了.此外非常遗憾的是没能用WPF实践成功,关键是IntPtr句柄设置不对,没法显示出来,为了保证进度也只好暂时放弃 ...
Java SDK调用海康网络摄像头多摄像头同时预览并取流
写在前面: 最近也遇到了调用海康多个摄像头实现同时预览的需求,不过官方demo里并没详细的案例,上网查了下资料,也找不到对应的解决方案 ,电话咨询海康技术,没接过,信息没回过.这里就不对海康技术支持多 ...
H5调用微信图片显示预览
// 首选你要开心的引入下js <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></scr ...
QQ对话框中发送网站链接时，所显示预览内容的修改方法
head部分添加一下内容: <meta itemprop="name" content="主要标题" /> <meta itemprop=&q ...
TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...
HTML <style> 标签的 media 属性 HTML <style> 标签实例针对两种不同媒介类型的两种不同的样式(计算机屏幕和打印): <html> ...
Web 应用客户端渲染和服务器端渲染的比较
原文链接 The Web Page Rendering Dilemma 关于网页渲染的讨论是最近几年才出现的.早些时候,网站和网络应用程序有一个共同的策略要遵循.他们准备了要发送到服务器端浏览器的 H ...
python调用c++动态库 linux_linux中使用boost.python调用c++动态库的方法
前言最近开始使用 robot framework 测试c++的动态库,robot framework 是跑在 windows 上面,c++动态库是跑在远程linux主机上面.测试办法是让 robot ...
java 调用服务器文档,JAVA远程调用服务器端方法
JAVA远程调用服务器端方法内容精选换一换 Windows Server 2012 R2操作系统弹性云服务器,本地使用远程桌面连接功能连接云服务器并启用redirected drive功能时,云服 ...
谷歌浏览器调用打印机不预览
谷歌浏览器调用打印机不预览需要是谷歌浏览器页面上调用打印机的时候不弹出打印机预览界面. 步骤: 1.设置好默认打印机 2.找到桌面上谷歌浏览器:右击–>属性–>目标, 在后面加上&quo ...

客户端脚本调用服务器端动态内容，移动到链接显示预览

客户端脚本调用服务器端动态内容，移动到链接显示预览相关推荐

最新文章

热门文章