7.25 js 自定义方法 a.b
调用:
$(function(){
Starinput.initiate({name:'qr1_z.startlevel',tar: $("#sitelogo1"), stars:5});
Starinput.initiate({name:'qr15.startlevel',tar: $("#sitelogo2"), stars:5});
});
Starinput.initiate({name:'qr15.startlevel',tar: $("#starLevelQuery"), stars:5, defaut_star: parseInt('${qr15.startlevel}')});
var Starinput = {
/**
* conf:{ name:'', id:'', (optional) tar:$("#starinput"), stars:5 }
*/
initiate : function(conf) {
var ipt = $('<input>');
ipt.attr('name', conf.name);
if (conf.id) {
ipt.attr('id', conf.id);
}
ipt.attr('type', 'hidden');
ipt.val("");
conf.tar.append(ipt);
var ul = $('<ul>');
for ( var i = 1; i <= conf.stars+1; i++) {
var s = $("<li>");
s.attr('idx', i);
s.addClass("star-item");
s.css({
"cursor" : "pointer",
"width" : "18px",
"height" : "18px",
"margin-right":"5px",
"background" : "url('image/nian_hui"+i+".png')",
"float" : "left"
});
s
.click(function() {
if ($(this).hasClass("selected")) {
//alert("fd");
Starinput.clear(conf.tar,parseInt($(this).attr(
'idx')));
//ipt.val(0);
} else {
Starinput.setLevel(conf.tar, parseInt($(this).attr(
'idx')));
}
});
ul.append(s);
}
conf.tar.append(ul);
if (conf.defaut_star) {
var defau=conf.defaut_star;
var deau_shuz=defau.split(";");
for(var i in deau_shuz){
Starinput.setLevel(conf.tar,deau_shuz[i]);
}
}
},
clear : function(tar,val) {
var t = tar;
var idx = val;
var lis = t.find("li");
lis.eq(idx-1)
.css("background", "url('image/nian_hui"+idx+".png')")
.removeClass("selected");
var selectd=tar.find('li[class="star-item selected"]');
var sels="";
for(var i=0;i<selectd.length;i++){
sels=sels+selectd.eq(i).attr("idx")+";";
}
tar.find('input').val(sels);
},
setLevel : function(tar, val) {
var t = tar;
var idx = val;
var lis = t.find("li");
lis.eq(idx-1)
.css("background", "url('image/nian_"+idx+".png')")
.addClass("selected");
var selectd=tar.find('li[class="star-item selected"]');
var sels="";
for(var i=0;i<selectd.length;i++){
sels=sels+selectd.eq(i).attr("idx")+";";
}
tar.find('input').val(sels);
}
};
7.25 js 自定义方法 a.b的更多相关文章
- 2.25 js处理多窗口
2.25 js处理多窗口 前言在打开页面上链接的时候,经常会弹出另外一个窗口(多窗口情况前面这篇有讲解:Selenium2+python自动化13-多窗口.句柄(handle)),这样在多个窗口之间来 ...
- js 自定义方法
js自定义封装方法 CreateTime--2016年10月16日15:18:18Author:Marydon 声明:该文章主要是记录了需要使用javascript实现对日常需要的方法进行封装,封 ...
- js 自定义方法 设置可选参数的方法
原链接 http://www.cnblogs.com/RightDear/p/3156652.html PHP有个很方便的用法是在定义函数时可以直接给参数设默认值,如: function simue ...
- js 自定义方法 实现停留几秒 sleep
function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; wh ...
- 2-5 js基础-简易运动框架
'use strict'; function getStyle(obj,sName){ return (obj.currentStyle||getComputedStyle(obj,false))[s ...
- js自定义方法绑定元素事件
//事件绑定封装 function addEvent(elem, type, handle){ if(elem.addEventListener){ elem.addEventListener(typ ...
- 必须关注的25位知名JavaScript开发者
必须关注的25位知名JavaScript开发者 发表于2012-08-07 17:30| 16215次阅读| 来源Crossrider Blog| 46 条评论| 作者Crossrider Blog ...
- 自动化测试基础篇--Selenium中JS处理滚动条
摘自https://www.cnblogs.com/sanzangTst/p/7692285.html 前言 什么是JS? JS就是JavaScript: JavaScript 是世界上最流行的脚本语 ...
- js自己总结的小东西(打印出来方便学习)
1.你对angular有哪些认识? 属于mvvm框架,现在非常的火,由谷歌开发出来并维护的框架,为了解决负责业务中ajax的开发痛苦,刚开始结果angular的时候,确实让我有一种耳目一些,原来代码还 ...
随机推荐
- zabbix3.4.7 饼图显示问题
最近安装了zabbix3.4.7,发现系统自带Template OS Linux模版饼图(Pie)有两个问题: Total disk space on / 显示为 no data,也就是没有数据: 把 ...
- rhel7配置yum的方法
参考网站:https://www.cnblogs.com/haoyufeng/p/4393005.html rhel的版本号:::::::::: [root@LinuxS04 yum.repos.d] ...
- leetcode235
/** * Definition for a binary tree node. * public class TreeNode { * public int val; * public TreeNo ...
- 前端开发-2-HTML
1.开发环境 市面上有很多的HTML编辑器可以选择,常见的Hbuild.Sublime Text.Dreamweare都可以用来开发HTML. 当然PyCharm也支持HTML开发. 2.文件后缀名规 ...
- WP8.1 页面跳转,overwrite后退键
In 8.1 we use the below code to navigate between pages: this.Frame.Navigate(typeof(PivotPage)); In 8 ...
- c++ vector, 迭代器
现代c++尽量使用vector(容器)和迭代器(相当于指针),少使用数组和指针,除非对程序执行效率有很高的要求. 容器优点,易于扩展,可通过push_back方法动态添加元素,数组不能动态添加元素. ...
- install命令
install 1.作用 install命令的作用是安装或升级软件或备份数据,它的使用权限是所有用户. 2.格式 (1)install [选项]... 来源 目的地 (2)install [选项].. ...
- Matlab学以致用 - 曲线拟合
曲线拟合 使用Matlab自带的polyfit函数,可以很方便地根据现有样本数据进行多项式曲线拟合,为了有直观感受,先上例程,如下所示: x = -:; % 样本数据x坐标 y = *x.^ + *x ...
- Haskell语言学习笔记(30)MonadCont, Cont, ContT
MonadCont 类型类 class Monad m => MonadCont m where callCC :: ((a -> m b) -> m a) -> m a in ...
- [转]谈谈前端渲染 VS 后端渲染
首先,预编译跟前后端没有关系,预编译一样可以用于后端渲染. 看看下面的测试时间,单位: ms 模板字符串: var s = '{{#datas}}{{name}} abcdefg {{type}} { ...