Cambiare BackImageUrl di una panel attraverso javascript

lunedì 17 dicembre 2012 - 16.32
Tag Elenco Tags  VB.NET  |  .NET 4.0  |  Windows Server 2008  |  Visual Studio 2010  |  Javascript  |  CSS 2.1

trinity Profilo | Guru

Salve ragazzi,
di solito eseguo questo codice javascript:

function RefreshImage(sender, eventArgs) { var strimage = eventArgs.get_argument(); var img = document.getElementById('<%= ImgProfile.ClientID %>'); img.src = strimage; return false; }

per far fare il refresh di un oggetto image attarverso java appunto ora avrei la necessità di fare le stessa cosa ma aggiornare il backimageurl di una panel..ho provato a modificare il mio codice così:

function RefreshBackgroud(sender, eventArgs) { var strimage = eventArgs.get_argument(); var img = document.getElementById('<%= Panel1.ClientID %>'); img.BackImageUrl = strimage; return false; }

ma non esegue nessun aggiornamento. dove sbaglio? forse la variabile dichiarata non accetta la proprietà backimageurl oppure è sbagliata proprio la variabile?

Ciao e grazie
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

ridaria Profilo | Expert

>Salve ragazzi,
>di solito eseguo questo codice javascript:
>
> function RefreshImage(sender, eventArgs) {
>var strimage = eventArgs.get_argument();
>var img = document.getElementById('<%= ImgProfile.ClientID
>%>');
> img.src = strimage;
> return false;
> }
>
>per far fare il refresh di un oggetto image attarverso java appunto
>ora avrei la necessità di fare le stessa cosa ma aggiornare il
>backimageurl di una panel..ho provato a modificare il mio codice
>così:
>
>function RefreshBackgroud(sender, eventArgs) {
>var strimage = eventArgs.get_argument();
>var img = document.getElementById('<%= Panel1.ClientID %>');
> img.BackImageUrl = strimage;
> return false;
> }
>
>ma non esegue nessun aggiornamento. dove sbaglio? forse la variabile
>dichiarata non accetta la proprietà backimageurl

certo la proprietà non è backimageurl

ma è:

backgroundImage

questa funzione che segue è testata e funzionante.

function setImage()
{
var panel = document.getElementById ('divPanel');
panel.style.backgroundImage = "url('images/01.jpg')";
}


CIAO





Riccardo D'Aria

trinity Profilo | Guru

ho fatto così:

function RefreshBackgroud(sender, eventArgs) { var strimage = eventArgs.get_argument(); var panel = document.getElementById('<%= Panel1.ClientID %>'); panel.style.backgroundImage = strimage; return false;

carica la path giusta ma non esegue nessun aggiornamento devo per forza riaggiornare la pagina...calcola che l'oggetto è questo:

Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

ho notato che la variabile strimage è valorizzata con la path giusta ma con il debug quando passo sul codice panel.style.backgroundImage noto che il background resta quello precedente prima della function, se passo un valore fisso la funzione è precisa....nel dubug la path che viene passata è rappresentata cosi: "url("/Image/Image_card/1/sfondocard4.png")". Normale che ci siano anche le virgolette all'interno delle parentesi?


ciao
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

ridaria Profilo | Expert

.... verifica con fireBug di firefox, spero che tu lo usi.


Ciao
Riccardo D'Aria

trinity Profilo | Guru

no uso solo ie9 e chrome
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

ridaria Profilo | Expert

OK, MALE, a mio avviso. :-).


Comunque strano, se il percorso è giusto l'immagine devi vederla.


Verifica i percorsi.

CIAO
Riccardo D'Aria

trinity Profilo | Guru

l'unica cosa che cambia dal percorso che gli passo dinamico a quello statico sono le doppie apic all'interno dell'url, ossia se gli passo un valore fisso è così: panel.style.backgroundImage = "url('image/sfondo.png')"; se invece con il debig vedo il valore che viene passato è questo: "url("image/sfondo.png")"...boh
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

ridaria Profilo | Expert

............

non ti seguo,


ma di quale debug parli?

Questa pagina è pubblicata su un url accessibile?

Me lo passi?

CIAO
Oppure cross loop se lo hai.
a dopo ora vado a pranzo

CIAO
Riccardo D'Aria

trinity Profilo | Guru

purtroppo non è online, il debug parlo quello di visual studio...
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com

trinity Profilo | Guru

risolto così:

function RefreshBackgroud(sender, eventArgs) { var strimage = eventArgs.get_argument(); var panel = document.getElementById('<%= Panel1.ClientID %>'); panel.style.backgroundImage = "url('" + strimage + "')"; return false; }

ciao grazie
Cirillo Fabio
www.wondernet.biz
fabio@wondernet.biz
http://blogs.dotnethell.it/fabiocirillo/
http://wnetsoftware.blogspot.com
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5