0

こんにちは、私は 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 人のフォロワーをクリックすると、すべてのフォロワーが青い境界線で強調表示されます。

何か案が？

4

1 に答える 1

0

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';
}
于 2012-05-26T06:28:40.273 に答える