Se puede cambiar solo una celda de una tabla con un boton?

[k-ro]

Tengo una página web generada con Photoshop, que esta esta compuesta por celdas con imagenes y celdas vacías. Quisiera que algunas de las celdas se repitan en todas las páginas (el menu, el titulo), sin copiar el mismo archivo varias veces.

Si hubiera una forma de que al hacer click en un boton cambie solo una celda de la tabla quisiera que me lo dijeran porque creo que seria la mejor opcion.

Si no es así me gustaria saber como hacerlo de la forma más optima ya que creo que cargar en cada página todas las imágenes sería muy lento, y aún no puedo hacer una página con frames que conserve la disposición de las imágenes.

que me aconsejan?

PD: Si este post no va aca sorry

[piero19]

pues trabaja con frames

[lucalx]

mi consejo es que hagas servir etiquetas en lugar de frames!!!

[k-ro]

me podrias explicar un poco que es eso de servir etiquetas?

[n2h]

O sino, empeza a hacer sitios web de hombre y dejate de esa mariconada de photoshop!

Podes darle todo el estilo a un sitio web entero usando un solo archivo CSS, luego si queres modificar algo del diseño, solo modificas ese archivo y magicamente cambia el diseño en todo el site, no es fabuloso?

Te recomiendo que busques en Google informacion de CSS y maquetacion HTML.

Éxitos!

[k-ro]

Como recien estoy comenzando utilize el Photoshop, no pense que me traeria ningun problema. Pero creo q voy a intentar con los archivos CSS, gracias

[centinela77]

llamar "mariconada" a photoshop me parece exagerado por tu parte n2h

[programeitor]

.

He colocado 4 celdas y cuatro botones ,porque en realidad no se muy bien lo que quieres . espero que esto te sirva.


coloca este script:

<script>
function cambio_de_imagen(campo,imagen){
document.getElementById(campo).src=imagen
}
</script>

ponle IDs a las imagenes:

<table>
<tr>
<td><img id=i1 width=160px height=120px src="imagen1.gif"></td>
<td><img id=i2 width=160px height=120px src="imagen2.gif"></td>
</tr>
<tr>
<td><img id=i3 width=160px height=120px src="imagen3.gif"></td>
<td><img id=i4 width=160px height=120px src="imagen4.gif"></td>
</tr>
</table>

crea estos botones con la llamada a la funcion:

<input type="button" value="1" onclick="cambio_de_imagen('i1','imagen5.gif')">
<input type="button" value="2" onclick="cambio_de_imagen('i2','imagen6.gif')">
<input type="button" value="3" onclick="cambio_de_imagen('i3','imagen7.gif')">
<input type="button" value="4" onclick="cambio_de_imagen('i4','imagen8.gif')">

.