atomiku http://atomiku.com web development, scripting, music/mixing, etc... Tue, 07 Feb 2012 01:38:59 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 another great comic from explosm… http://atomiku.com/2012/02/another-great-comic-from-explosm/ http://atomiku.com/2012/02/another-great-comic-from-explosm/#comments Tue, 07 Feb 2012 01:36:06 +0000 atomiku http://atomiku.com/?p=187

]]> http://atomiku.com/2012/02/another-great-comic-from-explosm/feed/ 0 atoChat v1.0 http://atomiku.com/2012/02/atochat-v1-0/ http://atomiku.com/2012/02/atochat-v1-0/#comments Sun, 05 Feb 2012 22:41:02 +0000 atomiku http://atomiku.com/?p=162 Just a recap here, of some things that have changed in atoChat v1.0:

  • Installer updated with new skin
  • Now almost XHTML compliant
  • Javascript moved to its own .js file, instead of being in the index.php
  • All the ajax calls are much more stable now, it initializes it’s own xmlHttp object for each call instead of using a global one.
  • Help screen updated, looks much better now
  • showsmileys() will now only display image files. Good for when windows makes that annoying Thumbs.db file, then atoChat ends up thinking it’s a smiley.
  • Cleaned up all the files and includes
  • Now using atolib library
  • Update checker updated
  • Color picker added instead of dropdown menu
  • Central PHP script for the chat is no longer central

Please subscribe to the newsletter so I can let you guys know when it is released. Thanks!

]]> http://atomiku.com/2012/02/atochat-v1-0/feed/ 0 Adding/Editing Tables for posts in WordPress http://atomiku.com/2012/02/addingediting-tables-for-posts-in-wordpress/ http://atomiku.com/2012/02/addingediting-tables-for-posts-in-wordpress/#comments Fri, 03 Feb 2012 12:47:23 +0000 atomiku http://atomiku.com/?p=128 http://wordpress.org/extend/plugins/mce-table-buttons/

]]> http://atomiku.com/2012/02/addingediting-tables-for-posts-in-wordpress/feed/ 0 Remove scrollbars and get your facebook app iframe to autosize to height – FB.Canvas.setAutoGrow() http://atomiku.com/2012/02/remove-scrollbars-and-get-your-facebook-app-iframe-to-autosize-to-height-fb-canvas-setautogrow/ http://atomiku.com/2012/02/remove-scrollbars-and-get-your-facebook-app-iframe-to-autosize-to-height-fb-canvas-setautogrow/#comments Thu, 02 Feb 2012 11:59:34 +0000 atomiku http://atomiku.com/?p=123 If you have created a Facebook application that has an iframe tab and you want the iframe to automatically grow to the size of the content, you can use FB.Canvas.setAutoGrow() within the frame. First of all you need to edit your application, so go to https://developers.facebook.com/apps/ and click ‘Edit App’. Then in Settings -> Advanced, scroll down to Canvas Settings and make sure Canvas Height is set to ‘fluid’:

You’re not done yet, you need to insert the FB.Canvas.setAutoGrow() function into your iframe’s body. The facebook developer site states that you should use this code:

window.fbAsyncInit = function() {
  FB.init({
    appId      : 'YOUR_APP_ID', // App ID
    ... // Other configuration variables here
  });
  FB.Canvas.setAutoGrow(); //<--- This
}

However, I noticed that setAutoGrow will not properly work on some browsers (mainly firefox) if you put it within window.fbAsyncInit function like how the facebook developer site states. Instead, run FB.Canvas.setAutoGrow() on window.onload instead – this will ensure that the timer starts after the browser has finished rendering the document and the DOM is ready:

window.fbAsyncInit = function() {
  FB.init({
    appId : 'YOUR_APP_ID', // App ID
    ... // Other configuration variables here
  });
}
 
window.onload = function() {
  FB.Canvas.setAutoGrow(100); //Run the timer every 100 milliseconds, you can increase this if you want to save CPU cycles
}

Your facebook iframe should be auto growing to the height of the content now. If it isn’t, leave a comment and I will help you. Even though the iframe height is sizing automatically, you may still have a vertical scrollbar visible. To remove this, set overflow:hidden on the body:

body {overflow:hidden;}

Your iframe document should now look like this:

<body style="background:#FFF;">
  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js"></script>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId : 'YOUR_APP_ID_HERE',
        ...
      });
    }
 
    window.onload = function() {
      FB.Canvas.setAutoGrow(91);
    }
  </script>
 
  //Some content here
</body>

Everything should be working now! If you have any problems, or found this post helpful, leave a comment :)

]]> http://atomiku.com/2012/02/remove-scrollbars-and-get-your-facebook-app-iframe-to-autosize-to-height-fb-canvas-setautogrow/feed/ 0 Site Updates and atoChat v1.0 beta http://atomiku.com/2012/01/site-updates-and-atochat-v1-0-beta/ http://atomiku.com/2012/01/site-updates-and-atochat-v1-0-beta/#comments Fri, 27 Jan 2012 04:37:57 +0000 atomiku http://atomiku.com/?p=108 New pages up: Atomic Inc, Bass Piratez, DJ Zappa and teroMUD. atoChat v1.0 is basically ready so a beta link will be added to the atoChat page late March, if you would like to try the beta before that time then please send me your email address through the contact form, thanks. atoChat v1.0 screenshots to follow…

Here is a screenshot of atoChat v0.5 in action:

]]> http://atomiku.com/2012/01/site-updates-and-atochat-v1-0-beta/feed/ 0 osCommerce v2.3.1 and SagePay Direct: Error 4020: Invalid IP Address http://atomiku.com/2012/01/oscommerce-v2-3-1-and-sagepay-direct-error-4020-invalid-ip-address/ http://atomiku.com/2012/01/oscommerce-v2-3-1-and-sagepay-direct-error-4020-invalid-ip-address/#comments Thu, 19 Jan 2012 12:25:00 +0000 atomiku http://atomiku.com/?p=34 Two possible error messages for 4020: “Information received from an Invalid IP address” and just “Invalid IP address”.

While I was configuring SagePay Direct for an osCommerce store I made, the checkout process wasn’t completing because SagePay was returning error 4020. This means that the IP address I added to the “Valid IPs” tab on the SagePay control panel isn’t matching up with the IP address the request is coming from. If you’re getting this error too then it is most likely because you’ve entered the wrong IP, or no IP at all. You can log in to SagePay live at https://live.sagepay.com/mysagepay/. If you switch SagePay to Simulator mode, the error message will also include the IP address it received the request from, so then you can go and add the correct IP address. You can sign up for a simulator account at https://support.sagepay.com/apply/RequestSimAccount.asp – If you definitely have the correct IP address added, and you are still getting the same error, then something else must be up…

Attempt #1: I figured out that perhaps SagePay had updated their API and my SagePay Direct payment module for osCommerce was out of date? The osCommerce community addons website shows that the latest version of SagePay Direct payment module is v1.1, whereas I was using v1.0. It seems that the osCommerce v2.3.1 package I downloaded shipped with SagePay Direct v1.0. After installing v1.1 I am still getting the same error. Something else must be up?

Attempt #2 (solution!): SagePay seems to be returning “Error 4020: Invalid IP Address” because the transaction wasn’t being secured with SSL. It’s actually a legal requirement in UK, due to data security standards laws, to secure all sensitive information (address, credit card numberr, etc) by having the checkout process encrypted with 128bit SSL. The error seems to have gone away.

]]> http://atomiku.com/2012/01/oscommerce-v2-3-1-and-sagepay-direct-error-4020-invalid-ip-address/feed/ 0 The benefits of Google Analytics http://atomiku.com/2012/01/the-benefits-of-google-analytics/ http://atomiku.com/2012/01/the-benefits-of-google-analytics/#comments Wed, 18 Jan 2012 22:37:46 +0000 atomiku http://atomiku.com/?p=157 I’m going to write a little bit about Google Analytics today, for those who don’t know anything about it. If you already use Google Analytics on your website then stop reading now, I’m only going to be going through the basics.

So, what is Google Analytics? It’s an amazing web application that allows you to see the performance and statistics of your website. Tracking how your website performs is crucial. It’s the only way to find out what works and what doesn’t. It saves down all sorts of key information such as what browsers your visitors are using, where they came from, what keywords they used to find your site on google, what screen resolution they’re using and all sorts of other interesting and important information. This can be a vital tool if you are looking to optimise your website for search engines.

I recommend Google Analytics to anyone who runs a website and is interested in what is going on with their visitors. To get Google Analytics installed and working on your website, the first step would be to go to http://www.google.com/analytics/. If you already have a google account (Which you WILL have if you use gmail) you can click “Access Analytics” and login as normal. If you don’t have a google account, click “Sign Up Now” and get yourself registered.

Once you’re logged into Google Analytics, you should be given a sign up page if you’ve never used it before. Click the sign up button and get the form filled in. Once you’re all done, you will be given a block of javascript code to put at the top of your website, in thetags. Get that put in and you’re all ready to go! You’ll have to give the analytics data some time to update, it appears to be updated daily so you may have to wait till the next day to see anything interesting.

Well, hopefully I’ve covered everything. Do leave me a comment if you found this helpful, or if you need more help. Thanks, and enjoy! :)

]]> http://atomiku.com/2012/01/the-benefits-of-google-analytics/feed/ 0 the blog returns… “Hello World!” http://atomiku.com/2012/01/the-blog-returns-hello-world/ http://atomiku.com/2012/01/the-blog-returns-hello-world/#comments Wed, 18 Jan 2012 18:39:12 +0000 admin http://atomiku.com/?p=4 Sup. I’ve been wanting to update atomiku.com for a while now. At first I was planning to design and build a very simple “holding page” styled template that had only links to my music, projects, etc… but instead decided that if I run my site on wordpress, it would open up the option for me to write about the various things that I discover and learn, mostly about web development. I have a moderately-sized list of things I want to write about that I’ve been adding to, for the past year, for when I eventually have some time. The list contains post ideas mostly about code, such as tutorials, script-hacks, fixes, etc. When I’ve got stuff a little more organized in life I will find the time to get the posts out there, but in the meantime enjoy what I currently have uploaded here. Music, mixes and atoChat v0.5. Heh. For anyone who is wondering, atoChat v1.0 is basically done and it kicks ass, but I need to do more beta testing on it before I release it. Soon I will post some screenshots and a list of new features. If anyone is interested in beta testing, leave a comment. Peace out.

]]> http://atomiku.com/2012/01/the-blog-returns-hello-world/feed/ 1 a nice image to fill some space (no pun intended!) http://atomiku.com/2012/01/a-nice-image-to-fill-some-space/ http://atomiku.com/2012/01/a-nice-image-to-fill-some-space/#comments Tue, 17 Jan 2012 23:19:47 +0000 admin http://atomiku.com/?p=27

A Casual Entanglement by *ex-artris1701 on deviantART – thanks for the nice wallpaper!

]]> http://atomiku.com/2012/01/a-nice-image-to-fill-some-space/feed/ 4