problema con onfocus en internet explorer

[segma]

Hola a tod@s

Tengo un polstergate con JS por culpa del dichos IE de M.

Estoy implementando una función que esta servirá para borrar el texto de un input al poner el foco allí.
fácil no? Lo he hecho así:

<input type="text" name="destination" id="destination" onfocus="delete_input(this, 'string')" />

function delete_input(eleinput, value){
if(eleinput.value==value) eleinput.value = "";
}

resulta que con IE me da un error que esperaba un objeto. La función va perfecta ya que todos los browsers normales funcionan bien. Hasta poniendo un simple alert en la función me peta, se ve que no le mola que le pases funciones en este atributo, pero con onclick más de lo mismo.
Lo he solucionado poniendo todo inline

onfocus="if(this.value=='string')this.value='';" />

Pero me surge la gran duda porque no va de la primera manera. ¿Sabéis algo? Saludos y gracias!!!

[zerokilled]

buenas,
estoy casi seguro que el problema va porque tienes conflicto de identificadores. especificamente me refiero a que estas usando un mismo nombre (token o identificador) tanto en html como en javascript. debes tener cuidado particularmente en iexplorer porque dicho navegador genera automaticamente variables globales de elementos con atributo ID dandole a la variable por nombre el mismo valor de la ID. de todos modos, en teoria el primer ejemplo deberia funcionarte en iexplorer.

[segma]

Hola, no se si te pillo mucho.

Lo que me dices es que me está duplicando el ID en HTML y en JS.

El ID destination, no lo repito en ningún lado de la web.

Pero a mi el problema es que no me deja poner una simple función estilo

function alerta(text_string){

alert(text_string);

}

Esto también afecta al ID ? Podrías explicarme un poco más? thank!!

[zerokilled]

no, no me refiero a que estes duplicando el ID. lo que me refiero es que si tienes un elemento con ID, por ejemplo <div id="mi_div"></div>, automaticamente iexplorer crea una variable con el nombre mi_div el cual es una referencia de dicho <div>. entonces luego, si tienes algun identificador con el mismo nombre, por ejemplo una funcion o variable, puedes tener conflicto.

Código:

<div id="un_div">...</div>
<script>
un_div = function(){};
// iexplorer genera error ;
</script>

de forma similar, tambien sucede cuando usas los mismos identificadores asignado en el atributo name de los elementos del form cuando usas script en el contexto de atributos. pero ya esto sucede en todos los navegadores y es normal debido a un modelo que define el DOM.

Código:

<script>
function fn(){}
</script>
<form>
<input name="fn" onclick="fn();" />
<!-- genera error en todos los navegadores debido al orden de resolucion de identificadores -->
</form>

de todos modos, este ultimo ejemplo no es tu caso porque el script te funciona en otros navegadores. incluso, es imposible de determinar si el primer ejemplo sea tu caso al no tener el codigo para comprobarlo. tambien podria ser que la funcion que invocas no esta definida, por supuesto, segun iexplorer.

[segma]

Hola, gracias otra vez :)

Pues con este nombre de función no tengo ningún ID que se pueda llamar igual. Es raro.

Pero he hecho una simple prueba con:

<input type="text" name="destination" id="destination" onfocus="alerta()" />

function alerta(){
alert("sa");
}
y también me dice que se esperaba un objeto.
Esto me pasa en todas las funciones JS que contiene onfocus, onclick, etc...

Saludos

[segma]

Joder tenía esto
<script type="application/javascript" src="/js/functions.js"></script>

en vez de esto
<script type="text/javascript" src="/js/functions.js"></script>

Muchas gracias zerokilled!!!