Check it out here: http://apps.facebook.com/princess_trivia

sudo su - root 

Root super powers will then be yours.

ssh-keygen -R  servername

This removes the offending entry from ~/.ssh/known_hosts which was apparently causing ssh to fail.

[general]
anon-access = read
auth-access = write
password-db = passwd

• Edit “passwd” file. Add myuser=mypassword and save.
• Should be able to check things in and out now from  svn://myuser@192.168.1.10:3690/RepoName

Now I need to figure out how to access my Drobo FS from outside my network…

window.fbAsyncInit = function() {
      FB.Canvas.setAutoResize();
    }

The problem is when you link from the bottom of a long page to a short page you are not taken to the top of that short page, so sometimes all you see is a blank white canvas until you manually scroll up. The new javascript SDK does not appear to have any functions we can use to do this yet (the old one did!). After much fruitless searching, I discovered a useful nugget of wisdom in this forum thread: http://forum.developers.facebook.net/viewtopic.php?id=32906

The following javascript hack solves our problem nicely:

$(document).ready(function($) {
		scrollTo(0,0);
	});

	function scrollTo(x,y){
		$("body").append('<iframe id="scrollTop" style="border:none;width:1px;height:1px;position:absolute;top:-10000px;left:-100px;" src="http://static.ak.facebook.com/xd_receiver_v0.4.php?r=1#%7B%22id%22%3A0%2C%22sc%22%3Anull%2C%22sf%22%3A%22%22%2C%22sr%22%3A2%2C%22h%22%3A%22iframeOuterServer%22%2C%22sid%22%3A%220.957%22%2C%22t%22%3A0%7D%5B0%2C%22iframeInnerClient%22%2C%22scrollTo%22%2C%7B%22x%22%3A'+x+'%2C%22y%22%3A'+y+'%7D%2Cfalse%5D" onload="$(\'#scrollTop\').remove();"></iframe>');
	}

The last piece of code assumes you are already including Jquery in your page.

//Replace the ALL_CAPS variables with your own values
function invite(){
	FB.ui({
		  method:'fbml.dialog',
		  width:'750px',
		  fbml:'<fb:request-form action="'ACTION_URL" target="_self" method="post" invite="true" type="Invite" content="This is the message you friend will see <fb:req-choice url=\'INVITE_ACCEPT_URL\' label=\'Accept\' />" <fb:multi-friend-selector showborder="false" actiontext="REQUEST FORM TITLE" email_invite="false" import_external_friends="false" /> </fb:request-form>'
		  });
}

This is great. But after form submits to itself the dialog shell is still open. You can call a javascript function in the parent page (where our flash is) from the action url where the contents of the iframe ended up at. Assuming we had a function called closeInviteWidget in our parent page we could do this:

<script>parent.closeInviteWidget();</script>

Then all we need to do inside closeInviteWidget is call the js needed to close the Facebook generated dialogs. Easy right? Would be if Facebook provided a close method for their fbml.dialog. The Facebook developer documention is notoriously crappy, so I may just be missing it but hours of searching did not help me find the close method. After some experimenting and examining the actual rendered html via firebug I got the following to work though (I have Jquery on my page btw):

function closeInviteWidget(){
    $(".fb_dialog").hide();
}

If someone has a more sensible way to accomplish this please let me know.

I think docs for the multi-friend-selector have now been updated, but when I originally started messing with this they stated that if I wanted to stop the email invite options from appearing after the initial friend selector we just needed to add the following to the multi-friend-selector fbml tag

email_invite="false"

This did nothing at all as far as I could tell. No one else could get the email page to stop showing up either. Now I see an addtional attribute mentioned in the docs, and this one does the trick

import_external_friends="false"

Now if only they’d said that in the first place!

Finding Links

The Regular Expression:

preg_match_all(\"/<a\\s[^>]*href=(\\\"??)([^\\\" >]*?)\\\\1[^>]*>(.*)<\\/a>/siU\", $html, $matches)
1
<p><strong>How I Use it:</strong></p>
<p>Say we allowed people to post links in a comment form. We could use the reg exp to extract links not in our safe list, and make sure they always open in another tab instead of taking you away from our site.</p>
1
 $safe_urls = array(\"ignitedusa.com\",\"ignitedla.com\",\"yetiusa.com\");
 $regexp = \"<a\\s[^>]*href=(\\\"??)([^\\\" >]*?)\\\\1[^>]*>(.*)<\\/a>\";
 if(preg_match_all(\"/$regexp/siU\", $html, $matches)) { /* $matches[2] = array of link addresses # $matches[3] = array of link text - including HTML code*/
    foreach($matches[2] as $k => $link){

        if (str_replace($safe_urls,\"\",$link) == $link){
            if (str_replace(\"mailto\",\"\",$link) == $link){
                $html = str_replace(\'<a href=\"\' . $link . \'\"\', \'<a href=\"\' . $link . \'\" rel=\"shadowbox[]\" title=\"\' . $matches[3][$k] . \'\" target=\"_blank\"\', $html);
            }
        }
    }
  }

Finding Images

The Regular Expression:

preg_match_all(\'/<img[^>]*>/im\', $html, $imgTags);

How I Use It:

CMS users can't really be trusted to size their images sensibly for the web. They have infact been known to upload large files and just size in the rich text editor, meaning site viewers have to experience longer download times than necessary. Instead of banging one's head against the wall trying to teach them how to size things in an image editor and save for web, you can use the magic of reg expressions to pull out the images and replace with a link to a thumbnailer (I use phpThumb) that will size the image properly and cache it.

function useCachedImages($html){  

	  global $CFG;
	  preg_match_all(\'/<img[^>]*>/im\', $html, $imgTags); // get all images within the page
	  $img_tags = $imgTags[0];

	  //loop over the matches
	  foreach($img_tags as $img_tag)
	  {
		 preg_match(\'/src=\"([^\"]*)\"/\', $img_tag, $src_match);   //gets the src string out of the img tag
		 $src = $src_match[1];
		 preg_match(\'/width=\"([0-9]+)\"/\', $img_tag, $w_match);  //height
		 $width = $w_match[1];
		 preg_match(\'/height=\"([0-9]+)\"/\', $img_tag, $h_match);  //width
		 $height= $h_match[1]; 

g = \"<img src=\\\"\" . $CFG->blog_url . \"/libs/phpThumb/phpThumb.php?src=$src&w=$width&h=$height\\\">\";
		//  echo $new_tag; exit;
		 $new_tags[] = $new_tag;
	  }
	  $ret = str_replace($img_tags,$new_tags,$html);
	  $ret = str_replace(\"<p class=\\\"MsoNormal\\\"><o:p> </o:p></p>\",\"\",$ret);  //Get rid of some annoying Microsoft crap too, for when they forget to use \"Paste from Word\"
	  return $ret;
}

<img src="https://graph.facebook.com/joey.choudhury/picture"/>

The default image returned is the small square size (50px x 50px). You can also specify a type argument to get different sizes. There are 3 options available: square (50×50), small (50 pixels wide, variable height), and large (about 200 pixels wide, variable height):

<img src="https://graph.facebook.com/joey.choudhury/picture?type=square"/>
<img src="https://graph.facebook.com/joey.choudhury/picture?type=small"/>
<img src="https://graph.facebook.com/joey.choudhury/picture?type=large"/>

This would result in the following images being displayed:

Square

Small

Large

So as you can see large isn’t actually that large. If you want to get the original version you’ll need to do a little more work. When ever you upload a new profile picture Facebook puts it in an album called “Profile Pictures”. The graph api lets you pull a list of a users’ photo albums, so all we need to do is get the album list, look for “Profile Pictures” and grab the lastest image from that album. Using the PHP SDK you can do this:

$albums = $facebook->api('/' . $user_id . '/albums');
foreach($albums['data'] as $album){
    if ($album['name'] == "Profile Pictures"){
        $photos = $facebook->api('/' . $album['id'] . '/photos');
        $profile_pic = $photos['data'][0]['source'];
       break;
    }
}

$profile_pic is the url to the largest version of the profile pic that Facebook saved.

Cookies Not Saving In Internet Explorer

This one had me banging my head against the table for many hours on launch day. On one page of my app I needed to save a cookie to remember the user’s country. It worked on every single browser except damned Internet Explorer. Eventually I found out that IE (with medium privacy settings) does not let pages inside an iframe save cookies. This also messes with sessions. The solution? You need to implement a P3P header to specifically tell IE that you are allowing cookies inside an iframe. In php I added the following to my code before anything is output to the screen:

header('P3P:CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"');

This alone solved all my issues. In case you were wondering, P3P stands for the Platform for Privacy Preferences Project. What the hell does it mean? See here.

Infinite Redirect Loop

If you are hosting your application on a windows server without a valid SSL certificate your app may get stuck in an infinite redirect loop when trying to check for a valid facebook session. If you view the error log, or manage to make your code exit after the error you may see an error like this:

Fatal error: Uncaught CurlException: 60: SSL certificate problem, verify  that the CA cert is OK. Details: error:14090086:SSL  routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed thrown

Solution: Add the following 2 lines to Facebook PHP SDK class. In version 2.1.2 of the file, I added them right after line 112.

CURLOPT_SSL_VERIFYPEER => false,
CURLOPT_SSL_VERIFYHOST => 2