CODE
function reload_char() {
race_id = Ext.get('race').dom.value;
gender = Ext.get('race_gender').dom.value;
face = Ext.get('race_face').dom.value;
hair_id = Ext.get('race_hair').dom.value;
// race
race_letter = Array('H','E','T','M','G');
race = race_letter[race_id];
/*
//gender
if(race == 'G' || race == 'M') {
gender = '';
}
//hair
if(hair_id == 1) {
hair = 'a';
}
else {
hair = 'b';
}
image = '80px-'+race+gender+face+hair+'.jpg';
Ext.Ajax.request({
url: 'includes/forms/char_image.php',
params: {img:image},
method: 'POST',
success: function (response, options) {
div = Ext.get('char_img');
div.dom.innerHTML = response.responseText;
}
});
*/
}
race_id = Ext.get('race').dom.value;
gender = Ext.get('race_gender').dom.value;
face = Ext.get('race_face').dom.value;
hair_id = Ext.get('race_hair').dom.value;
// race
race_letter = Array('H','E','T','M','G');
race = race_letter[race_id];
/*
//gender
if(race == 'G' || race == 'M') {
gender = '';
}
//hair
if(hair_id == 1) {
hair = 'a';
}
else {
hair = 'b';
}
image = '80px-'+race+gender+face+hair+'.jpg';
Ext.Ajax.request({
url: 'includes/forms/char_image.php',
params: {img:image},
method: 'POST',
success: function (response, options) {
div = Ext.get('char_img');
div.dom.innerHTML = response.responseText;
}
});
*/
}
ok I've commented out the code that throws an error in IE7. does anyone have any ideas why because this whole function seems to work fine in everythign else execpt IE 7.
the line
race = race_letter[race_id];
is throwing the error.
fixed
replacing that line with var race = race_letter[race_id]; did it. very weird thing I thought 'var' keyword in javascript was only needed for decalring global vars.
another problem
anyway with that fix still is another problem with that same page and 1 ajax call. The first field where users are asked to enter a character name and then it runs a check to see if the character already exist in the database. if it dosent then the 'add' button is enabled for users to add the character.
Again in IE7 it doesnt work but other broswers seem to be ok with it. The button dosent get enabled in IE7 when its suppose to.
code
CODE
function ck_char_name() {
name = Ext.get('char_name').dom.value;
Ext.Ajax.request({
url: 'includes/forms/char_name_ck.php',
params: {name:name},
method: 'POST',
success: function (response, options) {
div = Ext.get('char_name_result');
div.dom.innerHTML = response.responseText;
if(div.dom.innerHTML == '<span class="ok_header">Available</span>') {
Ext.get('btn_insert_char').dom.disabled = false;
}
else {
Ext.get('btn_insert_char').dom.disabled = true;
}
}
});
}
WOW IE 7 is so crap look at what it does with my test code on second attached image. I know I shouldnt really compare strings for something like this but I didnt want to create a hidden input just for that. If IE 7 gonna be retarded I may have to. It thinks its doing me a favour by converting my lower case span tag to upper case. Good job MS you really messed up on IE 7.
CODE
function ck_char_name() {
name = Ext.get('char_name').dom.value;
Ext.Ajax.request({
url: 'includes/forms/char_name_ck.php',
params: {name:name},
method: 'POST',
success: function (response, options) {
div = Ext.get('char_name_result');
div.dom.innerHTML = response.responseText;
alert(div.dom.innerHTML);
/*
if(div.dom.innerHTML == '<span class="ok_header">Available</span>') {
Ext.get('btn_insert_char').dom.disabled = false;
alert("false");
}
else {
Ext.get('btn_insert_char').dom.disabled = true;
alert("true");
}
*/
}
});
}
name = Ext.get('char_name').dom.value;
Ext.Ajax.request({
url: 'includes/forms/char_name_ck.php',
params: {name:name},
method: 'POST',
success: function (response, options) {
div = Ext.get('char_name_result');
div.dom.innerHTML = response.responseText;
alert(div.dom.innerHTML);
/*
if(div.dom.innerHTML == '<span class="ok_header">Available</span>') {
Ext.get('btn_insert_char').dom.disabled = false;
alert("false");
}
else {
Ext.get('btn_insert_char').dom.disabled = true;
alert("true");
}
*/
}
});
}
