• Using tags in your posts like [qlist]
• Handling cookies for your plugin
• Handling forms

Note: I am going to assume you read the first article and know the steps that are explained on creating the plugin.


First we are going to hook out function that handles showing the questions to the “content”. This will allow us to use te [qlist] tag to show the results and the poll.

add_filter('the_content', 'add_qlist_to_content');

Now we need to create out add_qlist_to_content function. This is a really simple function, it will get the $content variable only and depending on if the user has “posted” answers it will post answers to the database and also will show the questions and the results.

function add_qlist_to_content($content){
	if($_POST['qlistanswers']){
		post_answers();
	}
	if(preg_match_all("[qlist]",$content,$matches)){
                // Here I check if the [qlist] tag exists in the content of your post. $content is a variable that WordPress sends into your function.
		$content= str_replace("[qlist]",show_questions(),$content);
                // And if it exists I replace [qlist] with the return value from show_questions() and at the end of our function we return the $content
	}
	return $content;
}

If you don’t return the $content variable at the end of your function, you won’t see anything in your posts.


Now its time to show our questions. I kept this function seperate for those who wants to use it independently in their theme instead of using the [qlist] tag.


This function, like you probably have guessed, shows the questions and the results of your poll. The $listclass variable is also used in the function declaration, so that if anyone wants to use a different class name in the html, they can do so when calling the function. It is an optional variable.

function show_questions($listclass=''){
	global $wpdb;
	$user_id=$_SESSION['user_id']; // We get the current users session id for the cookies, which also will be used in the database.
	if($listclass==''){$listclass="qlist";} // I set the list class to qlist if the variable isn't set
	if(!isset($user_id)){$formclick = 'onclick="alert(\'You need to have cookies enabled to vote in your browser!\')"';}
        //Above is a check to see if the user has enabled cookies in their computer, othewise the plugin won't allow them to vote.
	$db_questions = $wpdb->get_results("SELECT * from ".$wpdb->prefix."qlists order by q_order,question");// Getting all the questions from our qlists table

	if(empty($db_questions)){return "";}// Check to see if there are no results return empty
	$qlist = '
Switch View';//This is to call jquery function that switches the view
	$qlist .= '

';
	$qlist .= '';
		foreach ($db_questions as $db_question) {$i++;
			if($wpdb->get_var("Select count(a_id) from ".$wpdb->prefix."qlists_answers where u_id='$user_id' and q_id='".$db_question->q_id."' and answer='1'")){$isyes = ' checked="checked"';$uncheckedclass='';}else{$isyes='';$uncheckedclass='unchecked_qlist';}
			$qlist.='

';
			$qlist.=$db_question->question;
			$qlist .=''.$res.'

';
			$res = get_qlist_result($db_question->q_id);
			$qlist .= '




';
			$ids .= "$db_question->q_id,";
		}
		$qlist .= '




';
		$qlist .= '



				';
	return $qlist;
}

There is one main loop in the function that loops through the resultset that the query returns from the table to prinout the questions and results.

if($wpdb->get_var("Select count(a_id) from ".$wpdb->prefix."qlists_answers where u_id='$user_id' and q_id='".$db_question->q_id."' and answer='1'")){$isyes = ' checked="checked"';$uncheckedclass='';}else{$isyes='';$uncheckedclass='unchecked_qlist';}

This checks if the user has answered yes to any of the questions and if they did, the checkbox is checked.


And the rest of the loop is basic php where we show the appropriate questions and answers. To show the percentages from the database for the results, I use a function that calculates it. Following line calls the function every time a question is printing out to the page and saves the result into the $res variable

$res = get_qlist_result($db_question->q_id);

function get_qlist_result($id){
	global $wpdb;
	$res = $wpdb->get_results("Select answer from ".$wpdb->prefix."qlists_answers where q_id='$id'");
	$a=$b=0;
	foreach ($res as $r) {
		if($r->answer=="1"){$a++;}
		$b++;
	}
	return number_format((($a/$b)*100),2)."%";
}

This function gets the question id from our “main” loop and looks in our answers table for all the answers that has the question id as the id that we’ve sent in. And then I loop through the result set and everytime the answer was true to the question i increment the counter “$a”, and also the number of results are saved into the counter “$b”. At the end I calculated the percentage by dividing a by b and then multiplying it by 100, hence getting percentage.


number_format is a function that only returns so many decimals after the comma so you won’t have ugly numbers like 14,333333333. Also I return the percentage sign at the end of our string so that can be used in showing the answer percentage.


Also a hidden input with all the ids from the questions are set in the “main” loop so that, they can be used in posting the answers to the database.


In our add_qlist_to_content function we had an if statement that checks if anything was posted. This function calls our post_answers() function.


This function gets the users current session id and also the results from the form that was posted and updates the answers table if the user is only changing his answers, or creates new records if this is users first time.

function post_answers(){
	global $wpdb;
	$user_id=$_SESSION['user_id'];
	if($user_id){
	$vars = $_POST;
	$i=0;
		while (list($key, $value) = each($vars)){
			if(preg_match("/box(\d+)/",$key)){
				$answers_checked[$i] = str_replace("box","",$key);
				$i++;
			}
		}
		$all_q = explode(",",$_POST['qlistanswers']);

		for($a=0;$a<(count($all_q)-1);$a++){
			if(in_array($all_q[$a],$answers_checked)){
				$answers[$a]["q_id"]=$all_q[$a];
				$answers[$a]["answer"] = "1";
			}else{
				$answers[$a]["q_id"]=$all_q[$a];
				$answers[$a]["answer"] = "0";
			}
		}

		for($a=0;$aget_var("Select count(a_id) from ".$wpdb->prefix."qlists_answers where u_id='$user_id' and q_id='".$answers[$a]['q_id']."'")){
				$wpdb->insert($wpdb->prefix."qlists_answers",array('answer'=>$answers[$a]["answer"],'q_id'=>$answers[$a]["q_id"],'u_id'=>$user_id),array( '%d', '%d', '%s' ));
			}else{
				$wpdb->update($wpdb->prefix."qlists_answers",array('answer'=>$answers[$a]["answer"]),array( 'q_id' => $answers[$a]['q_id'],'u_id'=>$user_id ),array( '%d' ),array( '%d', '%s' ));
			}
		}
	}
}

The “while” loop in our function gets the checked true questions into our array “answers_checked”. Then we loop throught the full question list that we’ve sent, in our hidden field to create a new array that has all the questions and also the answers called $answers. This is a multi-dimensional array.


Our final loop just loops through the answers array and updates or creates records depending on the user id. Our check in this line shows if the user has answered the question or not. Rest is update and insert statements that I explained in the first article that WordPress uses.

if(!$wpdb->get_var("Select count(a_id) from ".$wpdb->prefix."qlists_answers where u_id='$user_id' and q_id='".$answers[$a]['q_id']."'")){

Now we also need to handle the users sessions so that we won’t lose them next time they come to the site. WordPress has a hook init that runs when the page is starting to load. This is run even before our plugin is run. We call a function set_userID_qlist() here.


This function first sets the expiration time for the cookie to be a year. Also we check if the sessions are already declared in our website if not we start the sessions. Then we check for the cookie user_id and if it is set, we save it into the session user_id. If it isn’t set then we create a unique id that starts with the string qid- and has random characters rest. uniqid is a php function which you can find information on php.net easily. Then we set the cookie user_id and also the session user_id

add_action('init', 'set_userID_qlist');

function set_userID_qlist(){
	$expire=time()+60*60*24*30*12;
	if(!session_id()){session_start();}
	if(isset($_COOKIE['user_id'])){
		$user_id=$_COOKIE['user_id'];
		$_SESSION['user_id']=$user_id;
	}else{
		$user_id = uniqid("qid-");
		setcookie("user_id", $user_id, $expire);
		$_SESSION['user_id']=$user_id;
	}
}

At this point your plugin will work fine but you styling won’t since we didn’t hook our stylesheet file to our plugin. To do so you need to use the wp_head action to call the function that registers and then prints the stylesheet. This function is self explanatory and there isn’t really much going on in it.

add_action('wp_head', 'add_qlist_styles');

function add_qlist_styles(){
	wp_register_style('qlist_create', WP_PLUGIN_URL.'/q-list-list-creator/q-list.css');
	wp_enqueue_style('qlist_create');
	wp_print_styles();
}

Also one last thing is to get our Switch View link to work. On click we made our link to call a javascript function named show_checked_qlist(). We need to create this function and hook it into our footer so that it printsout in the footer. This is a better practice to put javascript to the footer.

add_filter('wp_footer','add_qlist_js');

function add_qlist_js(){
	echo '';
}

You want to use jQuery selectors instead of using onclick events in the html. That is a whole article itself to be explained and is not in the scope of this one.


This concludes our plugin. Hope you liked it. Please let me know how you would have done this plugin or about your thoughts in the comments section.

• Versioning your plugins database tables, and updating them
• Creating your administration interface
• Using wp options table in your database for your plugin options

First we are going to start with the naming of our plugin. This step is really important if you want your plugin to work correctly. You need to name the folder same as your plugin’s file name. In our example we are going to name our plugin file q-list-list-creator.php and store it in q-list-list-creator. So our file structure is;



After you place the file under the right place, now it’s time for our comment section. If you don’t put this into your plugin, WordPress won’t know your file is a plugin. The following is the way I kept my plugins comment section, it’s pretty simple and yet keeps track of updates. For the full list of comments section, you can check here.

/*
Plugin Name: Q-List
Plugin URI: http://www.weblimner.com/plugin/q-lists-list-creator/
Description: Create a list on your website and let members to vote the items of the list.
Author: Ali Sipahioglu
Author URI: http://www.weblimner.com
Version: 1.0
Change Log:
2010-30-01  1.0: In this version, users can vote without being a member of your website. Cookies are used. Design is changed. Percentages are shown for the results.
2010-20-01  0.6: Ability to see the results of the votes
2010-08-01  0.5: First release
*/

The way the change log works is; you put your date first and then the version number and then briefly describe the updates you made. This is actually a good habit for when you go back to your code in the future, keeping track of an update and what it was.


Don’t forget to cover your whole file’s content with tags.


At this point, WordPress will know the presence of your plugin, you will see it if you go to the wp-admin > plugins.


Now we need to create the link to your plugin in your Settings menu. For that, create an action to hook your function to your admin menu. To do so;

add_action('admin_menu', 'qlist_menu');

qlist_menu is the function name that is going to create the menu item in your admin menu, so let’s create our qlist_menu function.

function qlist_menu(){
     add_options_page('Q-List Options', 'Q-List Options', 'administrator', 'qlist_unique', 'qlist_options');
}

Options are as follows;

1. Title of your plugin in the administration.
2. Link that appears in the settings menu.
3. Capability required to see the menu link. In our case, you need to have administrator privileges to see it. You also have editor, author, contributor, subscriber options.
4. This has to be a unique name different from any plugin you might install to your WordPress installation so its better to keep your plugin name before it and then just but a string at the end like I did.
5. Name of the function that’s going to handle the administration view.

Now its time for your function.

function qlist_options(){

}

In our function we are going to use database calls so we need the database class of WordPress (wpdb). So lets add the following code to the first line of your function.

global $wpdb;

First we are going to create our form on the page.

$i=0;
echo '<div class="wrap">
	 <h2>Q-List <b>Add New</b></h2>
		 <form method="post" action="">
		 <table>
			 <tr>
				<th scope="row">Question</th>
				<td><input type="text" name="question'.$i.'" size="60" /></td>
				<td>Order: <input type="text" name="order'.$i.'" size="5"/></td>
			 </tr>
			 <tr>
				 <td colspan="3" align="center">
					 <input type="hidden" name="addnewform" value="1"/>
					 <input type="submit" value="Save" />
				 </td>
			 </tr>
 ';
 echo     '</table></form>';
 echo '<h2>Q-List <b>Edit</b></h2>

 ';
 $db_questions = $wpdb->get_results("SELECT * from ".$wpdb->prefix."qlists order by q_order,question");
 foreach ($db_questions as $db_question) {$i++;
 echo
 '
 <form method="post" action="">
	 <table>
		 <tr>
		 <th scope="row">Question #'.($i-1).'</th>
			 <td><input type="text" name="question" size="60" value="'.$db_question->question.'"/></td>
			 <td>
			 Order: <input type="text" name="order" size="5" value="'.$db_question->q_order.'"/>
			 <input type="hidden" name="updateform" value="'.$db_question->q_id.'"/>
			 <input type="submit" value="Update" />
			 <a href="options-general.php?page=qlist_unique&amp;delete='.$db_question->q_id.'" onclick="return confirm(\'You sure you want to delete?\');">Delete</a>
			 </td>
		 </tr>
	 </table>
 </form>
 ';
 }

 echo     '</div>';

First part of our code only shows the empty form for a new step an admin might want to add. We set our action to nothing so when we submit it just comes back to the same page and then we query our database to see if there are any steps are already in. In our query we have “$wpdb->prefix” which creates that “wp_” in most cases that you have set when you set up your WordPress. And then its a foreach statement that goes through our array of results and prints them onto the page.


At this point besides our database updates, deletes, and adds our administration screen is set. Now its time to handle our form submissions.

if($_POST['addnewform']){
 // Assign all the questions to an array
 $f_q= $HTTP_POST_VARS;
 for($a=0;$a<((count($f_q)/2)-1);$a++){
	$form_questions[$a]["question"]=$_POST["question".($a+1)];
	$form_questions[$a]["order"]=$_POST["order".($a+1)];
 }
 // Get them into the database
 for($a=0;$a<count($form_questions);$a++){
	 $wpdb->insert($wpdb->prefix."qlists",array('question'=>$form_questions[$a]["question"],'q_order'=>$form_questions[$a]["order"]),array( '%s', '%d' ));
 }
 }
 if($_POST['updateform']>0){
	 $wpdb->update($wpdb->prefix."qlists",array('question'=>$_POST['question'],'q_order'=>$_POST["order"]),array( 'q_id' => $_POST['updateform'] ),array( '%s', '%d' ),array( '%d' ));
 }
 if($_GET['delete']){
	$wpdb->query("DELETE FROM ".$wpdb->prefix."qlists WHERE q_id = '".$_GET['delete']."'");
 }

First if statement checks if it was a add new form by checking a hidden field that was set to 1 in our form. In our if statement I run through the array of post elements and save them into a multi-dimensional array and then I insert them into the WordPress database with the insert function. I am not going to explain how to do for loops in this article since I assume anyone that is creating a plugin for WordPress should know that much PHP. Now our insert function first gets the table name which is qlists with the prefix just like the way I explained earlier. Secondly it gets the an array for where you are going to put what so in our case its question that gets the question, q_order gets the order. And our last variable that we send in is an array that explains what type of data we are sending to each column in the database. “questions” is a string field so its %s and q_order is an integer field so its getting %d. You can read more on this on the wpdb class page.


Next up is our update function. We update each step by itself, no loop going on here. All we do is check if it is an update form and if it is we update the database record. Only difference in this function is we need to tell what were going to update. In our case its determined by q_id that we got from the form and its an integer so we’ve set it at the end with %d.


That being said our administration section is done.


Now its time for our activation hook so that when someone activates/upgrades our plugin, our database is set up right. First we need to hook our function that is going to do that to the activation. We do this with the following code;

register_activation_hook( __FILE__, 'qlist_activate' );

Our function name is qlist_activate. Now its turn to create the function.

function qlist_activate() {
 global $wpdb;
 $qlist_db_version = "1.2";
 // Creating Questions Table
 $table_name = $wpdb->prefix . "qlists";
 if($wpdb->get_var("SHOW TABLES LIKE '$table_name'") != $table_name) {
	$sql = "CREATE TABLE " . $table_name . " (
	 `q_id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
	 `question` VARCHAR( 250 ) NOT NULL ,
	 `q_order` INT NOT NULL
 );";

 // Creating Answers Table
 $answers_table_name = $wpdb->prefix . "qlists_answers";

 $sql .= "CREATE TABLE " . $answers_table_name . " (
	 `a_id` INT NOT NULL AUTO_INCREMENT  PRIMARY KEY ,
	 `q_id` INT NOT NULL ,
	 `u_id` CHAR ( 17 ) NOT NULL ,
	 `answer` INT NOT NULL
 );";
 require_once(ABSPATH . 'wp-admin/includes/upgrade.php');
 dbDelta($sql);

 }

 $client_qlist_db_version = get_option('qlist_db_version');
 if($client_qlist_db_version!=$qlist_db_version){
	$answers_table_name = $wpdb->prefix . "qlists_answers";
	 $sql_up = "CREATE TABLE " . $answers_table_name . " (
	 `a_id` INT NOT NULL AUTO_INCREMENT  PRIMARY KEY ,
	 `q_id` INT NOT NULL ,
	 `u_id` CHAR ( 17 ) NOT NULL ,
	 `answer` INT NOT NULL
 );";
 require_once(ABSPATH . 'wp-admin/includes/upgrade.php');
 dbDelta($sql_up);
 }

 add_option("qlist_db_version", $qlist_db_version); // If the database is ever needed to be updated
}

We are going to do a database connection again so we need our global $wpdb in the first line. And right after that we’ve set up the version of our database.


First we create the table that is going to hold the questions in our list. We set the table name with the wpdb prefix with $table_name = $wpdb->prefix . “qlists”;


Now we check if the table is already created by just doing a show table statement in the database looking for our table name and if its not set we add our sql statement to create our table into a variable ($sql). Right after that we set the name for our answers table into a variable. Then we create an sql statement for that table and append that to our current $sql variable. Now the following two lines are important for versioning your database in WordPress. You need to call the upgrade.php file and then send your $sql into a function called dbDelta like I did in our example. This is fine if you are not planning on making any changes to your database in the future, which is probably not the case since there always is a change you might need.


Now we get the current version of our database if it is already set up with $client_qlist_db_version = get_option(‘qlist_db_version’);


get_option is a function that gets an option that is set up in the WordPress options table in your database. You can use that table for other data too. Ill show you how to set data into that table on the last line of our activation function.


Now we compare our version of the tables to the version of our tables that are currently set. If an upgrade is needed we again create our sql statement that would create the table from scratch. Rest is simple, we call our upgrade file in and send our sql line to dbDelta function


NOTE: DO NOT CREATE AN UPGRADE STATEMENT, it should be a create table statement.


Now to create the option that is going to set the current db version into the WordPress options table; all you need to do is the following code;
add_option(“qlist_db_version”, $qlist_db_version);


That concludes our administration section of our plugin. You can download the most current version of the plugin from WordPress repository.

function get_mostpopular(){
 global $wpdb;
 $popular_posts = $wpdb->get_results("SELECT id,post_title FROM {$wpdb->prefix}posts ORDER BY comment_count DESC LIMIT 0,5");
 foreach($popular_posts as $post) {
 if ($a%2){$turn='class="odd"';}else{$turn='';}
 print "<li $turn><a href='". get_permalink($post->id) ."'>".$post->post_title."</a></li>\n";
 $a++;
 }
}

Copy this code between tags. Currently this code shows 5 posts with the highest number of comments. If you want to show more just change the 3rd line where it says comment_count DESC LIMIT 0,5 and replace 5 with the number you want.

Also I add a class “odd” to every other line to generate the different color on each line. Now save your functions.php and open up your sidebar.php.

And wherever you want to show the popular posts just call the function from there.

<ul><?php get_mostpopular(); }?></ul>

Extra:

The current styles I use for this list is as follows;

#sidebar li{
	padding: 5px 15px;
	background-color:#f2f0f7;
	border-bottom:1px solid #fff;
}
#sidebar li.odd{background-color:#ebe8f1;}

You might want to change the “#sidebar” to the id or class of your own sidebar.

The series will have;

• Administration Section
  • Versioning your plugins database tables, and updating them
  • Creating your administration interface
  • Using wp options table in your database for your plugin options
• User Interface
  • Using tags in your posts like [qlist]
  • Handling cookies for your plugin
  • Handling forms

Pros

• Multi-touch – I beileve this is the first tablet computer that has multi-touch. Correct me if I’m wrong.
• 10hrs of battery
• Charge through your computer
• Price. I think it is a really good price (starting from $500) for a computer, especially from Apple
• App Store. I think Apple’s best product.

Cons

• Highest memory: 64GB. wait what? Yes a computer with only 64gb of memory. I don’t know what they were thinking.
• No HD output.
• No flash support!!!
• No background applications
• No USB port

More

Also here are some links about the iPad that I think you should take a look;

• 8 things that suck about iPad
• Official iPad Pictures
• A funny video from Mad TV
• The iPad provides the ultimate browsing experience?

What is it?

Q-List is a WordPress Plug-in that lets you create a list on your WordPress website and your members can vote yes/no to the items on your list.
Features:

• Add items to the list
• Remove items from the list
• Edit items in the list
• Members can vote Yes/No to multiple items in the list. (Uses cookies so your users must have cookies enabled otherwise the poll won’t let them vote)
• Can be included in a post, page or in a php page.
• Abilty to show the checked ones only. Requires Jquery

Screenshots

How to use it?

If you want to include the list into your post or a page all you need to include is

[qlist]

If you want to include it in your php files the function is ‘show_questions’. Usage:

<?php show_questions();?>

If you want your list to have a different class you can send it as;

<?php show_questions("your-class");?>

Default class is: qlist

Download

Databse Connection

Lets say you have a file named db.php in your file directory. This is all you need in there unless you created a different class that extends the MySQLi :)

<?php
	$mysqli = new mysqli('localhost','username','password','database');
?>

It basically sets “$mysqli” variable to the connection of your database. This is the beauty of mysqli, all you need to do is just set your connection and you have your database class.

Class

Next up is your class. Lets say you have a class named books which gets the records for a book from a table called books from your database.
I saved this file as book.php in my file directory

<?php
class books{
	public $error;
	function __construct($mysqli){}

	function get_book($id){
		global $mysqli;
		if($result = $mysqli->query("SELECT* from books where book_id='$id'")){
			$row=$result->fetch_object();
			return $row;
		}else{
			$this->error = $mysqli->error;
		}

	}
}
?>

Now to explain the code;

Constructor

Following line requires you to send the mysqli connection you created earlier in your db.php. If you want you can have more in your constructor class obviously but in this example I didn’t need to put anything in there. More on Constructors and Destructors

	function __construct($mysqli){}

get_book function:

You need to set your $mysqli variable to be global so you can use it in the function. You accomplish that by just “global $mysqli;” line. If you don’t need a database connection in the function you do not need to set this.



The rest of the function is just basic querying and getting results.

Using the class

In your index.php include both of these files and then assign your class to a variable to be accessed. Notice that we are sending in the $mysqli variable in to the class.

include "db.php";
include "book.php";
$my_book_class = new books($mysqli);

Here are the steps you need to follow

1. On your iPhone, go to Settings > Mail, Contacts, Calendars > Add Account > Other > Add CalDAV Account
   
2. For the CalDAV settings, enter the following information. Note that your username should be the email address you use to access your Google calendar as well as the password.
3. Then tap “Next” and your account will be verified.
4. Now your calendar is set up but you need to go to your “Mail, Contacts, Calendars” window again and scroll all the way down to your “Calendars” and choose your Google Account from there.
   

• Note: If you run into any problems with the verification,tap “Advanced settings” and make sure that “Use SSL” is On, that the port is 443, and that your Account URL includes the sign “@” in your email address.
  

What is Google Wave

Google Wave is an online tool for real-time communication and collaboration. A wave can be both a conversation and a document where people can discuss and work together using richly formatted text, photos, videos, maps, and more.

You can watch their loooooong video here



Please make sure that the email you put in here is the one you want your google wave invite to.



Update – January 7, 2010 at 01:00 AM: All the invitations are sent up to this point.