JavaScript: leggere e modificare proprietà di controlli asp creati a r...

giovedì 12 giugno 2008 - 17.31

ridaria Profilo | Expert

ciao amici:
un quesito:

è possibile leggere e Modificare le proprietà di controlli asp.net creati a run time via javaScript????

Ho una serie di controlli asp image creati a runtime, ho la necessità di nesconderli o di inserirci dentro un'altra immagine, Ma via JavaScript.

Ditemi che è possibile.

ora faccio così:
document.getElementById(idControlloImage).style.visibility='hidden'

e mi dice:
document.getElementById(idControlloImage) has no properties


Ridaria

paoval72 Profilo | Senior Member

Ciao, ma quando decidi di modificare o sostituire? Hai un controllo (button o simili) che scatena l'evento?
PV

ridaria Profilo | Expert

si:
ho dei controllo image creati a runTime.
quando clicco su uno di essi ho l'evento onclick che lancia una funzione javaScript, e qui dovrei conoscere l'Id del controllo image creato a runtime.

Graz<ie

Ridaria

paoval72 Profilo | Senior Member

Ho fatto delle prove e così mi sparisce l'immagine:
sul .cs creo a runtime l'oggetto asp image:

Image img = new Image(); // creo un nuovo oggetto image
img.ImageUrl = "../images/prova.jpg"; // gli passo un'immagine
img.Attributes.Add("onClick", "javascript:Ciao()"); //gli aggiungo l'attributo "onClick", che lancia una function js

//un altro modo per passare direttamente l'id dell'immagine che m'interessa)
//img.Attributes.Add("onClick", "javascript:Ciao(document.getElementById('"+img.ID+"'))");

img.Visible = true; //questo è facoltativo, per visualizzare o no l'immagine
img.ID = "pippo";//Gli assegno l'ID che richiamerò sul js
form1.Controls.Add(img); // aggiungo il nuovo oggetto alla pagina

nell'html lancio la function:

function Ciao()
{
//posso mettere l'oggetto in una variabile
var a= document.getElementById("pippo");
// e poi lavorare la variabile, evitando di riscrivere tutto
a.style.visibility="hidden";
//oppure, se voglio cambiare l'immagine
a.src="../images/ciao.jpg";
}
//SE invece gli passo l'Id dell'image, diventa:
function Ciao(img)
{
img.style.visibility="hidden";
//oppure, se voglio cambiare l'immagine
img.src="../images/ciao.jpg";
}


Spero di essere stato utile e chiaro, visto che sono agli inizi sul forum.
Un saluto,
Paolo
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-2024
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5