El archivo olas.php llama al javascript que contiene las funciones de ajax
LO QUE HAGO ES TENGO UN ARCHIVO olas.php que lo ejecuto, y me muestra
00 03 06 09 12 15 18 21 24 27 30 33 36 39 42 45 48 51 54 57 60 63 66 69 72 75 78 81 84 87 90 93 96
y aca abajo la imagen va cambiando segun la hora que elijo.
ESTO FUNCIONA CORRECTAMENTE..
el archivo ajax.js contiene :
function objetoAjax(){
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function MostrarImagen(datos){
divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos,true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divResultado.innerHTML = ajax.responseText
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send(null);
}
Luego olas.php contiene este codigo:
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="tdtitulo"> Olas </td>
</tr>
<tr>
<td> </td>
</tr>
<td align="center">
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola0.gif' ); return false">00</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola3.gif' ); return false">03</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola6.gif' ); return false">06</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola9.gif' ); return false">09</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola12.gif '); return false">12</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola15.gif '); return false">15</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola18.gif '); return false">18</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola21.gif '); return false">21</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola24.gif '); return false">24</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola27.gif '); return false">27</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola30.gif '); return false">30</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola33.gif '); return false">33</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola36.gif '); return false">36</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola39.gif '); return false">39</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola42.gif '); return false">42</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola45.gif '); return false">45</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola48.gif '); return false">48</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola51.gif '); return false">51</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola54.gif '); return false">54</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola57.gif '); return false">57</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola60.gif '); return false">60</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola63.gif '); return false">63</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola66.gif '); return false">66</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola69.gif '); return false">69</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola72.gif '); return false">72</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola75.gif '); return false">75</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola78.gif '); return false">78</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola81.gif '); return false">81</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola84.gif '); return false">84</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola87.gif '); return false">87</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola90.gif '); return false">90</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola93.gif '); return false">93</a>
<a href="#javascript
:;" onClick="MostrarImagen('imagenes.php?img=ola96.gif '); return false">96</a> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="center">
<div id="resultado" width="100%"><img src="olas/ola0.gif"></div> </td>
</tr>
</tr>
<tr>
<td> </td>
</tr>
</table>
imagenes.php contiene esto:
<tr>
<td width="100%">
<?
$img= @$_GET['img'];
$sPath = "../ki/linio/olas/" . $img;
echo " <img src='$sPath' width='600' height='480'>"
?>
</td>
</tr>
EL TEMA ES QUE YO TENGO UNA WEB EN FORMA MODULAR....
EL NOMBRE DE MI ARCHIVO SERIA ?mod=archolas&id=9 que seria lo mismo que olas.php
pero de esta manera me tira error al hacer click sobre cualquier hora, diciendo
Error..falta un objeto.
Alguno me podira ayudar??