基于它's调用超链接id定制弹出窗口


Customizing popup window based on it's calling hyperlink Ids

我有一个html代码,描述了社区成员,如"K S lens "answers"Venky p G",其中onclick调用模态弹出窗口#visit

<div class="portfolio-info">
    <a href="#visit" id="ks" ><h3>K S Lenscapes</h3></a>
</div>
<div class="portfolio-info">
    <a href="#visit" id="vpg"><h3>Venky P G</h3></a>
</div>

这是#访问代码:

<div id="visit" class="modalDialog">
    <div>
	<a href="#close" title="Close" class="close">X</a><br><br>    	
        <div class="text-center">
            <p><a class="btn btn-primary btn-lg" href="#" id="ba">Book Appointment</a></p>
	</div>
    </div>
</div>

我需要#visit的"Book Appointment"按钮来识别从哪个锚标记请求并发送邮件到相应的投资组合,从文件或数据库中获取其电子邮件。

我不知道该怎么做,请帮我一下。

您可以使用data属性

<div class="portfolio-info">
    <a href="#visit" id="ks" data-url="URL TO POST THE DATA"><h3>K S Lenscapes</h3></a>
</div>
<div class="portfolio-info">
    <a href="#visit" id="vpg" data-url="URL TO POST THE DATA"><h3>Venky P G</h3></a>
</div>

并在每次打开对话框时更新图书预约href URL。

在这种情况下,数据变量可以像$('selector').data('url')

那样调用

HTML:

<a href="#visit" id="fpp" onclick="updatePopup(this.id);"><h3>Bar</h3></a>
JavaScript:

function updatePopup(id) {
    document.getElementById('ba').href = 'path/to/handler?id=' + id;
}

更新后的HTML将在点击时将链接ID传递给函数,JavaScript将相应地更新弹出窗口"Book Appointment"按钮。

ID然后在URL的查询字符串中传递,无论您想在哪里处理电子邮件发送部分。从数据库中检索电子邮件并向其发送电子邮件是一个完全不同且更广泛的问题,我相信您将能够在网站的其他地方找到如何做到这一点的信息。