Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to change this script into
    primarykey
    data
    text
    <p>Well i found this stream script but the actual design of the area that holds the data is in CSS. But i dont know css so I'm wondering if you could tell me how i could change it to HTML. I dont mean write the code again in HTML.. I mean show me where i can enter my HTML.</p> <p>All scripts <a href="http://tutorialzine.com/2010/06/simple-ajax-commenting-system/" rel="nofollow">here</a>.</p> <p>Script with css :</p> <pre><code>/* grab stuff */ function get_posts($start = 0, $number_of_posts = 5) { /* connect to the db */ $connection = mysql_connect('localhost','root',''); mysql_select_db('draft2',$connection); $posts = array(); /* get the posts */ $query = "SELECT item_id, username, item_content ID FROM wp_posts WHERE post_status = 'publish' ORDER BY post_date DESC LIMIT $start,$number_of_posts"; $result = mysql_query($query); while($row = mysql_fetch_assoc($result)) { preg_match("/&lt;p&gt;(.*)&lt;\/p&gt;/",$row['post_content'],$matches); $row['post_content'] = strip_tags($matches[1]); $posts[] = $row; } /* return the posts in the JSON format */ return json_encode($posts); } ?&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"&gt; &lt;head&gt; &lt;title&gt;Create a Twitter-Like "Load More" Widget Using CSS, HTML, JSON, and jQuery or MooTools Javascript&lt;/title&gt; &lt;style type="text/css"&gt; #posts-container { width:400px; border:1px solid #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; } .post { padding:5px 10px 5px 100px; min-height:65px; border-bottom:1px solid #ccc; background:url(dwloadmore.png) 5px 5px no-repeat; cursor:pointer; } .post:hover { background-color:lightblue; } a.post-title { font-weight:bold; font-size:12px; text-decoration:none; } a.post-title:hover { text-decoration:underline; color:#900; } a.post-more { color:#900; } p.post-content { font-size:10px; line-height:17px; padding-bottom:0; } #load-more { background-color:#eee; color:#999; font-weight:bold; text-align:center; padding:10px 0; cursor:pointer; } #load-more:hover { color:#666; } .activate { background:url(loadmorespinner.gif) 140px 9px no-repeat #eee; } &lt;/style&gt; </code></pre> <p>If you know how to do this will you please tell me :D</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload