繁体   English   中英

带图标类的HTML mailto函数

[英]HTML mailto function with icon class

我正在制作一个邮件图标,可以发送存储在数组中的不同内容的电子邮件。 问题是,内容使用循环隔离:

foreach ($table as $data) {
echo '<a id="email-content" href="mailto:?body='.$data->content.'"><i class="icon-envelope" ></i></a>';
echo "<div class='search-tmp-div' style='display:none;'><pre class='search'>$data->content</pre></div>";
}

我想知道是否有人可以使用该功能,而信封图标不会打印很多次。 我只希望打印一次?

是的,有很多,替代方法的一个例子是:

  1. 创建图标按钮
  2. 创建一个HTML表
  3. 在每一行中,您将一列带有复选框或单选框(供选择)
  4. 单击图标按钮后,您将获得选定的行并发送请求的电子邮件

编辑:

您需要的一个示例是:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function () {
            $("#btn").click(function () {
                selector = "content-"+$("input[type=radio]:checked").val();
                location.href = "mailto:?body="+$("#"+selector).text();
            });
        });
</script>
<?php

$table = array( array( "id" => 1, "content"=>"content 1") , array( "id" => 2, "content"=>"content 2"), array( "id" => 3, "content"=>"content 3"), array( "id" => 4, "content"=>"content 4") );

echo '<img id="btn" src="http://cdn1.iconfinder.com/data/icons/Primo_Icons/PNG/128x128/email_send.png" width="40px" style="cursor:pointer;" />';
foreach ($table as $data) {
    echo "<div class='search-tmp-div' style='display:block;'>";
    echo "<input type=\"radio\" name=\"content\" value=\"{$data['id']}\">";
    echo "<pre class='search' id=\"content-{$data['id']}\">{$data['content']}</pre></div>";
}
$count = 0;
foreach ($table as $data) {
echo "<a id="email-content" href="mailto:?body='.$data->content.'">";
if($count == 0){ echo '<i class="icon-envelope"></i>';}
echo "</a><div class='search-tmp-div' style='display:none;'><pre class='search'>$data->content</pre></div>";
$count++;
}

这只会添加一个初始值为0的计数器,从而在第一个循环(其中$count == 0 )上打印<i class...></i>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM