CINXE.COM
Welcome to the Frontpage
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="./index_files/analytics.js"></script> <link type="text/css" rel="stylesheet" href="./index_files/banner-styles.css"> <meta http-equiv="X-UA-Compatible" content="IE=Emulateie8"> <meta name="robots" content="index, follow"> <meta name="google-site-verification" content="yU8C98GLVV403O2vjUoP3yUCExyvkWlE2sGaS2VfGe0"> <meta name="keywords" content="myApi, myapi, joomla, Joomla, facebook, face, book, component, comments, share, feed, stream, update, content, fbml, developer, login, facebook connect, connect, newport, web design, online marketing, google adwords, training, consultancy, seo, search engine optimisation, gwent, south, wales, cardiff, cwmbran."> <meta name="title" content="Frontpage"> <meta name="author" content="Administrator"> <meta name="description" content="myApi - The Facebook Connect bridge for Joolma. Bringing site admins closer to their users. Joomla Components and Web Design."> <meta name="generator" content="Joomla! 1.5 - Open Source Content Management"> <title>Welcome to the Frontpage</title> <link href="#" rel="shortcut icon" type="image/x-icon"> <link rel="stylesheet" href="./index_files/modal.css" type="text/css"> <script type="text/javascript" src="./index_files/mootools.js"></script> <script type="text/javascript" src="./index_files/caption.js"></script> <script type="text/javascript" src="./index_files/modal.js"></script> <script type="text/javascript"> //<![CDATA[ if(document.namespaces) { document.namespaces.add("fb","/web/20100404041220/http://www.facebook.com/2008/fbml"); } else{ var attr = document.createAttributeNS("/web/20100404041220/http://www.w3.org/2000/xmlns/","xmlns:fb"); attr.nodeValue = '/web/20100404041220/http://www.facebook.com/2008/fbml'; document.documentElement.setAttributeNodeNS(attr); } window.addEvent('domready', function() { $$('img').each(function(item,index){ var src = item.getProperty('src'); if (src.match(/gallery\/facebookUID.*/)) { var splitArray = src.split('gallery/facebookUID'); var splitme = splitArray[1]; var splitmeArray = splitme.split('.'); var uid = splitmeArray[0]; var parent = item.getParent(); item.remove(); parent.innerHTML = "<fb:profile-pic uid='"+uid+"' size='s' facebook-logo='false' linked='false'></fb:profile-pic>"; } }); if($$('.FBinit').length == 0){ FB_RequireFeatures(["XFBML"], function() { FB.init("d00ff89b00efd1b45da19796dd69fc08","/web/20100404041220/http://www.myapi.co.uk/components/com_myapi/views/xd_receiver.htm"); }) } }); //]]> //<![CDATA[ function syncCommentsAjax() { var syncComments = new Ajax('/index.php?option=com_myapi&view=myapi&format=ajax&xid=articlecomment46&articleurl=aHR0cDovL3d3dy5teWFwaS5jby51ay8=&articletitle=Frontpage', { method: 'get', onRequest: function() { }, onComplete: function( response ) { window.setTimeout("syncCommentsAjax()",1000); } }).request(); } window.addEvent('domready',function(){ var syncComments = new Ajax('/index.php?option=com_myapi&view=myapi&format=ajax&xid=articlecomment46&articleurl=aHR0cDovL3d3dy5teWFwaS5jby51ay8=&articletitle=Frontpage', { method: 'get', onRequest: function() { }, onComplete: function( response ) { //syncCommentsAjax(); window.setTimeout("syncCommentsAjax()",1000); } }).request(); }); //]]> window.addEvent('domready', function() { SqueezeBox.initialize({}); $$('a.modal').each(function(el) { el.addEvent('click', function(e) { new Event(e).stop(); SqueezeBox.fromElement(el); }); }); }); function fbLoginAction(){ window.location = '/index.php?option=com_myapi&task=facebookLogin&return=aHR0cDovL3d3dy5teWFwaS5jby51ay8='; } function fbLoginActionInit(){ if(0 == '0'){ window.location = '/index.php?option=com_myapi&task=facebookLogin&return=aHR0cDovL3d3dy5teWFwaS5jby51ay8='; } } function fbLoginActionCancel(){ window.location = '/index.php?option=com_user&task=logout'; } function onFbLogin(){ FB.Connect.requireSession(fbLoginAction, fbLoginActionCancel, true); } function fbLoginInitCancel(){ var user_box = document.getElementById("fb_connect"); if(0 == 1){ user_box.innerHTML ='<fb:login-button autologoutlink="false" v="2" size="medium">Login with Facebook</fb:login-button>'; }else{ user_box.innerHTML ='<fb:login-button autologoutlink="false" v="2" size="medium" onlogin="onFbLogin();">Link Accounts</fb:login-button>'; } FB.XFBML.Host.parseDomTree(); } function logoutFacebook(){ FB.Connect.logoutAndRedirect('/index.php?option=com_user&task=logout&return=aHR0cDovL3d3dy5teWFwaS5jby51ay8='); } function update_user_box() { var user_box = document.getElementById("fb_connect"); if( ( (0 == '1') && (1 != 1) && (0 == 1)) || (('article' == 'link') || ('article' == 'register') ) ){ // add in some XFBML. note that we set useyou=false so it doesn't display "you" user_box.innerHTML = "<fb:profile-pic uid='loggedinuser' style='float:left;' facebook-logo='false'></fb:profile-pic>"+'<fb:name uid="loggedinuser" style="float:left;" useyou="false" linked="no"></fb:name>'; if('article' != 'link'){ user_box.innerHTML = user_box.innerHTML+'<form method="post" name="login" id="facebook-form-login"><input type="button" name="Submit" class="button" style="float:left; margin:10px 10px;" value="Log out" onclick="logoutFacebook();" /><a href="/index.php?option=com_myapi&view=settings&uid=">Facebook Connect Settings</a></form>'; } } if((0 != '1') && (1 != 1)) { //for logged in users with no link user_box.innerHTML = '<fb:login-button autologoutlink="false" v="2" size="medium" onlogin="fbLoginAction();">Link Accounts</fb:login-button>'; } // because this is XFBML, we need to tell Facebook to re-process the document FB.XFBML.Host.parseDomTree(); } function checkStatus(){ FB.Connect.get_status().waitUntilReady(function(status) { switch(status) { case FB.ConnectState.connected: if(loginstate == "userNotLoggedIn"){ if(0 == 1){ update_user_box(); } else{ fbLoginAction(); } } loginstate = "connected"; break; case FB.ConnectState.appNotAuthorized: case FB.ConnectState.userNotLoggedIn: if(loginstate == "connected"){ logoutFacebook(); } loginstate = "userNotLoggedIn"; break; } }); } var statusintervalid; var loginstate = ''; window.addEvent('domready',function(){ FB_RequireFeatures(["XFBML"], function() { FB.init("d00ff89b00efd1b45da19796dd69fc08","/web/20100404041220/http://www.myapi.co.uk/components/com_myapi/views/xd_receiver.htm",{ifUserConnected : update_user_box, permsToRequestOnConnect : " publish_stream, offline_access, email, read_stream"}); statusintervalid = window.setInterval("checkStatus();",500); if((1 != 1) && (0 == 0)){ //If the user is logged into joomla, but that joomla account is not linked to a facebook account then any active fb session must be destoryed FB.Connect.logout(); }else{ if((1 != 1) && (0 == 1)){ statusintervalid = window.setInterval("checkStatus();",500); } } }); }); </script> <link rel="stylesheet" href="./index_files/system.css" type="text/css"> <link rel="stylesheet" href="./index_files/general.css" type="text/css"> <link rel="stylesheet" href="./index_files/template.css" type="text/css"> <link rel="stylesheet" href="./index_files/blue.css" type="text/css"> <link rel="stylesheet" href="./index_files/blue_bg.css" type="text/css"> <!--[if lte IE 6]> <link href="/templates/rhuk_milkyway/css/ieonly.css" rel="stylesheet" type="text/css" /> <![endif]--> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "/web/20100404041220/https://ssl." : "/web/20100404041220/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script src="./index_files/ga.js" type="text/javascript"></script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-15306863-1"); pageTracker._trackPageview(); } catch(err) {}</script> </head> <body id="page_bg" class="color_blue bg_blue width_fmax"> <a name="up" id="up"></a> <div class="center" align="center"> <div id="wrapper"> <div id="wrapper_r"> <div id="header"> <div id="header_l"> <div id="header_r"> <div id="logo"></div> </div> </div> </div> <div id="tabarea"> <div id="tabarea_l"> <div id="tabarea_r"> <div id="tabmenu"> <table cellpadding="0" cellspacing="0" class="pill"> <tbody><tr> <td class="pill_l"> </td> <td class="pill_m"> <div id="pillmenu"> </div> </td> <td class="pill_r"> </td> </tr> </tbody></table> </div> </div> </div> </div> <div id="search"> </div> <div id="pathway"> <span class="breadcrumbs pathway"> Home</span> </div> <div class="clr"></div> <div id="whitebox"> <div id="whitebox_t"> <div id="whitebox_tl"> <div id="whitebox_tr"></div> </div> </div> <div id="whitebox_m"> <div id="area"> <div id="leftcolumn"> <div class="module"> <div> <div> <div> <h3>Login / Register</h3> <div id="fb_connect" class="FBinit" style="margin:10px 0px;"> <fb:login-button autologoutlink="false" v="2" size="medium" onlogin="onFbLogin();"> Login with Facebook </fb:login-button> <div style="clear:both;"></div> </div> <div style="clear:both;"></div> </div> </div> </div> </div> <div class="module"> <div> <div> <div> We have 20 guests and 1 member online </div> </div> </div> </div> <div class="module_menu"> <div> <div> <div> <h3>Main Menu</h3> <ul class="menu"><li id="current" class="active item1"><a href="index.html"><span>Home</span></a></li><li class="item95"><a href="contact.html"><span>Contact Us</span></a></li><li class="item97"><a href="FacebookAppSettings.html"><span>Facebook App Settings</span></a></li><li class="item56"><a href="forum.html"><span>Forum</span></a></li><li class="item53"><a href="Installation.html"><span>Installation</span></a></li><li class="item54"><a href="Configuration.html"><span>Configuration</span></a></li><li class="item55"><a href="Importantnoteonfacebookterms.html"><span>Important note on facebook terms</span></a></li><li class="item61"><a href="Showcommentsinlightbox.html"><span>Show comments in lightbox</span></a></li></ul> </div> </div> </div> </div> <div class="module"> <div> <div> <div> <h3>Community Builder Integration</h3> <ul class="menu"><li class="item58"><a href="#"><span>User Profile</span></a></li><li class="item59"><a href="#"><span>User List</span></a></li><li class="item60"><a href="#"><span>Edit your profile</span></a></li></ul> </div> </div> </div> </div> <div class="module"> <div> <div> </div> </div> </div> <div class="module"> <div> <div> <div> <h3>Facebook Fan Box</h3> <fb:fan profile_id="321654456804" stream="1" connections="15" height="800" logobar="1" width="180"></fb:fan><div style="clear:both;"></div> </div> </div> </div> </div> </div> <div id="maincolumn"> <table class="nopad"> <tbody><tr valign="top"> <td> <div class="componentheading"> Welcome to the Frontpage </div> <table class="contentpaneopen"> <tbody><tr> <td class="contentheading" width="100%"> Frontpage </td> <td align="right" width="100%" class="buttonheading"> <a href="#" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="./index_files/pdf_button.png" alt="PDF"></a> </td> <td align="right" width="100%" class="buttonheading"> <a href="#" title="Print" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="./index_files/printButton.png" alt="Print"></a> </td> <td align="right" width="100%" class="buttonheading"> <a href="#" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="./index_files/emailButton.png" alt="E-mail"></a> </td> </tr> </tbody></table> <table class="contentpaneopen"> <tbody><tr> <td valign="top"> <span class="small"> Written by Administrator </span> </td> </tr> <tr> <td valign="top" class="createdate"> Wednesday, 24 February 2010 17:27 </td> </tr> <tr> <td valign="top"> <table style="width:100%;"><tbody><tr><td style="float:right; text-align:right; margin:-45px 0px 10px 10px;"><fb:share-button class="url" href="http://www.myapi.co.uk/index.php?option=com_content&view=article&id=46:frontpage&Itemid=1" type="button"></fb:share-button></td></tr></tbody></table><h1 style="font-family: Helvetica, Arial, sans-serif; font-size: 1.3em; font-weight: bold; vertical-align: bottom; color: #666666; text-align: left; padding: 0px;">myApi Beta</h1> <h2 style="font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: normal; vertical-align: bottom; color: #333333; text-align: left; padding: 0px;">bringing together the facebook API and Joomla CMS</h2> <p style="margin-top: 0px; margin-bottom: 5px;"><img src="./index_files/logo.jpg" border="0" width="200" style="float: right;"></p> <p style="margin-top: 0px; margin-bottom: 5px;">Over the next 24 hours (Sun 28th) I will be upgrading the hosting provider of myapi.co.uk so the site may be offline at some point during this period.</p> <p style="margin-top: 0px; margin-bottom: 5px;"> </p> <p style="margin-top: 0px; margin-bottom: 5px;">Note :- myApi is currently in beta, my priority is to build a community of people who want this functionality who can provide feedback and new feature requests. And an updated component will be made available at least once a week.</p> <p style="margin-top: 0px; margin-bottom: 5px;">Note :- For all those asking how to choose an SEO company. Please read this guide.</p> <p style="margin-top: 0px; margin-bottom: 5px;">Download <a href="#" title="Download myApi Super Installer" style="text-decoration: underline; font-weight: normal; color: #0b3768;">http://www.myapi.co.uk/myApi-SuperInstaller.zip?v=1.07.041</a></p> <p style="margin-top: 0px; margin-bottom: 5px;">Notice a problem, or is this site not working for you then email me at <script language="JavaScript" type="text/javascript"> <!-- var prefix = 'mailto:'; var suffix = ''; var attribs = ''; var path = 'hr' + 'ef' + '='; var addy48313 = 'thomaswelton' + '@'; addy48313 = addy48313 + 'me' + '.' + 'com'; document.write( '<a ' + path + '\'' + prefix + addy48313 + suffix + '\'' + attribs + '>' ); document.write( addy48313 ); document.write( '<\/a>' ); //--> </script></a> <script language="JavaScript" type="text/javascript"> <!-- document.write( '<span style=\'display: none;\'>' ); //--> </script><span style="display: none;">This e-mail address is being protected from spambots. You need JavaScript enabled to view it <script language="JavaScript" type="text/javascript"> <!-- document.write( '</' ); document.write( 'span>' ); //--> </script></span></p> <p> </p> <p><span style="font-family: Helvetica, Arial, sans-serif;">myApi is a Joomla package consisting of a suite of components, modules and plugins that bring deeply integrated facebook features to your website quickly and easily.</span></p> <p>It's main features can be summarised as follows</p> <p> </p> <ul> <li>Facebook Connect - Allow your users to login into you site using their facebook account, myApi links facebook users to existing or new joomla account and allows native managing of users from within Joomla and compatibility with other user management systems such as community builder.</li> <li>Full Community Builder Support - Facebook accounts can be linked to new or existing joomla accounts, wich keep synchronized with community builder. And using a clever javascript override users community builder pictures are replaced with their current facebook profile image. </li> <li>Comments - Bring ajax powered spam proof comments to your site. Automatically adds comment boxes to all articles or specific categories or sections</li> <li>Share - Allow users to share your site content on the web. Automatically add share buttons to all articles and post the article contents to a users facebook profile</li> <li>Status updates - Update a users facebook status when they log into your site to tell their friends to check it out.</li> <li>Publish to mini feed - Stories such as new user accounts cad be published as a mini feed story, or stream items, to bring in more users from facebook. </li> <li>Fan Box - Show case your online communities members by showing a facebook fan box on your site.</li> </ul> <div>If you already have a Joomla website then you can add all this functionality in under 10 minutes. All you need is a facebook account, no php or javascript knowledge is required.</div> <h2 style="text-align: center;">As much as I love seeing your reviews in the comments box below it'd be great it you could write an official review here</h2> <p style="text-align: center;"><a href="http://extensions.joomla.org/extensions/social-web/facebook-display/11624">http://extensions.joomla.org/extensions/social-web/facebook-display/11624</a></p> <fb:comments xid="articlecomment46" numposts="15" width="730" title="Frontpage - Comments" url="http://www.myapi.co.uk/" simple="0" reverse="0" publish_feed="1"></fb:comments></td> </tr> <tr> <td class="modifydate"> Last Updated on Monday, 29 March 2010 20:57 </td> </tr> </tbody></table> <span class="article_separator"> </span> </td> </tr> </tbody></table> </div> <div class="clr"></div> </div> <div class="clr"></div> </div> <div id="whitebox_b"> <div id="whitebox_bl"> <div id="whitebox_br"></div> </div> </div> </div> <div id="footerspacer"></div> </div> <div id="footer"> <div id="footer_l"> <div id="footer_r"> <p id="syndicate"> </p> <p id="power_by"> Powered by <a href="http://www.joomla.org/">Joomla!</a>. valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>. </p> </div> </div> </div> </div> </div> <script type="text/javascript" src="./index_files/en-GB"></script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "/web/20100404041220/https://ssl." : "/web/20100404041220/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script src="./index_files/ga.js" type="text/javascript"></script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-15306863-1"); pageTracker._trackPageview(); } catch(err) {}</script> </body></html>