php - 试图突出显示 div 元素（照片）并检索标题以传递给数组

Question

大家好，我有以下代码，它是 Twitter 引导模式的一部分。它从 twitter 中提取用户的追随者的个人资料图片以及他们的屏幕名称，将屏幕名称设置为图片的标题。

<?php

    $follower_url = http://api.twitter.com/1/statuses/followers/Mozammil_K.xml";


    $twFriends = curl_init();

    curl_setopt($twFriends, CURLOPT_URL, $follower_url);
    curl_setopt($twFriends, CURLOPT_RETURNTRANSFER, TRUE);
    $twiFriends = curl_exec($twFriends);
    $response = new SimpleXMLElement($twiFriends);

    foreach($response->user as $friends){ 
    $thumb = $friends->profile_image_url;
    $url = $friends->screen_name;
    $name = $friends->name;

    ?>



    <a title="<?php echo $url;?>" href="#"><img class="photo-img" src="<?php echo $thumb?>" border="0" alt="" width="40" onClick="highlight(this)" /></a>
    <?php
    } 

    ?>

    <script>

        function highlight(element) {





                    }




        </script>



        </div>

这将产生以下内容： http: //d.pr/i/J6kN

我想做的是，用户可以点击触发突出显示功能的照片。在突出显示功能中，我应该能够检索照片的标题。使用 this.title 相当容易。

我还想做的是，突出显示照片。例如，用户点击了 5 个关注者，所有关注者都应以蓝色边框突出显示。

任何的想法？

Answer 1

我建议你使用jquery。在不可能的情况下，您可以使用它。但请注意，您将无法“取消选择”元素……为此，您需要更多的东西。而且，我建议添加一个 css 类，而不是在这里硬编码样式。

function highlight(elem) {
    if(elem.style.border == '1px solid blue') {
        // unselect (remove from array)
        elem.style.border = '';
    }
    else
        elem.style.border = '1px solid blue';
}