Domanda

Sono nuovo in quella cosa asp.net, ma qui va.

Sono arrivato a ImageButton e quando si fa clic voglio che l'immagine venga visualizzata in un'altra finestra. Se posso evitare di usare Ajax mi piacerebbe farlo. Se possibile, vorrei rendere modale la finestra, ma comunque evitare Ajax, dato che non sono ancora pronto a mescolare più tecnologie.

È stato utile?

Soluzione

IMHO la procedura consigliata per mostrare un'immagine è nella stessa pagina nella parte superiore del contenuto. Uso personalmente Lightbox . Puoi trovare la documentazione sulla loro pagina, quindi dovrebbe essere facile per te integrare il loro codice JavaScript.

Altri suggerimenti

Le risposte esistenti con JavaScript vanno bene, ma solo per suggerire un'alternativa - potresti usare un HyperLink (con un ImageUrl impostato in modo da ottenere ancora un'immagine) e impostare il suo Destinazione invece?

Un po 'così:

<asp:ImageButton ID="imbJoin" CssClass="btn-find" AlternateText="Find" ToolTip="Find" runat="server" ImageUrl="~/library/btn-find.gif" onClick="javascript:popUp("ServicesLocator.aspx")" />

Risorsa: http: // www. experts-exchange.com/Programming/Languages/.NET/ASP.NET/Q_22832169.html

Utilizzando ImageButton è necessario utilizzare un JavaScript per aprirlo in una nuova finestra. Puoi anche guardare l'evento OnClientClick

Puoi usare la proprietà OnClientClick di ImageButton:

<asp:ImageButton ... OnClientClick="javascript:window.open('url_to_image');" >

Ma questa finestra popup non sarà modale.

Il seguente javascript farà quello che stai cercando:

window.open('page.html','WindowTitle','width=400,height=200')

Potrebbe valere la pena di fare riferimento a due voci pertinenti nelle FAQ #javascript di EFNet :

  1. Uso corretto dei popup - yay accessibility!
  2. Come posso rendere una finestra popup della stessa dimensione della mia immagine?
  3. Come posso creare una finestra di dialogo 'OK' personalizzata o qualcosa di simile? - le finestre modali non sono che utile e qualcosa di simile al Lightbox suggerito o script simili sarebbe meglio " modale " Opzioni
  4. Uso corretto dei collegamenti : questo argomento è solo in parte sull'argomento ma le risposte precedenti utilizzano il " javascript: " lo pseudo protocollo lo rendeva necessario: non è mai richiesto né utile in una pagina Web che dovrebbe funzionare su tutti i browser. Dopotutto, JavaScript è il linguaggio di scripting predefinito (e solo).

Grazie per tutte le risposte! Ho finito per usare la lightbox Ho trovato questo esempio http://neutrongenious.wordpress.com / 2007/09/08 / ID-per-asp-net-2-0 /

E funziona perfettamente

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top