The Error Message » JavaScript http://www.theerrormessage.com Fix your error Sun, 18 Jul 2010 03:21:10 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 base html tag does not apply correctly to all javascript and style files http://www.theerrormessage.com/2009/07/base-html-tag-does-not-apply-correctly-to-all-javascript-and-style-files/ http://www.theerrormessage.com/2009/07/base-html-tag-does-not-apply-correctly-to-all-javascript-and-style-files/#comments Fri, 03 Jul 2009 15:21:40 +0000 gbl http://www.theerrormessage.com/2009/07/03/base-html-tag-does-not-apply-correctly-to-all-javascript-and-style-files/ Problem: The <base href="http://example.com/path/to/res/">  did not work at all on Internet Explorer – no javascript or style files were loaded and worked partially in Mozilla Firefox – a few javascript files were not pointing to the path that should be transformed by base href attribute.

Example:

Array(
[0] => 1
)
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<base href="http://example.com/path/to/res/">
<link rel="stylesheet" href="./css/styles.css" type="text/css" />
<scrupt src="./js/jquery.js" type="text/javascript"></script>
<scrupt src="./js/j1.js" type="text/javascript"></script>
<scrupt src="./js/j2.js" type="text/javascript"></script>

This code produced a page with no style files and  no javascript files included in Interenet Explorer 8 and a few javascript files (j1.js and j2.js) were not included in Firefox 3.5 because base tag was not applied. After several tests and all kind of different arrangements we discovered that the problem was the output before the page source the Array ... thing.

Solution: no output before the page’s headers otherwise you can get all kind of strange results including a html base tag not working correctly.

]]> http://www.theerrormessage.com/2009/07/base-html-tag-does-not-apply-correctly-to-all-javascript-and-style-files/feed/ 0 Object doesn’t support property or method. Adding options in a <select> from a child window on Internet Explorer http://www.theerrormessage.com/2009/03/object-doesnt-support-property-or-method-adding-options-in-a-select-from-a-child-window-on-internet-explorer/ http://www.theerrormessage.com/2009/03/object-doesnt-support-property-or-method-adding-options-in-a-select-from-a-child-window-on-internet-explorer/#comments Wed, 18 Mar 2009 01:55:36 +0000 gbl http://www.theerrormessage.com/2009/03/17/object-doesnt-support-property-or-method-adding-options-in-a-from-a-child-window-on-internet-explorer/ Full error message:  Object doesn’t support property or method. I got this error message in Internet Explorer 7 every time i tried to run code similar to the next snippet:

window.opener.form.select[select.length]  = new Option(text, value);

The problem is that on Internet Explorer due to some mysterious security restrictions you are not allowed to add new options in a select element that resides in the parent (opener) window. In order to do this you need a workaround.

The easiest workaround is to write a function in the parent window that adds elements in the select element. The function should look something like this:

function addOptionToSelect(formName, selectName, optionText, optionValue) {
var elem = document.forms[formName].elements[selectName];
elem.options[elem.length] = new Option(optionText, optionValue);
}

This function has to be written in the parent window’s javascript and it will be accessed from child window with some code like this:

window.opener.addOptionToSelect(formName, selectName, optionText, optioValue);

Conclusion: Internet Explorer sucks.

]]> http://www.theerrormessage.com/2009/03/object-doesnt-support-property-or-method-adding-options-in-a-select-from-a-child-window-on-internet-explorer/feed/ 2 jquery pngFix fixed http://www.theerrormessage.com/2009/03/jquery-pngfix-fixed/ http://www.theerrormessage.com/2009/03/jquery-pngfix-fixed/#comments Wed, 11 Mar 2009 05:00:31 +0000 gbl http://www.theerrormessage.com/2009/03/11/jquery-pngfix-fixed/ I tried to use the pngFix from this website: http://jquery.andreaseberhard.de/pngFix/. But it didn’t work and i received an javascript error in IE6.

After several minutes of debugging and tries i found out that the error is generated by old syntax in selecting elements. It used jQuery(this).find("img[@src$=.png]").each(...); instead of jQuery(this).find("img[src$=.png]").each(...);

So the fix is: Remove the “@” character form the selector string.

The same thing for the “pack” version except that the replaced string is: [@m$=.M] and the replacement string is: [m$=.M].

]]> http://www.theerrormessage.com/2009/03/jquery-pngfix-fixed/feed/ 0 How to check/uncheck a bunch of checkboxes without using ids for the checkbox inputs http://www.theerrormessage.com/2007/12/how-to-selectdeselect-a-bunch-of-checkboxes-without-using-ids-for-the-checkbox-inputs/ http://www.theerrormessage.com/2007/12/how-to-selectdeselect-a-bunch-of-checkboxes-without-using-ids-for-the-checkbox-inputs/#comments Sun, 09 Dec 2007 18:21:04 +0000 thalissar http://www.theerrormessage.com/2007/12/09/how-to-selectdeselect-a-bunch-of-checkboxes-without-using-ids-for-the-checkbox-inputs/ My solution of checking/unchecking a group of HTML checkboxes using Javascript implies using an array of checkboxes, which means naming all the inputs of type ‘checkbox’ like array_name[]. Example:

<form name="cb_form">
<input type="checkbox" name="cb[]" value="0" />Zero
<input type="checkbox" name="cb[]" value="1" />One
<input type="checkbox" name="cb[]" value="2" />Two
<input type="checkbox" name="cb[]" value="3" />Three
</form>

In this example, the name of the checkboxes array is cb.

Next, we place two links for checking/unchecking all checkboxes in our array. If someone clicks one of these links, the checkAll() JavaScript function is called:

<a href="" onclick="checkAll('cb_form', 'cb[]', true); return false;">Check all<a>
<a href="" onclick="checkAll('cb_form', 'cb[]', false); return false;">Uncheck all<a>

The checking/unchecking all checkboxes function in JavaScipt looks like this:

function checkAll(form_name, cb_name, value)
{
var cb_arr = document.forms[form_name].elements[cb_name];
// if the checkboxes exist
if(cb_arr)
{
// if the number of checkboxes is at least 2
if(cb_arr.length > 1)
{
// for each checkbox
for(i = 0; i < cb_arr.length; i++)
{
// check (value == true) or uncheck (value == false) it
cb_arr[i].checked = value;
}
}
else // cb_arr.length is undefined which means there is a single checkbox element that is not considered an array of one element
{
cb_arr.checked = value;
}
}
}

Note that if we only have one checkbox, the variable cb it is not considered an array, but a normal variable. This is useful in the situation of dinamically generated HTML pages (using PHP, for example) and the number of checkboxes varies from page to page.

You can test the example here:

Zero
One
Two
Three

Check all Uncheck all

]]> http://www.theerrormessage.com/2007/12/how-to-selectdeselect-a-bunch-of-checkboxes-without-using-ids-for-the-checkbox-inputs/feed/ 0