Since there I didn’t know about the “Wireless Sync”, I loved the idea, but it simply doesn’t work. I’ve spent a lot of time on google and didn’t find anything useful, just more people with the same problem as me.

After researching some options and faced something like before, I’ve changed some settings in my Windows and then everything worked.

For now, I’m using Windows *(yeah, I’m crazy I know) but isn’t that different from Windows 7.

So, the solution is pretty simple. Just go to your “Network and Sharing Center”, search for the link “Change adapter settings” in sidebar, in the new window that will open(or it will open in the same on win 7, don’t remember now), press ALT key to show the menu bar, and then click “Advanced”, and then “Advanced Settings”.

Take a look what is the wi-fi adapter is in use(in case you have more than one) and in the connection box, just set your active adapter as the first from the list, click ok, restart Winamp on your PC, disable and enable again the wireless sync on your phone, it should take a while and then your phone will be listed.

Sometimes you have to disable and re-enable the wireless sync on your phone.

Hope this work for you!

Not a problem for me, but there some things that when you are into, you don’t want to get rid of them, one of them is HAML. Then, I started to look for some code ready to do this, but sadly, I didn’t find anything that was easy to use or up-to-date. After more search I’ve found this project: PHamlP, an updated port of HAML and SASS parser for PHP.

The PHamlP project already have version for Yii and CakePHP framework.

I guess this parser doesn’t work much different from the Rails parser. It will look if the cached version of template exists, if not then it creates, or if the template file gets modified the cache file is updated too.

In this case the cache file it’s the PHP version of your HAML code. But, enough talk, let’s go to the action.

I dunno if this way is the best way to implement the parser on CI, but I didn’t find any performance problems, and one thing to remember, just tested this with the CodeIgniter 2.1.0.

First, go to your application/config/config.php and check what is your subclass_prefix, in this case, let’s suppose that it’s the default MY_

Go to the PHamlP project page and download the code. Create a folder inside application/libraries called phamlp(or whatever you want to use of course) and extract the files from PHamlP package.

After having extracted the files, create a file called MY_Loader.php(Replace the “MY_” with your subclass_prefix) in the application/core folder with the following code:

Edit: Fixed code to work with CI standard functions(it also fixed the problem trying to load a HAML file inside a HAML file)

Edit: Added fix suggested by igoooor

class MY_Loader extends CI_Loader {
    function view($view, $vars = array(), $return = false) {
        $haml_file                = dirname(__DIR__) . "/views/" . $view . ".html.haml";
        $view_path                = dirname(__DIR__) . "/views/";

        if(file_exists($haml_file)) {
            load_class('HamlParser', 'libraries/phamlp/haml', '');

            $instance                =& get_instance();
            $haml_cache_path_base    = APPPATH . "cache/";
            $haml_cache_path        = $haml_cache_path_base . $instance->router->fetch_directory() . strtolower(get_class($instance));

            if(!is_writable($haml_cache_path_base)) {
                $haml_error = 'The HAML cache path(' . $haml_cache_path_base . ') isn\'t writtable!';
                log_message('error', $haml_error);

                if(ENVIRONMENT != 'production'){
                    show_error($haml_error);
                }
            }

            if (!file_exists($haml_cache_path)) {
                $haml_cache_path_array = explode("/", str_replace($haml_cache_path_base, '', $haml_cache_path));

                // Let's go see if the cache structure exists then =)
                if(count($haml_cache_path_array) > 1) {
                    for($haml_cache_path_counter = 0; $haml_cache_path_counter < count($haml_cache_path_array); $haml_cache_path_counter++) {
                        $haml_cache_path_sliced = $haml_cache_path_base . join("/", array_slice($haml_cache_path_array, 0, $haml_cache_path_counter));

                        if(!file_exists($haml_cache_path_sliced)) {
                            mkdir($haml_cache_path_sliced);
                        }
                    }
                } else {
                    mkdir($haml_cache_path);
                }
            }

            $haml        = new HamlParser();
            $rendered    = $haml->parse($haml_file, $haml_cache_path);

            return $this->_ci_load(array('_ci_path' => $rendered, '_ci_vars' => $this->_ci_object_to_array($vars), '_ci_return' => $return));
        } else {
            // if no haml file was found, it uses the default render function
            return $this->_ci_load(array('_ci_view' => $view, '_ci_vars' => $this->_ci_object_to_array($vars), '_ci_return' => $return));
        }
    }
}

So, this new loader will look for a file in your view path that the name look like “users.html.haml”(just like the Rails way), if doesn’t find anything it fallback to the default function.

Well, the reason that i said that I dunno if this is the best way, it’s because the workaround with the callback to isolate the assign variables to evict possible conflicts. But, like I said, I didn’t find any performance problems at all. But that’s it, nothing more to do, without much code, and no need to change the core of the framework, just a simple extends.

I’ll be doing another post soon to show you how to implement the SASS parser with the CodeIgniter.

I hope that this gets useful for your as it was for me. Any doubts? Just comment.

Download MY_Loader.php

Thanks for the reading.

After saving the project and trying to insert in my test website I realized that I had to leave the files created by Edge on the root of my website since I won’t be using an iframe to show the animation.

So after studying the AdobeEdge component and exported files, I made some patches which let me put my banner anywhere in my server and load it at the homepage without any problem.

So, let’s begin.

Let’s suppose that we created a project called “banner” and added some images to it, then, when we save it, we have the following files:

• banner_edgePreload.js
• banner_edge.js
• banner_edgeActions.js
• banner.html
• bnner.edge
• edge_includes/jquery-1.6.2.min.js
• edge_includes/jquery.easing.1.3.js
• edge_includes/edge.0.1.4.min.js
• images/someimage.png

So, as the examples said, we just have to copy the div with our Composition ID and the javascript that points to the Preloader and put them in our page. The limitation here, as I said before, is that all files must be in your root, and that’s when the problem starts.

What if we want to put my new banner in another place in my server like in “assets/banner1″?

We need to patch some exported files, starting by banner_edgePreload.js (or the name from your project), where we need to replace the code from “loadResources” and add the function “registerPrefixToComposition” like it is shown below:

    function loadResources(files, prefix) {
        prefix  = prefix || "";

    	AdobeEdge.preload = AdobeEdge.preload || [];
    	AdobeEdge.preload.q = AdobeEdge.preload.q || [];
    	if( !AdobeEdge.preload.busy ){
    		AdobeEdge.requestResources(files, edgeCallback, prefix);
    	} else {
            for(var file in files) {
                files[file] = prefix + files[file];
            }

    	    AdobeEdge.preload.q.push({files: files, callback: edgeCallback});
    	}
    }

    function registerPrefixToComposition(id, prefix) {
        AdobeEdge.prefixes      = AdobeEdge.prefixes || [];
        AdobeEdge.prefixes[id]  = prefix;
    }

Add the following line near the end of the file, before the loadResources call:

registerPrefixToComposition(compId, "/asstes/banner1/");

Change the call to loadResources passing a second parameter which is the path where your files are:

loadResources([
 "edge_includes/jquery-1.6.2.min.js",
 "edge_includes/jquery.easing.1.3.js",
 "edge_includes/edge.0.1.4.min.js",
 "banner_edge.js",
 "banner_edgeActions.js"
 ], "/assets/banner1/");

Then, go to edge_includes/edge.0.1.4.min.js and add the folowing lines to the end of the file:

AdobeEdge.registerCompositionDefn0 = AdobeEdge.registerCompositionDefn;

AdobeEdge.registerCompositionDefn = function (a, c, d) {
	AdobeEdge.prefixes	= AdobeEdge.prefixes || [];

	var prefixPath		= AdobeEdge.prefixes[a] || "";

    for(var i in c) {
        with (c[i]) {
            for(var f in content.dom) {
                if(content.dom[f].fill && content.dom[f].fill[1] && content.dom[f].fill[1].toString().match(/png|gif|jpg/)) {
                    content.dom[f].fill[1] = prefixPath + content.dom[f].fill[1];
                }
            }
        }
    }

    this.registerCompositionDefn0(a, c, d)
}

And that’s it!

Remember to do this only when your project is complete so you won’t be doing this whole process every time you save it =)

I hope this can be useful, but remember that it only affects the paths for images assets.

Thanks for reading.

I don’t use this kind of script all the time, so, the solution for him was google. And was there that the problem happened. Lot’s of results, but, all of them more than outdated.

Then he talk to me asking if i can’t make something to help him. Well, I’ve created a quick script for him since he uses jQuery on his application, and now, looking forward his problem, i was thinking about the usability of this kind of code, then I’ve decided to create a jQuery Plugin.

Of course there are a lot of scripts out there that can do this, but sometimes you have to include extra files like css and other things depending on the script, for me, i don’t like that and it’s the main reason that i’ll be working on it.

Currently this jQuery plugin, can display static content, and load ajax content with two options for loading. For simple content, you don’t need to change anything, but, if you need to load more complex content like an external page that uses specific javascript files, you can load it inside an iframe.

I really don’t have a good name for this plugin, so, i’ll be calling this jqPopupBox. So, let’s begin.

First, you just have to include the jqpopupbox.js into you page and everything will be working(Download link available at the end of the post).

Second, the properties of that you can pass to the object:

• color – string – Hexadecimal color for the div that will fill the screen.
  Default: #777
• opacity – float – Opacity value for the div mentioned above.
  Default: .8
• containerColor – string – Color for the container that will have the popup content itself.
  Default: #FFF
• width – int – Width of the container mentioned above.
  Default: 400
• height – int – Height of the container mentioned above.
• Default: 400
• closeText – sting – The tet that will be shown on the close button.
• Default: CLOSE
• close – Function – A callback that will be called when the users close the popup.
• Default: null
• load – Function – A callback that will be called after the popup creation
  Default: null
• useFrame – boolean – Defined if the plugin will be using an iframe for loading external content.
  Default: false
• content – string – The content that will be shown in the popup. If you want to load extenal content, you must specify the full url like ‘http://redvulpine.com’.
  Default: in blank

A simple example

$(document).ready(function () {
	$.popupBox({
		content: 'Hello World'
	});
});

Now, lets suppose that you want to use animations, for loading and closing.

$(document).ready(function () {
	$.popupBox({
		content: 'Hello World',
		load:	function (r, c) {
			c.hide();
			c.show('slow');
		},
		close:	function (r, c) {
			r.fadeOut('slow');
			c.fadeOut('slow', null, this.remove);
		},
	});
});

In the example above, we have two parameters in the callbacks, c and r. Where, c is the popup container and r is the div that blocks the rest of document. Also, you can customize all the elements using theses css selectors:

• jqqpopupbox-region
• jqqpopupbox-container
• jqqpopupbox-close

And, that’s it, nothing more, simple as you can see. Maybe i’ll be doing updates later, like, to load images(of course, you can use other scripts in this case, like fancybox) or flash, youtube maybe?

Well, thanks for reading and I expect that this code be useful to you =)

Version 0.1.1

- Fixed some typo issues

- Fixed issues with page scrolling

Download: jqPopupBox (Version 0.1.1 – IE 6+, FF, Opera, Safari, Chrome)