带有图标类的HTML mailto功能

时间:2013-04-01 15:21:16

标签: php javascript html mailto

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

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>";
}

我想知道是否有人可以在没有信封图标打印出来的情况下使用该功能。我希望它只打印一次?

2 个答案:

答案 0 :(得分:0)

是的,有很多,另一种方式的例子是:

  1. 创建图标按钮
  2. 创建一个html表
  3. 在每一行中,您都会添加一个带有复选框或单选框(供选择)的列
  4. 点击图标按钮后,您将获得所选行并发送所请求的电子邮件
  5. 编辑:

    您需要的一个例子是:

    <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>";
    }
    

答案 1 :(得分:0)

$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,因此在第一个循环(<i class...></i>)上打印$count == 0