02/06/2009, 23:47
|
| | Fecha de Ingreso: junio-2009
Mensajes: 61
Antigüedad: 15 años, 5 meses Puntos: 0 | |
Agradecería Ayuda Hola, agradecería un empujón en esto del javascript con AJAX creo, es decir, para realizar esta función que sea permanente en WEB i que cualquier usuario pueda Pinchar ahí.
A ver si alguien me puede echar una manita o darme un par de consejos.
Luego tambien si alkguien puede verificar que esté usando un lenguage html correcto, o no... etc. para que todo este mas o menos en "orden"
gracias.
Cuelgo todo por si alguien quiere probar de que va la cosa i si hay alguna que otra idea.
se que puede ser "un rollo" ayudarme por que ...¿para que? pero agracedería mucho yaque es nuevo para mi tratar de realizarlo activo para todos los usuarios, una vez pinchen los 400 cuadraditos, quedaría la web obsoleta... pero yo entendría como funciona exactametne todo esto... o no!
gracias, y un abrazo.
------
archivo *.js:
function ratoli_dins (x) {
elem = document.all("tab1").firstChild
elem.nodeValue=("Celda: "+x.id);
elem = document.all("tab4").firstChild
if (x.style.backgroundColor == 'red') {
elem.nodeValue=("YA TIENE PROPIETARIO"); }
else { elem.nodeValue=("Atacable?:");
}
}
function presionat(x) {
x.style.backgroundColor='red'
taula[i]=x.id;
i++;
}
/////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////77
index.html -->>>>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="javo.js"></script>
</head>
<body>
<div id="fons">
<div id="mapa">
<script language="javascript">
for (i=1; i<=400; i++) { document.write("<div class='celda' id='celda"+i+"' onMouseOver=ratoli_dins(this) OnClick=presionat(this)></div>") }
</script>
</div>
<div id="informacio_celda">
<table border="0">
<tr>
<td id="tab1">Celda: </td>
</tr>
<tr>
<td id="tab2">Propietario</td>
</tr>
<tr>
<td id="tab3">LoQueSea:</td>
</tr>
<tr>
<td id="tab4">Atacable?:</td>
</tr>
</table>
</div>
</div>
</body>
</html> |