ayuda llamar a funcion javascript

german82 · #1 (**permalink**) 03/03/2009, 13:13

hola gente otra ves yo por aca les dejo este codigo a ver si me pueden ayudar, el problema es qeu no llama a la funcion mostrarfotos

<html>
<head>

<script language="JavaScript">

function mostrarfotos(rubro){

ajax.open("GET","mipagina/fotos.php?argumento="+rubro, true);
ajax.onreadystatechange =function()
{
if(ajax.readyState==4){
var resultado = ajax.responseText;
document.getElementById['productos'].innerHTML = resultado;

}
}
ajax.send(null);
}

function crearobjetoajax(){
var Obj;
if (typeof XMLHttpRequest == “undefined” ){
if(navigator.userAgent.indexOf(”MSIE 5?) >= 0){
Obj= new ActiveXObject(”Microsoft.XMLHTTP”);
}
else{
Obj=new ActiveXObject(”Msxml2.XMLHTTP”);
}
}
else{
Obj=new XMLHttpRequest();
}
return Obj;
}
function inicializar()
{
ajax = crearobjetoajax()
}

</script>

</head>

<body onLoad="inicializar()">

<div id="productos"></div>

<div id="titulo"></div>

<div id="links">
<ul>
<li><a>Inicio</a></li>
<li><a>Contactenos</a></li>
<li><a onClick="mostrarfotos('rubro1')">rubro1</a></li>
<li><a onClick="mostrarfotos('rubro2')">rubro2</a></li>
</ul>
</div>
</body>
</html>

David · #2 (**permalink**) 03/03/2009, 13:20

Revisa la Consola de Errores de tu navegador para saber si se está produciendo error en alguna parte del código.

jeybi · #3 (**permalink**) 03/03/2009, 14:08

Prueba asi:

Código javascript:

Ver original<html>
<head>
 
<script language="JavaScript">
 
function mostrarfotos(rubro){
 
ajax.open("GET","mipagina/fotos.php?argumento="+rubro, true);
ajax.onreadystatechange =function()
{
if(ajax.readyState==4){
var resultado = ajax.responseText;
document.getElementById['productos'].innerHTML = resultado;
 
}
}
ajax.send(null);
}
 
function crearobjetoajax(){
var Obj;
if (typeof XMLHttpRequest == 'undefined' ){
if(navigator.userAgent.indexOf('MSIE 5') >= 0){
Obj= new ActiveXObject('Microsoft.XMLHTTP');
}
else{
Obj=new ActiveXObject('Msxml2.XMLHTTP');
}
}
else{
Obj=new XMLHttpRequest();
}
return Obj;
}
function inicializar()
{
ajax = crearobjetoajax()
}
 
</script>
 
</head>
 
<body onLoad="inicializar()">
 
<div id="productos"></div>
 
<div id="titulo"></div>
 
 
<div id="links">
<ul>
<li><a>Inicio</a></li>
<li><a>Contactenos</a></li>
<li><a onClick="mostrarfotos('rubro1')">rubro1</a></li>
<li><a onClick="mostrarfotos('rubro2')">rubro2</a></li>
</ul>
</div>
</body>
</html>

german82 · #4 (**permalink**) 03/03/2009, 14:27

gracias por responder el error que me tira en la consola es este:

Error: document.getElementById.productos is undefined

pero en el codigo tengo un div con id = 'productos'

por uqe puede ser?

David · #5 (**permalink**) 03/03/2009, 15:53

La sintaxis es incorrecta, debe ser document.getElementById('productos')