首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
element 弹框可拖动可拉伸
2024-10-26
elementUI 弹出框添加可自定义拖拽和拉伸功能,并处理边界问题
开发完后台管理系统的弹出框模块,被添加拖拽和拉伸功能,看了很多网上成熟的帖子引到项目里总有一点问题,下面是根据自己的需求实现的步骤: 首先在vue项目中创建一个js文件eg:dialog.js import Vue from 'vue' // v-dialogDrag: 弹窗拖拽属性 Vue.directive('dialogDrag', { bind (el, binding, vnode, oldVnode) { // 自定义属性,判断是否可拖拽 if (!binding.value) re
element弹框的的this.$alert、this.$prompt方法用法
调用$alert方法即可打开消息提示,它模拟了系统的 alert,无法通过按下 ESC 或点击框外关闭 调用$prompt方法即可打开消息提示,它模拟了系统的 prompt
element 弹框关闭报错
<template> <el-container style="padding: 00px 20px 0px 20px"> <el-dialog title="售电公司注册审批记录" :visible.sync="innerVisible" width="60%" @close="closeDialog" :close-on-click-modal="true&quo
【jQuery学习】写一个简单的弹框页面,火狐浏览器有弹框,但IE8没有弹框的原因?
我也是刚学习jQuery,就从官网上下载了jQuery的包,版本是3.2.1 代码 如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="script/jquery-3.2.1.js"></s
JavaScript实现自定义alert弹框
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAh0AAAFkCAYAAACEpYlzAAAfj0lEQVR4nO3dC5BddZ0n8F93pxOQCO
element ui 手动关闭$notify弹框
1.需求: 当用户点击 “点击下载” 后,文件导出这个弹框主动消失. 2.解决方案: 如下图所示 (需要注意的是这里的关闭是 点击弹框任意处就会关闭,如果想实现我的需求需要判断一下即可)
自己写的基于bootstrap风格的弹框插件
自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框.提示框.后续功能扩展.bug修改再更新. ;(function($){ //默认参数 var PARAMS; var DEFAULTPARAMS = { width: 500, title: '提示消息', content: '', okbtn: '确定', cancelbtn: '取消', headerBackground: 'info', vbackdrop: 'static', //默认点击遮罩不会关闭modal vkeyb
js弹框3秒后自动消失
开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例. 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法.该弹框使用了jquery-ui中的draggable方法,可拖动. 目录结构如下: 下面是案例代码: demo.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti
angularJs $mdDialog和$uibModal弹框关闭传值
$mdDialog以一个点击button按钮出现弹框为例: $scope.btn=function($event,row){ var dScope = $scope.$new(true); dScope.row = row;//从新new一个$scope,把当前值带到弹框中,页面可直接绑定收据,js用前加$scope $mdDialog.show({ scope:dScope, parent:angular.element(document.body), targetEvent: $event,
基于jQuery的控件:弹框
★页面展示 ★属性 属性 值 说明 默认值 div Object jQuery对象 $('body') width Number 控件的宽度 auto height Number 控件的高度 auto title String 弹框的头 ‘提示’ content String 弹框的内容 iframeUrl String 弹出iframe的路径 offsetTop Number||String 绝对定位top 值: top,bottom,数字 居中 offsetLeft Number||Stri
如何优雅的写一个Vue 的弹框
写Vue或者是react 都会遇见弹框的问题.也尝试了多种办法来写弹框,一直都不太满意,今天特地看了一下 Element UI 的源码,模仿着写了一个简易版. 大概有一下几个问题: 1.弹框的层级问题,如果在嵌套的组件里面使用了弹框,可能会出现弹框的层级不够高 2.弹框的函数调用方式 首先第一点:弹框的层级 如果将弹框放置在最外层,body下面.就不会有层级问题. 第二点:弹框的函数调用 首先我们可以思考,将组件的实例拿到,然而初学的时候好像只有 通过 refs 能拿到组件的对象,然后调用显示
【jquery+easyUI】-- $.messager.show 弹框显示
三种基本弹框 1.提示框,一秒停留 $.messager.show({ title: '提示', msg: '修改成功!', showType: 'fade', //设置显示类型 style: { left: 500, top: 100 }, //设置弹框的位置 width:100, //设置弹框的宽度和高度 height:200, timeout: 1000 //设置停留时间,1000毫秒 }); 2.警告框,用户必须确认 $.messager.alert("操作提示", "
完美解决bootstrap模态框允许拖动后拖出边界的问题
使用bootstrap3版本 在网上看了很多方法,我觉得jquery-ui的实现方法是最简单有效的,具体实现方法 1.下载并引入jquery-ui插件 2.全局添加模态框允许拖动事件 $(document).on("show.bs.modal", ".modal", function(){ $(this).draggable({ handle: ".modal-header" // 只能点击头部拖动 cursor: 'move', }); $(t
angularjs指令弹框点击空白处隐藏及常规方法
效果图展示: 第一种方法:angularjs自定义指令: 指令: app.directive('onBlankHide', function () { return { restrict: 'A', scope: { pop: '=' }, link: function (scope, element, attr) { element.on('click', function (e) { $('#' + scope.pop).fadeIn(); $(document).click(functio
留言处插入xss不弹框
对于新手来说,往往会在留言地方插入<script>alert(1)</script>来检测是否有存储xss,事实是基本上不会弹框的,为啥? 通过查看源码,可知道<>标签被实体编码了. 是前端和后端设置了过滤?非也!. 因为有些标签自身具备htmlencode功能,标签有: <textarea> <title> <iframe> <noscript> <noframes> 如果绕过?那就闭合前面的标签就是了 ,
layer弹框的上面各个属性 -可配置
<script type="text/javascript"> 12 //eg 13 layer.open({ 14 title:"标题信息提示",//标题信息 15 content: 'test',//内容区域 16 move: false,//是否可以拖动,默认可以拖动 17 btn: ['按钮一', '按钮二', '按钮三'], 18 btn1: function(index){ 19 //按钮[按钮一]的回调 20 layer.close(ind
selenium webdriver从安装到使用(python语言),显示等待和隐性等待用法,切换窗口或者frame,弹框处理,下拉菜单处理,模拟鼠标键盘操作等
selenium的用法 selenium2.0主要包含selenium IDE 和selenium webDriver,IDE有点类似QTP和LoadRunner的录制功能,就是firefox浏览器的一个插件,用来录制在浏览器的一系列操作,录制完成后可以回放,可以转换为代码输出出来.本节主要讲的是selenium的webdriver功能.结合Python语言来讲解具体用法. WebDriver 的实现原理: WebDriver直接利用了浏览器的内部接口来操作浏览器. 对于不同平台中的不同浏览器,
为什么在留言处插入<script>alert(1)</script>不弹框
对于新手来说,往往会在留言地方插入<script>alert(1)</script>来检测是否有存储xss,事实是基本上不会弹框的,为啥? 通过查看源码,可知道<>标签被实体编码了. 是前端和后端设置了过滤?非也!. 因为有些标签自身具备htmlencode功能,标签有: <textarea> <title> <iframe> <noscript> <noframes> 如果绕过?那就闭合前面的标签就是了 ,
【04】openlayers 地图弹框
效果: 创建地图: //创建地图 var map = new ol.Map({ //设置显示地图的视图 view: new ol.View({ projection: 'EPSG:4326', //投影方式 center: [108, 34], //定义初始显示位置 zoom: 3 //定义地图显示层级 }), //创建地图图层 layers: [ //创建一个使用Open Street Map地图源的瓦片图层 new ol.layer.Tile({ source: new ol.source.
参考bootstrap中的popover.js的css画消息弹框
前段时间小颖的大学同学给小颖发了一张截图,图片类似下面这张图: 小颖当时大概的给她说了下,其实小颖也不知道上面那个三角形怎么画嘻嘻,给她说了DOM结构,具体的css让她自己百度,今天小颖自己参考bootstrap中的popover.js的css画了下那个消息弹框,希望对大家有所帮助.小颖最终画的图就是下面介个酱紫的 具体的怎么实现的,大家请看下方的css代码哦. html: <!DOCTYPE html> <html> <head> <meta charset=&
安卓客户端a标签长按弹框提示解决办法
昨天工作时候发现一个bug,是关于a标签的,在安卓客户端中,如果是a标签的话,长按会出现一个弹框,如图所示 是因为安卓客户端的长按触发机制,以后进行wap端开发的时候,如果用到跳转页面尽量不要用a标签,取而代之可以用别的标签+onclick="window.location.href='';"的方式. 好久没有写博客了,最近在看工作流方面的东西和一些别的知识,比如orm,aop,spring框架等等,但总是看着看着就困,看到首页很多大神都写了好多那种很高深的文章,自己还在这么小的领域里
热门专题
rabbit 重启服务
java wsimport 命令使用
c# 获取当前进程文件版本号
layedit点击文本框的函数
mybatis Oracle主键批量update吗
清除文本中的 以及html标签
python多维列表根据内列表排序
new和delete全局重载
idea classes没有编译到WEB-INF下
WindowManager addView 使用的主题是
GeoServer导出 GeoJSON
sql server2008写入单条数据慢
codeblocks深色模式
java删除xlsx表头
pycharm在mac的快捷键run
hbuilderx 格式化代码
ruby 多行字符串
shiro1.5 自定义filter
gcc 不显示 控制台
BOOTSTRAP小图标颜色