Question

我目前正在尝试为我公司的新网站添加功能。

我们目前在公司有九个人，我们每个人都有自己的电子邮件地址，而我想要添加的是一个弹出窗口功能，弹出窗口内有一个电子邮件表单。但是，扭曲的是，当外部人员点击电子邮件地址时，该人直接写入该人（在公司内）的电子邮件地址（这是否有意义？）。

我做了一个JSFiddle，只是举个例子

以下是代码的预览：

<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>

Answer 1

我假设你正在使用Joomla，因为你用Joomla标记了你的问题。您可以使用Joomla的模态功能。

首先覆盖联系人 - 在您自己的模板中查看。复制文件 /components/com_contact/views/category/tmpl/default_items.php 至 /templates/yourtemplate/html/com_contact/category/default_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_id是您员工的联系人ID。因此，您还需要在contacts-component中添加contact-info。该链接现在应该打开一个模式对话框，其中包含员工的联系表单。

此处有更多信息：Using modal windows with Joomla

尊重Jonas

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

1 个答案: