Albertech.net » AJAX http://albertech.net Guides and Reviews for WordPress, PHP, MySQL, Apache, CMS Systems, jQuery, and other Technologies Fri, 11 May 2012 23:39:47 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Review: Top 3 jQuery tree plugins http://albertech.net/2012/03/review-top-jquery-tree-plugins/ http://albertech.net/2012/03/review-top-jquery-tree-plugins/#comments Wed, 14 Mar 2012 22:54:53 +0000 admin http://albertech.net/?p=902

As a Content Management System developer, having a good tree plugin is key to organizing files in directories. With a small number of folders, any jQuery tree plugin will suffice. But, I've encountered some limitations with 1000+ folders and Internet Explorer compatibility. Dynatree is my current favorite jQuery plugin. The code is maintained with very good browser compatibility (IE 8 works without any problems), excellent documentation, and lots of features. Supports checkboxes, drag and drop, persistence, and HTML/JSON/or Javascript data loads. If you have a large number of folders, it is best to use JSON as the data object since you can use AJAX to dynamically load the lists. Even without the "lazy load" option, the script runs fast with a single load of the JSON data.]]> http://albertech.net/2012/03/review-top-jquery-tree-plugins/feed/ 1 Fix: html parsing error unable to modify the parent container element before the child in IE8 http://albertech.net/2012/02/fix-for-html-parsing-error-unable-to-modify-the-parent-container-element-before-the-child-in-ie8/ http://albertech.net/2012/02/fix-for-html-parsing-error-unable-to-modify-the-parent-container-element-before-the-child-in-ie8/#comments Wed, 08 Feb 2012 23:58:10 +0000 admin http://albertech.net/?p=866 If you run Internet Explorer 8 and encounter the following error:
"html parsing error unable to modify the parent container element before the child"
or
"Internet Explorer cannot open the Internet site http://<Web site>.com. Operation aborted."
The error basically means that an element on the page is trying to get modified without being completely loaded. (e.g. deleting or appending to the object). Possible causes are lightbox style or flash messenger transitions that run the following code: $("body").append It appears to be specific to Internet Explorer 8 with the way it parses the DOM object.  Here's a good reference to the problem on MSDN -  http://albertech.net/2012/02/fix-for-html-parsing-error-unable-to-modify-the-parent-container-element-before-the-child-in-ie8/feed/ 2 Simple jQuery image rollover script http://albertech.net/2011/06/simple-jquery-imagerollover-script/ http://albertech.net/2011/06/simple-jquery-imagerollover-script/#comments Thu, 02 Jun 2011 21:47:57 +0000 admin http://albertech.net/?p=715 http://albertech.net/2011/06/simple-jquery-imagerollover-script/feed/ 1 Javascript errors with DivX plugin http://albertech.net/2011/05/javascript-errors-with-divx-plugin/ http://albertech.net/2011/05/javascript-errors-with-divx-plugin/#comments Mon, 16 May 2011 20:28:54 +0000 admin http://albertech.net/?p=694 The only real fix is to uninstall the DivX plugin. References: http://labs.divx.com/node/16824]]> http://albertech.net/2011/05/javascript-errors-with-divx-plugin/feed/ 0 jGrowl – jQuery plugin for displaying messages http://albertech.net/2011/04/jgrowl-jquery-plugin-for-displaying-webapp-messages/ http://albertech.net/2011/04/jgrowl-jquery-plugin-for-displaying-webapp-messages/#comments Thu, 28 Apr 2011 18:38:46 +0000 admin http://albertech.net/?p=675 I recently found a useful jQuery plugin for adding unobtrusive web browser messages for webapps called jGrowl. It displays a floating div with your custom message for 5-10 seconds on the top of the screen and fades out. There are options to change the duration of the message, set the message as a sticky until it is closed by the user, position options, and animation options. It is useful for showing quick informational messages such as "Saving changes", "Update", and "Delete". Two unique features with this plugin are the "sticky feature" and the ability to stack consecutive messages together. I've created a quick tutorial on adding this jQuery plugin to your app.]]> http://albertech.net/2011/04/jgrowl-jquery-plugin-for-displaying-webapp-messages/feed/ 0 PHP Script to fix AJAX Access-Control-Origin Errors http://albertech.net/2011/02/php-script-fix-ajax-access-control-origin-error/ http://albertech.net/2011/02/php-script-fix-ajax-access-control-origin-error/#comments Thu, 24 Feb 2011 01:26:46 +0000 admin http://albertech.net/?p=618
Web browsers are now following a standard for HTTP Access control to prevent client-side Cross Site scripting attacks.

I tested this with Firefox and it simply blocks the request without any error messages. Google Chrome browser will error out with the following message if the access control origin is not set correctly on your PHP script. (woot!)

"XMLHttpRequest cannot load [PHP URL].. Origin [JAVASCRIPT URL] is not allowed by Access-Control-Allow-Origin."

For example, if the Javascript is hosted on example.com and your PHP app is on example.org. Below is the PHP script for fixing this error. [see full message for the solution]]]> http://albertech.net/2011/02/php-script-fix-ajax-access-control-origin-error/feed/ 1 Using jQuery for setting focus on an input box http://albertech.net/2010/06/using-jquery-for-setting-focus-on-an-input-box/ http://albertech.net/2010/06/using-jquery-for-setting-focus-on-an-input-box/#comments Wed, 09 Jun 2010 17:26:35 +0000 admin http://albertech.net/?p=419 http://albertech.net/2010/06/using-jquery-for-setting-focus-on-an-input-box/feed/ 1 Developing pages within a Cisco WebVPN environment http://albertech.net/2009/09/webvpn-jquery/ http://albertech.net/2009/09/webvpn-jquery/#comments Tue, 22 Sep 2009 17:42:50 +0000 admin http://albertech.net/?p=267 http://albertech.net/2009/09/webvpn-jquery/feed/ 7 Internet Explorer cache and AJAX http://albertech.net/2009/02/internet-explorer-cache-and-ajax/ http://albertech.net/2009/02/internet-explorer-cache-and-ajax/#comments Wed, 11 Feb 2009 01:38:32 +0000 admin http://albertech.net/?p=85 The cache in Internet Explorer is not very AJAX friendly for GET/POST commands. You must put in a constantly changing variable in the URL such as date with seconds in Internet Explorer. I noticed this when the refresh of my GET command would only work once in my window.setInterval(.. , .. ) function.  However, in Mozilla and Safari, my function was working perfect. The solution to this is to append the current date and time into the URL of your GET/POST request. Special thanks to this post. ... var requeststring = "http://........."+"&requesttime=" + new Date().getTime(); myHttpObject.open("GET",requeststring,true); ...   I previously tried setting the cache to expire on the PHP header ... ]]> http://albertech.net/2009/02/internet-explorer-cache-and-ajax/feed/ 1 Review: jQuery dropdown menu http://albertech.net/2009/02/review-jquery-dropdown-menu/ http://albertech.net/2009/02/review-jquery-dropdown-menu/#comments Mon, 09 Feb 2009 01:00:06 +0000 admin http://albertech.net/?p=81 jdMenu that runs off the jQuery library. It turned out to work great for me, as long as the level of menus is maxed at 2. I prefer using scripts that use the jQuery library in order to simplify the maintenance of scripts and to speed up development of Ajax scripts. From my experience, modern dropdown menus should only use <ul><li> hierarchy tags to make it easy to maintain. As long as the coder knows HTML, they should be able to modify the dropdown menu. I've used dropdown menu ... ]]> http://albertech.net/2009/02/review-jquery-dropdown-menu/feed/ 1