Capas en Ajax

mario798 · #1 (**permalink**) 27/07/2009, 05:44

Hola me gustaria saber que forma puede haber de poner una imagen encima de otra dentro de una funcion.El problema es el siguiente tengo una funcion que manda escribir una mesa segun la ayas configurado (si es de 2 , 3 prs)

Código:

	if (this.fumador == 1) {
		txtImagen = txtImagen ;
		this.imagen['src'] = '../../thumb/phpThumb.php?src=' + RUTA_IMG + 'Fumador' + '.png' + '&w=10&h=10&f.png';

	} else {
		txtImagen = txtImagen ;
	}

Lo siguiente que ago dentro de la funcion es un if que dice que si la mesa es de fumador escribeme la imagen de la mesa ....Y hay es donde queria meter otra img que me muestre encima de la mesa un cigarro en porbado poniendo debajo this.image=.... y no la lee..

Sabeis alguna solucion ?

Saludos

David · #2 (**permalink**) 27/07/2009, 06:40

Debes crear una nueva imagen con document.createElement() y usar posición absolute para posicionarla encima de la otra imagen.

mario798 · #3 (**permalink**) 27/07/2009, 07:14

Cita:

Iniciado por David

Debes crear una nueva imagen con document.createElement() y usar posición absolute para posicionarla encima de la otra imagen.

Y como lo escribiria esque ando un poco perdido

David · #4 (**permalink**) 27/07/2009, 07:24

Puedes encontrar información y ejemplos de document.createElement aquí:
https://developer.mozilla.org/En/Document.createElement

Sólo tienes que crear un <img /> y asignarle los atributos necesarios para posicionarlo donde desees.

Intenta y si no consigues muestra el código con que has intentado.

caricatos · #5 (**permalink**) 27/07/2009, 10:10

Hola:

Tema movido desde Ajax

Otra solución, sin crear elementos, es tenerlos ya creados, pero ocultos, y tan solo mostrarlos cambiando la visibilidad (display[none/block/inline], visibility[visible/hidden])

Saludos