动态添加Marquee标签,并动态赋值与属性
前台加载js
$(function(){
var publishStr="<%=publishText%>"
var marqueeStr=" <marquee id=\"marquee0\" onmouseover=\"this.stop()\" onmouseout=\"this.start()\" direction=\""+direction+"\" scrollamount=\""+scrollamount+"\" scrolldelay=\""+scrolldelay+"\"></marquee>";
$("#pulishText_div").append(marqueeStr);
$("#marquee0").html(htmlDecode(publishStr));
})
对于publishText,是在后台htmlEncode编码得到的
//主界面-公告-滚动内容设置
private void NoticeDataGet(string CustomerId)
{
string sql = string.Format(@"SELECT ConfigName,Src FROM dbo.TVipMemebershipCenterConfig WHERE ConfigCode='publishText' AND status='1' AND CustomerId=@CustomerId");
var bllInfo = UnityInvoker.GetBLLInfo(CustomerId, DbKeys.Biz);
DbParameterList paras = new DbParameterList();
paras.Add("@CustomerId", SqlDbType.VarChar, 50, CustomerId);
DataSet dataSet = UnityInvoker.BLLInvoke<IBLL_SQLHelper>(DataInvokeMode.LANDriectDB).
FillData(bllInfo, sql,paras);
DataTable dt = dataSet.Tables["FzTable"];
if (dt != null && dt.Rows.Count > 0)
{
foreach (DataRow dr in dt.Rows)
{
publishText += "<a href=\\\"" + HttpUtility.HtmlEncode(dr["Src"].ConvertString()) + "\\\">" +HttpUtility.HtmlEncode(dr["ConfigName"]) + "</a><br>";
}
}
else {
publishText += "<a href=\\\"javascript:void(0)\\\">公告内容,公告内容</a><br>";
}
}
所以要展现既有便签,又通过编码过的字符串,就要在前台进行特殊处理,解码htmlDecode
function htmlEncode ( str ) {
var ele = document.createElement('div');
ele.appendChild( document.createTextNode( str ) );
return ele.innerHTML;
}
function htmlDecode ( str ) {
var ele = document.createElement('div');
ele.innerHTML = str;
return ele;
}
动态添加Marquee标签,并动态赋值与属性的更多相关文章
- ThinkPHP框架下,给jq动态添加的标签添加点击事件移除标签
jq移除标签主要就是$("#要移除的id").remove();不再赘述,这里要提醒的是jq中动态添加标签后怎样添加点击事件.一般的jq添加点击事件是用这种方法$("#i ...
- js获取不到动态添加的标签的值的解决方法
遇到了js无法获得动态添加的标签的值,百度了一番,最后自己解决了问题,但是原理现在还不怎么明确. $("input[id='txtAttValue']").each(functio ...
- jQuery动态添加li标签并添加属性和绑定事件
代码如下: <%@page import="java.util.ArrayList"%> <%@ page language="java" c ...
- JS从后台获取数据,前台动态添加tr标签中的td标签
功能描述: 要求从后台查询该省份的所有城市,然后动态的再前台固定的tr标签中添加相应的td标签来展示城市基本信息: 文章目录 #一.前台jsp及js源码 jsp:在固定的tr标签中添加一个id,通过j ...
- MyBatis动态添加—trim标签
做添加时,部分字段有值,没值的字段不添加,这就是动态添加,使用 trim 标签就可以实现. <insert id="insertSysUser" parameterType= ...
- JS动态添加的标签无法绑定事件解决方案~~~
今天用ajax实现动态插入数据时发现监听一直不起作用,一样的代码,非动态的就可以监听实现 这是困扰了我近一个小时的bug,后面才理解到可能是动态插入导致的! 看了看网上的解决方案,似乎都不太通俗,讲的 ...
- js JQ动态添加div标签
function renderList(data){ var str = ''; for(var i = 0; i < data.length; i++){ // 动态添加li str += ' ...
- bootstrap动态添加Tab标签页
好久没有写博客了(主要是懒),工作中用到一个动态添加Tab的功能,众所周知,bootstrap没有动态添加Tab的功能,网上又没找到什么好用的,那咱就自己写呗?(因为懒,所以只写了添加的方法.(๑&g ...
- easyui 动态添加input标签
动态添加easyui控件<input class=" easyui-textbox" > 这样是无效的,因为easyui没有实时监控,所以必须动态渲染$.parser. ...
随机推荐
- GZFramework.DB.Core初始化
单数据库初始化,以MSSQL为例 public class DBConfig : IDBConfig { public static void InitDB() { GZFramework.DB.Co ...
- 火狐浏览器Firefox上DownThemAll插件
DownThemAll插件支持断点续传.多线程下载,可以大幅度提高下载速度. 在Windows平台上,要下载大量的文件,迅雷自然是首选:但在非Windows平台上,只要安装一个火狐浏览器,再安装Dow ...
- 亚马逊云服务器AWS安装CentOS
亚马逊云服务器默认创建的实例,在停止之后再启动的情况下,IP会发生改变.所以我们最好先创建一个弹性IP,即EIP,不过我也不清楚这个费用. 1.按如图操作创建一个弹性IP,弹性IP创建之后可以随便绑定 ...
- px和em
相同点: 都是长度单位 不同点: px是绝对单位,不支持IE的缩放,em是相对单位. px的值是固定的,指定是多少就是多少:em得值不是固定的,并且em会继承父级元素的字体大小 ps: 浏览器的默认字 ...
- linux hugepage
The intent of this file is to give a brief summary of hugetlbpage support inthe Linux kernel. This ...
- JDE FORM开发--checkBox
checkBox设置时,必须指定DD.
- 云端 Linux下安装 Java
根据需要在给云端的机器安装Java 问题的分解为2个一个是Java源文件的传输.一个是Linux下Java的安装. Java 传输到云端: 可以通过SSH Secure File Transfer C ...
- iOS开发网络篇—文件的上传
iOS开发网络篇—文件的上传 说明:文件上传使用的时POST请求,通常把要上传的数据保存在请求体中.本文介绍如何不借助第三方框架实现iOS开发中得文件上传. 由于过程较为复杂,因此本文只贴出部分关键代 ...
- Ubuntu 下载 & 编译 Android5.1 源码
ustc & tsinghua android srchttps://lug.ustc.edu.cn/wiki/mirrors/help/aosphttps://mirrors.tuna.ts ...
- awakeFromNib与viewDidLoad的区别
当一个nib文件对应两个类,File's Owner的class为XXXViewController,Objects下的View对应的为XXXView时: awakeFromNib:在XXXView. ...