Question

大家好我有以下代码，这是Twitter的bootstrap模式的一部分。它从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';
}

尝试突出显示div元素（照片）并检索要传递给数组的标题

1 个答案: