从动态PHP数据中制作HTML元素

时间:2014-01-20 11:23:42

标签: php html jquery twitter

我为这个潜在的模糊标题道歉,但我希望这个问题能够澄清为什么我这么称呼它。

我从UI设计/ dev进入了webdev,所以我发现编程和设计方面相当容易处理。但是,我不习惯使用三/四种不同的语言,并且有相当多的重叠来完成一件事。

在这种情况下,我编写了一个PHP脚本来从$ x用户中提取最新的$ n推文。目前我正在通过jQuery加载Twitter PHP,用PHP编写推文的HTML,在PHP中回显,然后将其放入jQuery的回调函数中的时间轴元素中。

这样做的方式看起来有点hacky?我只是希望有人能指出我的另一种方式,或者至少可以解决我对这种方法的担忧。

这是一些代码:

HTML:

<section id="twitterContainer">
    <section id="glitchTimeline" class="timeline">
        <!--Twitter articles go here-->
    </section>  
</section>

使用Javascript:

function getTweets(n,user)
{
    //This is run when the page is loaded
    //Will be changing this to an ajax call later, aware that it's a bit silly as is.
    $('<article class="twitterPost">').load("http://xxxxxxxxx.com/php/index.php?user="+user+"&count="+n, function(data){
        $(this).appendTo("#glitchTimeline");
    });
}

PHP: (一旦twitter API的内容回来,就会调用它)

function craftTweet($jsonStr)
{
    $json = json_decode($jsonStr);
    for($i = 0; $i<count($json); $i++)
    {
        echo '<img class="twitterAvatar" src=' . $json[$i]->user->profile_image_url .' alt=' . $json[$i]->user->screen_name .' width="48">';
        echo '<div class="tweetText">';
        echo '      <b>' . $json[$i]->user->screen_name .'</b><span>@' . $json[$i]->user->screen_name . '</span><span> </span>';
        echo '      <p>' . $json[$i]->text . '</p>';
        echo '      <a href="https://twitter.com/intent/favorite?tweet_id=' . $json[$i]->id . '"><img class="twitterIconFav" src="img/utils/transBackground.png"></a>';
        echo '      <a href="https://twitter.com/intent/retweet?tweet_id=' . $json[$i]->id . '"><img class="twitterIconRetweet" src="img/utils/transBackground.png"></a>';
        echo '      <a href="https://twitter.com/intent/tweet?in_reply_to=' . $json[$i]->id . '" target="_blank"><img class="twitterIconReply" src="img/utils/transBackground.png"></a>';
        echo '      <div class="clearfix"> </div>';
        echo '</div>';
    }
}

0 个答案:

没有答案