this.value o this me devuelve "undefined" en IE

[kadas99]

Buenos dias! hace un tiempo que no vengo por aca ya que con lo que aprendi de todos ustedes me sirvio para rato! Asi que les estoy muy agradecido en principio por eso!

Ahora lo que me esta sucediendo es que tengo un script (Que por mas que lo describa es mejor que lo vean), especificamente este:

Código PHP:

  echo '<div id="category_'.$row['id'].'" ><a href="javascript:void(0);" onClick="convertToInputag(\''.$row['id'].'\',\'category\',this);">';
echo $row['category']."</a> ".utf8_encode("º");
echo '</div>'; 
   

en el cual lo que hago es llamar a la funcion convertToInputag la cual hace esto:

Código HTML:

function convertToInputag(id, field ,link) {
	//$("a[id=" + id + "]").html("<input class='left' type='text' value='" + link.text + "' onBlur='saveNewValueag(\"" + id + "\",\"" + field + "\", this.value);' />");
$('#' + field +"_"+ id).html("<input class='left' type='text' value='" + link.text + "' onBlur='saveNewValueag(\"" + id + "\",\"" + field + "\", this.value);' />");
}

en el cual el parametro this.value o this como ya lo he probado, no funciona y en lugar de darme como retorno el valor del campo, me devuelve UNDEFINED, lo que mas me molesta es que solamente sucede esto en la porqueria de IE v7! no lo probe en los nuevos, pero necesito que funcione desde 7 en adelante!


Si alguno ya tiene experiencia con esto, le agradeceria que me guiara un poco para poder solucionar este tema!

Desde ya muchas gracias!

[Panino5001]

En lugar de link.text poobá con link.innerHTML

[kadas99]

Ya que tu firma dice: "No a la xenofobia y la discriminación"

puedo decir tranquilamente: "TE AMOOOOOOOOO!"

me salvaste la vida jaja!

Bueno no te amo, pero te agradezco mucho!

Sale karmita para @Panino5001

[Aijoona]

Consejo de amigo, trata de evitar concatenar strings a mansalva, es super desprolijo y te induce a equivocarte.

Alternativas? Instancia los elementos y definile sus atributos o usa algun tipo de plantilla.

Para el segundo caso yo uso la siguiente utilidad:

Código Javascript:

/**
 * Reemplaza los placeholders por sus respectivos valores
 * 
 *  tpl('Hello {foo}!', { foo: 'world' }); // "Hello world!"
 * 
 * @author Aijoona
 * @param {String} str
 * @param {Object} o
 * @param {Boolean} clear
 */
function tpl(str, o, clear) {
    for (var prop in o) {
        if (Object.prototype.hasOwnProperty.call(o, prop)) {
            str = str.replace((new RegExp('\\{' + prop.toString() + '\\}', 'g')), o[prop] || '');
        }
    }
 
    if(clear) {
        str.replace(/\{.+\}/, '');
    }
    
    return str;
}
 

Que en tu caso se usaria:

Código Javascript:

var INPUT_TEMPLATE = '<input class="left" type="text" value="{text}" ' + 
    'onBlur="saveNewValueag(\'{id}\', \'{field}\', {value});" />';
 
var input = tpl(INPUT_TEMPLATE, {
    text: 'LINK',
    id: 666,
    field: '_field',
    value: '3010'
});
 
input; // "<input class="left" type="text" value="LINK" onBlur="saveNewValueag('666', '_field', 3010);" />"
 

[kadas99]

Tenes razon! es muy buena esa idea! a mi me falta un poco de esos pequeños "trucos"! pero por suerte aca se aprende! Siempre me llevo aprendizaje de cada uno de los usuarios de FDW!


Muchas Gracias!