Passare ad un tag html valore ImageButton.ImageUrl

martedì 18 dicembre 2007 - 10.26

maui.80 Profilo | Junior Member

Ciao ragazzi vi espongo il mio problema:
Ho un ImageButton che da codice gestisco come voglio ed al quale assegno ImageButton3.ImageUrl un valore un percorso proveniente da database.

nella pagina aspx ho generato un evento onmouseover su questa imagebutton che deve fare una sorta di lightbox più semplice, ingrandisce la foto che gli passo nel src='...' ecco il problema, come faccio a far passare nella pagina aspx il valore della proprietà ImageUrl del controllo al tag <img src='....' ???????

se al posto di src metto un percorso statico che decido io funziona tutto ma appunto io voglio che nell'src vada il valore contenuto nell' ImageButton3.ImageUrl

spero qualcuno più esperto di me possa darmi una risposta

grazie
Mauro

Wamba Profilo | Expert

Non ho capito. Nel DB hai l'immagine o il suo percorso?
-----------------------------------------------------------
Solo chi ha il Caos dentro può generare una stella danzante
Wamba
blogs.dotnethell.it/Wamblog/

amelix Profilo | Expert

L'imagebutton3 (se guardi l'html generato) diventa una "normalissima" img...
Quindi, tramite js, imposta l'src che ti viene creata.
(spero di aver capito il problema...)

OK?
Andrea - http://www.MelisWeb.eu/

maui.80 Profilo | Junior Member

ho un percorso nel db
i tag in questione sono questi:

<asp:ImageButton onmouseover="IMMAGINE.src='....percorso da imagebutton3.imageurl....; IMMAGINE.width='150'; IMMAGINE.height='200'" onmouseout="IMMAGINE.src='./images/pixel_bianco.jpg'; IMMAGINE.width='1'; IMMAGINE.height='1'" ID="ImageButton3" runat="server" Height="67px" Style="z-index: 102;
left: 8px; position: absolute; top: 22px" Visible="False" Width="50px" TabIndex="6" />


e questa è l'immagine di destinazione caricata in un altro punto della pagina quindi senza js e lightbox (per ora):

<img src="./images/pixel_bianco.jpg" name="IMMAGINE" style="z-index: 103; left: 266px; position: absolute; top: 0px; "/>

non è elegantissimo ma per ora funziona se riuscissi a far arrivare a IMMAGINE.src='....' quello che voglio io

amelix Profilo | Expert

OK...
Ma COSA scrivi nell'onMouseOver?
Anzi cosa ti viene fuori?
Andrea - http://www.MelisWeb.eu/

maui.80 Profilo | Junior Member

nel OnMouseOver dico di aprire l'immagine che specifico nell' src con una certa grandezza nel <img name=IMMAGINE>

amelix Profilo | Expert

Potresti postare l'HTML risultante?
Andrea - http://www.MelisWeb.eu/

maui.80 Profilo | Junior Member

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Ragion Critica - libreria online</title>
<style type="text/css">
@import url(css4/style_principale4.css);
</style>
<script type="text/javascript">
function Apri() {



}

</script>
</head>
<body>
<form id="form1" runat="server">

<div id="contenitore" style="z-index: 100; left: 0px; top: 0px;">
<!--parte superiore-->

<div id="topp"><div id="topp_collegamenti"><a href="index.aspx">Home</a> | <a href="Contatti.aspx">Contatti</a></div></div>
<div id="topp_corpo"></div>
<div id="topp_bottom"></div>
<div id="intestazione"></div>

<!-- fine parte superiore-->

<!-- contenuto -->
<div id="contenuti">
<h1>Benvenuto nella Libreria Online della Ragion Critica
<asp:Button ID="Button3" runat="server" Style="z-index: 104; left: 485px; position: absolute;
top: 4px" Text="Chiudi Dimostrazione" Width="192px" />
</h1>
<img src="./images/pixel_bianco.jpg" name="IMMAGINE" style="z-index: 103; left: 266px; position: absolute; top: 0px; "/>
<asp:ImageButton ID="ImageButton1" runat="server" AlternateText="Ricerca Testuale"
Height="257px" ImageUrl="~/images/ricerca.jpg" Style="z-index: 101; left: 31px;
position: absolute; top: 38px" Width="202px" TabIndex="10" CausesValidation="False" />
<asp:ImageButton ID="ImageButton2" runat="server" AlternateText="Navigazione" Height="257px"
ImageUrl="~/images/navigazione.jpg" Style="z-index: 102; left: 261px; position: absolute;
top: 39px" Width="203px" TabIndex="5" CausesValidation="False" />
<asp:Panel ID="Panel1" runat="server" Height="156px" Style="z-index: 103; left: 32px;
position: absolute; top: 305px; text-align: justify;" Width="432px">
<!-- contenuto testo homepage -->
<asp:Label ID="Label4" runat="server" Height="142px" Style="text-justify: newspaper;
font-size: 11px; z-index: 100; left: 1px; vertical-align: top; font-family: Arial;
position: absolute; top: 1px; text-align: justify"
Width="431px"></asp:Label>
</asp:Panel>

</div>

<!--banco novità -->
<div id="banco" >
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

<div class="news" style="z-index: 100"> <blink><A
tabIndex=12 href="News.aspx">News &gt;&gt;</A></blink></div>


<asp:ImageButton onmouseover="IMMAGINE.src=''; IMMAGINE.width='150'; IMMAGINE.height='200'" onmouseout="IMMAGINE.src='./images/pixel_bianco.jpg'; IMMAGINE.width='1'; IMMAGINE.height='1'" ID="ImageButton3" runat="server" Height="67px" Style="z-index: 102;
left: 8px; position: absolute; top: 22px" Visible="False" Width="50px" TabIndex="6" />
<asp:ImageButton ID="ImageButton4" runat="server" Height="67px" Style="z-index: 102;
left: 70px; position: absolute; top: 22px" Visible="False" Width="50px" TabIndex="7" />
<asp:ImageButton ID="ImageButton5" runat="server" Height="67px" Style="z-index: 102;
left: 131px; position: absolute; top: 22px" Visible="False" Width="50px" TabIndex="8" />
<asp:ImageButton ID="ImageButton6" runat="server" Height="67px" Style="z-index: 102;
left: 7px; position: absolute; top: 96px" Visible="False" Width="50px" TabIndex="9" />
<asp:ImageButton ID="ImageButton7" runat="server" Height="67px" Style="z-index: 102;
left: 69px; position: absolute; top: 96px" Visible="False" Width="50px" TabIndex="10" />
<asp:ImageButton ID="ImageButton8" runat="server" Height="67px" Style="z-index: 102;
left: 130px; position: absolute; top: 96px" Visible="False" Width="50px" TabIndex="11" />

</div>

<!-- script banco novità-->


<!-- fine script banco novità-->

<!-- accesso riservato -->
<div id="accesso" >

<asp:TextBox ID="TextBox1" runat="server" style="z-index: 100; left: 74px; position: absolute; top: 41px" TabIndex="1" Width="104px" CausesValidation="True"></asp:TextBox> &nbsp; &nbsp;
<asp:Label ID="Label1" runat="server" Text="Utente:" style="z-index: 101; left: 7px; position: absolute; top: 45px; text-align: left; color: #e5e6e6; font-family: Arial;" Width="59px"></asp:Label>
<asp:Label ID="Label2" runat="server" Text="Password:" style="z-index: 102; left: 7px; position: absolute; top: 83px; text-align: left; color: #e5e6e6; font-family: Arial;" Width="63px"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Accedi" style="z-index: 103; left: 66px; position: absolute; top: 107px; font-family: Arial;" Width="58px" Height="21px" TabIndex="3" />
&nbsp;
<asp:TextBox ID="TextBox2" runat="server" Style="z-index: 104; left: 74px; position: absolute;
top: 80px" Width="104px" TextMode="Password" TabIndex="2" CausesValidation="True"></asp:TextBox>
<asp:LinkButton ID="LinkButton1" runat="server" Height="41px" Style="font-size: 11px;
z-index: 105; left: 13px; vertical-align: top; color: #ffcc33; position: absolute;
top: 151px; text-align: center" Width="167px">Se non sei ancora registrato CLICCA QUI!</asp:LinkButton>
<asp:Label ID="Label3" runat="server" Height="15px" Style="font-weight: bold; font-size: 12px;
z-index: 106; left: 9px; vertical-align: top; position: absolute; top: 45px;
text-align: center" Visible="False" Width="172px"></asp:Label>
<asp:Button ID="Button2" runat="server" Style="z-index: 107; left: 55px; position: absolute;
top: 134px" Text="Log Out" Visible="False" Width="82px" />
<asp:LinkButton ID="LinkButton2" runat="server" Style="z-index: 108; left: 51px;
color: #ff3300; position: absolute; top: 93px" Visible="False">Modifica Profilo</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" Style="font-size: 11px; z-index: 110;
left: 16px; color: #ff9900; font-family: Arial; position: absolute; top: 132px;
text-align: center" Width="163px">Password Dimenticata? </asp:LinkButton>
</div>

<!-- fine contenuto -->
<!-- chiusura -->
<div id="chiusura"><p align="center">&copy; Copyright by <a class="footer_testo" href="http://www.datimedia.it" target="_blank">Datimedia</a> 05919360965 </p></div>
<!-- fine chiusura-->
</div>



</form>
</body>
</html>


ho una funzione in .vb che semplicemente assegna a imagebutton3.imageurl l'indirizzo da database

ImageButton3.ImageUrl = indirizzo & dr("Copertina")

dove indirizzo è il percorso e dr("Copertura") è l'elemento del db che contiene il nome del file

amelix Profilo | Expert

Questo non è l'HTML risultante... ma fa lo stesso...
><asp:ImageButton onmouseover="IMMAGINE.src=''; IMMAGINE.width='150';
>IMMAGINE.height='200'" onmouseout="IMMAGINE.src='./images/pixel_bianco.jpg';
>IMMAGINE.width='1'; IMMAGINE.height='1'" ID="ImageButton3" runat="server"
>Height="67px" Style="z-index: 102;
>left: 8px; position: absolute; top: 22px" Visible="False" Width="50px"
>TabIndex="6" />

In onmouseover="IMMAGINE.src=''... che cosa ci metti?
Se fai così non può funzionare!!!
Cmq l'ImageButton visualizza l'immagine? (NO... ha Visible=False... mi faccio le domande e mi rispondo anche...)
Prova con onmouseover="IMMAGINE.src=this.src ...

Andrea - http://www.MelisWeb.eu/

maui.80 Profilo | Junior Member

Mi rendo conto di aver fatto un bel casino quindi nel frattempo ho modificato il lightbox con l'evento onmouseover invece che onclick...attenzione il mio problema però è sempre lo stesso:

<a href="public/images/libri/COP0000.jpg" rel="lightbox"><asp:ImageButton ID="ImageButton3" runat="server" Height="67px" Style="z-index: 102;
left: 8px; position: absolute; top: 22px" Visible="False" Width="50px" TabIndex="6" /></a>


in ImageButton3.ImageUrl c'è l'indirizzo che dovrei riuscire a passare al href del tag <a>
come faccio?
se faccio:

<a href="ImageButton3.ImageUrl" rel="lightbox">etc....

non funge

???

amelix Profilo | Expert

Secondo me dovrebbe fare quello che vuoi...
<asp:HyperLink NavigateUrl="" ImageUrl="" runat="server" />

Da codice aggiungi quello che ti serve poi l'attribute rel che ti serve.

Andrea - http://www.MelisWeb.eu/

maui.80 Profilo | Junior Member

nulla non funziona....ma non posso ottentere da codice html il valore di imagebutton3.imageurl ?
boh non so
help me!!!!!

il codice è questo:

<a href="" rel="lightbox"><asp:ImageButton ID="ImageButton3" runat="server" Height="67px" Style="z-index: 102;
left: 8px; position: absolute; top: 22px" Visible="False" Width="50px" TabIndex="6" /></a>

dove in href="..." va messo il valore di ImageButton3.ImageUrl


amelix Profilo | Expert

Allora... Ti manca "qualche" base html/javascript/asp.net...
Quindi, per ora, ti sconsiglio di fare cose troppo complesse da verificare...
>il codice è questo:
><a href="" rel="lightbox"><asp:ImageButton ID="ImageButton3"
>runat="server" Height="67px" Style="z-index: 102;
>left: 8px; position: absolute; top: 22px" Visible="False" Width="50px"
>TabIndex="6" /></a>
Metti in <a il runat="server" e l'ID.

>dove in href="..." va messo il valore di ImageButton3.ImageUrl
Da codice valorizzi il tuo href con quello che ti serve (cioè quello che hai messo in imagebutton3.

Andrea - http://www.MelisWeb.eu/

maui.80 Profilo | Junior Member

Purtroppo si mi mancano un pò di basi di interazione pagine asp con javascript....provo e ti faccio sapere

-->

Sei semplicemente grande!
Ottimo funziona tutto come volevo ti ringrazio infinitamente.
quindi è bastato inserire un campo id per identificarmi quel determinato tag e runat per poter gestire da codice le operazioni che volevo fare sul tag a da quel che ho capito...giusto?


grazie ancora
MAURO

amelix Profilo | Expert

Per questo motivo ti consiglio di concentrarti su una cosa alla volta.
Provando e riprovando vedrai che ce la farai!!!

E poi basta chiedere!
Nel limite del possibile... qualcuno ti darà una mano...

Andrea - http://www.MelisWeb.eu/

maui.80 Profilo | Junior Member

Sei semplicemente grande!
Ottimo funziona tutto come volevo ti ringrazio infinitamente.
quindi è bastato inserire un campo id per identificarmi quel determinato tag e runat per poter gestire da codice le operazioni che volevo fare sul tag a da quel che ho capito...giusto?


grazie ancora
MAURO


GRAZIE ANCHE DEI CONSIGLI

amelix Profilo | Expert

Yes!
Ma te lo sconsiglio...
Ci sono i campi asp:XXXX fatti ad-hoc... e altre proprietà su questi oggetti che puoi sfruttare...
Usa l'intellisense per vedere cosa puoi fare

Andrea - http://www.MelisWeb.eu/

rtsmistrzpolski Profilo | Newbie

15 euro/una ora

http://www.eurobarre.com/?p=823243817358
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