Javascript 单击电子邮件地址时弹出邮件表单

我目前正在尝试为我公司的新网站和即将推出的网站添加一项功能

我们公司目前有九个人，每个人都有自己的电子邮件地址'，我想补充的是一个弹出窗口功能，在弹出窗口中有一个电子邮件表单。但问题是，当一个来自外部的人点击一个电子邮件地址时，他会直接写信给这个人（在公司内部）的电子邮件地址（这有意义吗？）

我提出了一个建议，只是举个例子

下面是代码的预览：

<table border="1" align="center">
    <tbody>
        <tr>
            <td width="100px" height="100px">Picture</td>
            <td width="100px" height="100px">Picture</td>
            <td width="100px" height="100px">Picture</td>
        </tr>
        <tr>
            <td height="50px">CEO<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
            <td height="50px">Sales<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
            <td height="50px">Sales<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
        </tr>
        <tr>
            <td width="100px" height="100px">Picture</td>
            <td width="100px" height="100px">Picture</td>
            <td width="100px" height="100px">Picture</td>
        </tr>
        <tr>
            <td height="50px">Sales<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
            <td height="50px">Sales<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
            <td height="50px">Driver<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
        </tr>
        <tr>
            <td width="100px" height="100px">Picture</td>
            <td width="100px" height="100px">Picture</td>
            <td width="100px" height="100px">Picture</td>
        </tr>
        <tr>
            <td height="50px">Driver<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
            <td height="50px">IT<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
            <td height="50px">IT<br />E-mail: <a href="mailto:test@test.org">Test-mail</a><br />Unique popup-emailform</td>
        </tr>
    </tbody>
</table>

图画
图画
图画
CEO
电子邮件：
独特的弹出式电子邮件表单
销售
电子邮件：
独特的弹出式电子邮件表单
销售
电子邮件：
独特的弹出式电子邮件表单
图画
图画
图画
销售
电子邮件：
独特的弹出式电子邮件表单
销售
电子邮件：
独特的弹出式电子邮件表单
驱动程序
电子邮件：
唯一的弹出式电子邮件表单
图画
图画
图画
驱动程序
电子邮件：
唯一的弹出式电子邮件表单
它
电子邮件：
唯一的弹出式电子邮件表单
它
电子邮件：
唯一的弹出式电子邮件表单

我假设您使用的是Joomla，因为您将问题标记为Joomla。您可以使用Joomla的模态功能

首先在您自己的模板中覆盖contacts-view。复制文件 /components/com\u contact/views/category/tmpl/default\u items.php 到 /templates/yourtemplate/html/com\u contact/category/default\u items.php

文件顶部的某处添加

<?php JHTML::_('behaviour.modal'); ?>

这将以模态方式弹出class=modal的所有链接

现在将您的电子邮件链接如下：

<a class="modal" href="<?php 
echo JRoute::_(Juri::root()."?option=com_contact&view=contact&tmpl=component&id={$contact_id}"; 
?>">Test-mail</a>

其中$contact\u id是您员工的联系人id。因此，您还需要在contacts组件中添加联系人信息。该链接现在应该为您的员工打开一个带有联系人表单的模式对话框

更多信息请点击此处：

---

关于Jonas

那么，您已经开始编写弹出窗口的代码了吗？如果是的话，也请分享