step ctrl

window.$stepCtrl = {
    elementData:{},
    targetContents:{},
    onload:function(){
        var elements = document.getElementsByClassName(‘laz-steps‘);
        try{
            for (var i in elements){
                var element = elements[i];
                if (is_element(element)){
                    var key = element.getAttribute("laz-key");
                    var idx = element.getAttribute(‘laz-step-index‘);
                    if (!this.elementData[key])
                    {
                        this.elementData[key] = {
                            "index-now":-1,
                            elements:{}
                        };
                    }
                    this.elementData[key][‘elements‘][parseInt(idx)] = element;
                    if (idx == 0){
                        this.nextStep(key);
                    }
                }
            }
        }catch (e){
            console.warn(e);
        }
    },
    nextStep:function(key){
        try{
            var idx = this.elementData[key][‘index-now‘];
            if (idx != -1){
                this.elementData[key][‘elements‘][idx].setAttribute("laz-active","hide");
            }
            idx ++;
            this.elementData[key][‘elements‘][idx].setAttribute("laz-active","show");
            this.elementData[key][‘index-now‘] = idx;
        }catch (e){
            console.warn(e);
        }
    },
    lastStep:function(key){
        try{
            var idx = this.elementData[key][‘index-now‘];
            if (idx != -1){
                this.elementData[key][‘elements‘][idx].setAttribute("laz-active","hide");
            }
            if (idx > 0){
                idx --;
                this.elementData[key][‘elements‘][idx].setAttribute("laz-active","show");
                this.elementData[key][‘index-now‘] = idx;
            }
        }catch (e){
            console.warn(e);
        }
    }

};
        <div class="laz-steps" laz-step-index="0" laz-key="register">
            <form method="post" laz-action="" laz-call="step1" onsubmit="return LazFormCheck(this);">
                <div class="std-form-group">
                    <label>邀请人手机号</label>
                    <input type="text"  name="inviter" class="std-form-control"/>
                </div>
                <button type="submit" class="std-btn std-btn-warning">下一步</button>
            </form>
        </div>
时间: 2024-08-28 08:46:36

step ctrl的相关文章

badboy基本操作

一 badboy简介 Badboy监控internet explorer的活动,提供录制/回放功能. 录制功能:badboy窗口的顶部显示当前是否处于录制状态,如果点击play按钮,badboy自动关闭录制功能,等到play结束后,可以点击recording按钮,继续录制脚本. Remark:必须等到上一步的request处理完毕后,才能点击发送下一个request,否则下一个request会作为第一个request的子frame. 1 创建 suites,tests以及steps 测试与网站的

FreeSWITCH 1.2.5.3 Step by Step Install

Ubuntu: apt-get -y install build-essential automake autoconf git-core wget libtool apt-get -y install libncurses5-dev libtiff-dev libjpeg-dev zlib1g-dev 从 Git 仓库安装: 从代码库安装能让你永远使用最新的版本: git clone git://git.freeswitch.org/freeswitch.git cd freeswitch .

Ubuntu进阶学习,指令迅速查询,Bug迅速查询(Ctrl+F)

There is some notes while I am learning Ubuntu Operate System! (Ask Ubuntu) 1-- Hard link : ln command have different parm. Hard link means that the two files is connect together for backup the original files.If you edit any of the two files , it wil

AngularJS学习---更多模板(More Templating) step 8

1.切换分支 [email protected]:~/develop/angular-phonecat$ git checkout step-8 #切换分支 [email protected]-pc:~/develop/angular-phonecat$ npm start #启动项目 2.需求: 将step 7 中的手机详细信息展示出来,加上各种参数配置,图片展示等等. 3.效果: 这里很明显要比step 7中的信息详细的多,而且效果要好很多.究竟是怎么实现的呢? 3.实现代码: 首先,所有需

study Mvc step by step (二) 关于MVC的一些C#特有语法

在我们即将进入ASP.NET开发大门的时候.我们需要先学习一些C#的特有语法.而且对于传统的webform的开发,我们介绍的这些C#特有语法并不是每个人都熟悉的.本节将介绍一个MVC优良程序员所需要的C#语言特性. 一:c#的基本特性 1.1使用自动实现的属性 c#属性特性让你暴露一个类的数据片段,这些数据以及如何设置和接收数据采取了一种松耦合的方式.就是说并不是直接和我们类中的字段相关联,而是通过一个对外的接口.我们首先看一下下面的这个叫做   "product"  类  类里面我们

AngularJS学习---REST和自定义服务(REST and Custom Services) ngResource step 11

1.切换目录 git checkout step-11 npm start 2.效果图 效果图和step 10的没有什么差别,这里主要的改动都是代码,代码做了很多优化,这里效果图就不再贴出来了. 3.实现代码 step-10和step-11之间的差别:https://github.com/angular/angular-phonecat/compare/step-10...step-11 Dependencies (依赖的JS): { "name": "angular-see

自定义div 拖动。键盘上下左右键移动,ctrl+Q控制是否可以移动,ctrl+回车,返回初始状态

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="智能社 - zhinengshe.com" /> <meta name="copyright" content="智能社 - zhinengshe.com" /> <t

hdu 4735 Little Wish~ lyrical step~(DLX)

题目链接:hdu 4735 Little Wish~ lyrical step~ 题意: 有n个节点的树,每个节点可能是男孩,可能是女孩,节点之间有距离,现在要让所有的女孩周围距离D之内有男孩,问最小需要交换多少次男孩和女孩的位置. 题解: 把每个节点对小于D距离的全部link起来,然后DLX爆艹,意义就是选n个节点去覆盖全部节点,如果这个节点是女生,那么就是要替换的点.然后不断更新答案. 1 #include<bits/stdc++.h> 2 #define F(i,a,b) for(int

如果你遇到,在IntelliJ IDEA里Ctrl+Alt+方向键用不了

在idea中使用ctrl+b跟踪进入函数之后,每次返回都不知道用什么快捷键,在idea中使用ctrl+alt+方向键首先会出现与win7屏幕方向的快捷键冲突,右键桌面,选择图形属性,将win7的快捷键关闭. 但是使用快捷键一直都没有反应,尝试杀掉igfxHK.exe进程,看看是否会恢复,然后可以考虑用rundll32.exe复制一份替换掉这个垃圾文件.