點擊電子郵件地址時的彈出式郵件表

Question

我正在嘗試向我公司的新即將推出的網站添加功能。

我們目前在該公司有9個人，每個人都有自己的電子郵件地址，我想添加的是彈出式窗口內的彈出式窗口功能。但是，這種扭曲是因爲當一個外部的人點擊一個電子郵件地址時，該人直接寫到該人（在公司內部）的電子郵件地址（這是否有意義？）。

我已經做了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'); ?> 

這使得帶班的所有鏈接的模式彈出=態

現在使你的電子郵件的鏈接是這樣的：

<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中添加聯繫人信息。現在，該鏈接應該爲您的員工打開一個帶有聯繫表單的模式對話框。

此處瞭解詳情：Using modal windows with Joomla

問候喬納斯