javascrpit-JS提示框如何传值,以及方式的选用问题

问题描述

JS提示框如何传值,以及方式的选用问题


需求:点击“详细”按钮,实现弹出小框
内容如下:

形式如下:

代码是PHP写的

我查了一下,
可以用window.showModalDialog,JS的Bootbox
用最简单的弹窗就行了,
还有值怎么传到提示框呢?
求各位指点!

解决方案

生成链接直接传递就好了

 <a href="xxxxxx.php?id=<?php  echo "你记录的id"; ? onclick='return LoadPop(this)'>">详细</a>
 <script>
function loadPop(a){
  window.showModalDialog(a.href);//用dialog打开链接,或者改为其他js插件打开
  return false;////////阻止链接跳转
}
</script>

解决方案二:

不好意思,之前没回复,我后来试了2种方法都是没反应,有实现这个功能的其他JS插件的demo吗?

时间: 2016-10-18
Tags: javascrpit

javascrpit-JS提示框如何传值,以及方式的选用问题的相关文章

IOS开发:提示框的正确实现方式

 开发:提示框的正确实现方式-"> 在从iOS8到iOS9的升级过程中,弹出提示框的方式有了很大的改变,在Xcode7 ,iOS9.0的SDK中,已经明确提示不再推荐使用UIAlertView,而只能使用UIAlertController,我们通过代码来演示一下. 我通过点击一个按钮,然后弹出提示框,代码示例如下: [objc] view plaincopyprint? #import "ViewController.h" @interface ViewControll

js提示框替代系统alert,自动关闭alert对话框的实现方法_javascript技巧

自己写了个alert提示框.因为系统alert在苹果手机微信中,提示时,顶部会显示网站地址. 同时其他后续操作需要在js中继续填写.因此简单用div写了一个alert提示框,并自动关闭. 效果图 css样式 /*弹出消息对话框样式*/ .show_alert_box{ width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.6); display:none; z-index

iOS9提示框的正确使用方式_IOS

在从iOS8到iOS9的升级过程中,弹出提示框的方式有了很大的改变,在Xcode7 ,iOS9.0的SDK中,苹果已经明确提示不再推荐使用UIAlertView,而推荐使用UIAlertController,现在,我们通过代码来演示一下. #import "LoginViewController.h" @interface LoginViewController () @property (weak, nonatomic) IBOutlet UITextField *passWord;

漂亮实用的js提示框插件SweetAlert用法

SweetAlert可以替代Javascript原生的alert和confirm等函数呈现的弹出提示框,它将提示框进行了美化,并且允许自定义,支持设置提示框标题.提示类型.内容展示图片.确认取消按钮文本.点击后回调函数等. 准备工作首先我们必须将SweetAlert插件的js文件和css文件引入到页面中. <script src="sweetalert.min.js"></script> <link rel="stylesheet" h

JS实时弹出新消息提示框并有提示音响起的实现代码_javascript技巧

在java web认证系统开发中,客户要求有数据更新时要在页面弹出提示框,这样方便在旁边的工作人员可以及时的知道有新数据提交了,我们除了使用及时的推送技术外还可以使用ajax来实现这些功能. 代码实现的原理,在页面启用定时执行ajax请求,如果获得数据是最新状态的,要执行语音提示和弹出框提示,这样实现的弊端是频繁的调用数据库,该方法只适合于使用人数较少的系统. 1.加入语音提示 <audio id="sound" autoplay="autoplay">

一个仿微博登陆邮箱提示框js开发案例_javascript技巧

最近在好好的研究JS,通过一个仿邮箱登录提示框的案例加深下对面向对象的理解!啥都别说,先上图: 功能:实现正则匹配显示相符的内容.键盘事件.鼠标事件 简单布局: <div id="login"> <h2>仿微博登录</h2> <div class="detail"> <input type="text" placeholder='邮箱/会员账号/手机号' autocomplete='off'

BootStrap tooltip提示框使用小结_javascript技巧

提示框 提示框的基本使用方式为: 复制代码 代码如下: <span data-toggle="tooltip" data-original-title="this is alert content">test message</span> data-original-title可以直接写为title,仍然能正常使用,源码中优先查找前者,前者不存在就会查找title 提示框不提供HTML触发方式只能通过JS来进行触发: $("[dat

JavaScript中通过提示框跳转页面的方法_javascript技巧

通过提示框跳转页面具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-"> <title>Document</title> </head> <body> <script> window.onload = function(){ //设置当页面加载时执行 var btn =do

JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示

原文:JS组件系列--Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示 前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验.前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理.总的来说,弹出提示主要分为三种:弹出框.确定取消提示框.信