innerHTML... si può?

[mascalzone]

ciao a tutti...

aggiorno il contenuto di un DIV dinamicamente...

durante la chiamata al server faccio visualizzare un immaginetta 'loading..'

elem.innerHTML='[img]../loading2.gif[/img]';

ovviamente perdo il contenuto del div,
invece io vorrei che l'immagine si sovrapponesse al contenuto del DIV, magari con una semitrasparenza...

come posso risolvere? qualche suggerimento?

grazie

[Xinod]

la maniera + pulita ed elegante e' appendere un elemento al div in questione e rimuoverlo quando non serve +

questo lo stile

#mioDiv {
	position:relative;
	border:1px solid #f00;
	width:100px;
	height:100px;
	overflow:hidden;
}
#imm {
	position:absolute;
	top:0px;
	left:0px;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;	
}

questo lo script da richiamare

	im=document.createElement('img');
	im.setAttribute('src','esempio.jpg');
	im.setAttribute('id','imm');
	document.getElementById('mioDiv').appendChild(im);

x rimuoverla

document.getElementById('mioDiv').removeChild(im);

ciao

[mascalzone]

grazie 1000...

funge...ma non riesco a centrare l'immagine nel DIV
ma mi si posiziona in alto a sx dell'intera pagina

nel mio caso la situazione è questa:
la funzione per il preload:

function showLoading(id){
	var elem = document.getElementById(id);	
	im=document.createElement('img');
	im.setAttribute('src','www/Main/img/loading3.gif');
	im.setAttribute('id','imm');
	elem.appendChild(im);
}

nel CSS

#imm {
	position:absolute;
	top:0px;
	left:0px;
}
div#content{float:right;width:400px;}

il DIV in cui voglio far sovrapporre, al suo contenuto, l'immagine è appunto content (che è posizionato con un float)
che io passo alla funzione showLoading in id

come mai mi si posiziona in alto alla pagina a sx?
tnx

EDIT
provando : position:relative; in #imm
non me la fa proprio vedere l'immagine :master:

[Xinod]

specificando position:relative per #content dovrebbe sistemare

[mascalzone]

giusto
l'avevi messo nel tuo esempio in #mioDiv


di nuovo grazie 1000

[mascalzone]

un'ultima domanda

se ho capito bene abbiamo aggiunto un nodo figlio,
quindi la situazione dovrebbe essere questa:

+ id: Main
|
|__+ id:content
   |
   |___+ id:imm (quello che abbiamo aggiunto)

settando l'opacità al nodo content
mi diventa opaca anche l'immagine contenuta nel nodo imm

io ho provato ad aggiungere:

im.setAttribute('style','filter:');

ma non accade nulla

sto provando l'impossible, ho pensato di creare un nodo padre ma ovviamente non si vede l'immagine così

c'è una soluzione?

tnx

[Xinod]

scusa sara' l' orario ma mi sfugge quello che stai cercando di fare
vuoi che content diventi opaco mentre l' immagine no?
appendendo l' immagine a content al momento non saprei farlo
se non facendo il giro di:
clonare content,
rimpiazzare content con un div creato appositamente
in cui appendere il clone opacizzato + l' immagine

cmq invece di usare il setAttribute, nel solo caso di style, e' meglio settare la regola direttamente con
im.style.proprieta=valore;
cosi', oltre a funzionare con IE, x es. clonando il nodo mantiene lo stile