Javascript 覆盖捕获详细信息表单

我目前正在一个使用PDF查看部分的网站上工作。在本节中，用户可以单击PDF放大PDF、打印PDF、保存PDF或电子邮件PDF，所有这些都由放置在PDF预览图像旁边的小图标表示

我希望做的是：； 例如，如果用户单击这些图标中的任何一个，而不是显示一个放大的版本（假设单击了view PDF链接），它将显示一个模式联系表单，供客户捕获或获取用户的详细信息。例如名称//电子邮件

我需要一种方法，以确保没有链接放大PDF，打印PDF，保存PDF或电子邮件PDF将工作，而是会提出这个弹出模式，直到用户已经输入了弹出模式内的详细信息

如有任何反馈/帮助，将不胜感激

---

提前感谢

如果您想尽量减少必须编写的自定义代码量，请尝试使用jQuery UI的内置功能

下面是一个与糟糕的jQuery UI样式表一起使用的示例，但无论如何，您都要更改它：

使用它，jQuery变得非常简单：

$(function() {
    $('#myModal').dialog({
        modal: true,
        autoOpen: false
    });
    $('#myButton').click(function() {
        $('#myModal').dialog('open');
    });
});

---

你有没有想过把它用作一个平台？这使得这样的任务变得轻而易举。事实上，这个项目已经由其他人启动了。。内部可湿性粉剂。所以我正在寻找一种没有框架的方法，谢谢。我基本上需要用它作为一种方式，为数据收集建立一个模式，就像你们在这里做的一样。它只需要一次注册等，然后这些按钮mybutton将带来其他元素，如打印选项等问题！如果我的回答完全解决了您的问题，请将其标记为正确，以便其他人知道您得到了帮助。