Salve a tutti ho realizzato un wizard con 3 pannelli per l'upload di un immagine.
Ogni azione che l'utente esegue faccio vedere un'immagine per mostrargli cosa sta andando a modificare.
ad ex: clicco sulla textbox del titolo e di fianco mostro l'immagine con evidenziato il titolo.
Ora per realizzare questo wizard di 3 pannelli ho usato sia javascript che l'UpdatePanel di ajax.
Il problema sorge nel secondo pannello che vado a mostrare in quanto quando premo sul pulsante avanti che mi nasconde il primo pannello e mi mostra il secondo mi carica prima l'immagine vuota e poi l'immagine sull'onfocus della textbox mentre vorrei che mi caricasse subito l'immagine del focus della textbox.
Posto il codice interessato:
codice:
<asp:Panel ID="pnlSecond" runat="server" Visible="false" BackImageUrl="Images/prova2.png" BorderStyle="None"
BorderWidth="0px" Height="450px" Width="500px">
<asp:TextBox ID="txtTitolo" runat="server" Width="230px"
onfocus="VideoTitle();" onblur="javascript:this.style.background='#FFFFFF';"
AutoPostBack="True"></asp:TextBox>
La funzione Javascript VideoTitle()
codice:
//Mostro l'immagine che identifica il Titolo
function VideoTitle()
{
title = document.getElementById('Image1');
alert(title.src);
if (_video == "Video Singolo" || _video == null)
{
if (_questionario == "Si")
{
//Video Singolo con Questionario
title.src = "Images/VideoSingoloQuestionarioTitle.png";
}
else if (_questionario == "No")
{
//Video Singolo senza Questionario
title.src = "Images/TitleSingle.png";
}
}
else if (_video == "Video Doppio")
{
if (_questionario == "Si")
{
//Video doppio con Questionario
title.src = "Images/VideoDoppioCommentoTitle.png";
}
else if (_questionario == "No")
{
//Video doppio senza Questionario
title.src = "Images/VideoDoppioNoQuestionarioTitle.png";
}
}
}
La variabile _video mi contiene la storia di quello che ho selezionato nel primo pannello.