Frage

Im neu in die asp.net Sache, aber hier geht.

Ich habe bei Image, und wenn seine geklickt mag ich das Bild in einem neuen Fenster angezeigt. Wenn ich vermeiden kann Ajax würde Ich mag das tun. Wenn möglich, möchten Sie das Fenster modal machen, aber immer noch Ajax zu vermeiden, da Ich bin nicht bereit, noch mehr technolgies zu mischen.

War es hilfreich?

Lösung

IMHO die beste Praxis ein Bild zu zeigen, ist in der gleichen Seite auf der Oberseite des Inhalts. Ich persönlich benutze Lightbox . Sie können die Dokumentation auf ihrer Seite finden, so sollte es sein, dass Sie ihren JavaScript-Code zu integrieren.

Andere Tipps

Die bestehenden Antworten mit JavaScript sind in Ordnung, aber nur eine Alternative vorschlagen - könnten Sie ein HyperLink (mit ImageUrl so eingestellt, dass Sie immer noch ein Bild bekommen) und seine Ziel Eigenschaft statt?

Etwas wie folgt aus:

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

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

Mit dem Image benötigen Sie einen JavaScript verwenden, um es in einem neuen Fenster zu öffnen. Sie können auch das OnClientClick-Ereignis Blick in

Sie können das OnClientClick Eigenschaft Image verwenden:

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

Aber die Popup-Fenster nicht modal sein.

Das folgende JavaScript wird tun, was Sie suchen:

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

Es könnte sich lohnen, zeigte auf eine zwei entsprechenden Eintragungen in den ausgezeichneten EFNet des #javascript FAQ :

  1. Korrekte Verwendung von Popups - yay Zugänglichkeit
  2. Wie kann ich ein Popup-Fenster die gleiche Größe wie mein Bild machen?
  3. Wie erstelle ich einen benutzerdefinierten ‚OK‘ Dialog oder etwas ähnliche - modale Fenster sind nicht so nützlich und so etwas wie die vorgeschlagene Lightbox oder ähnlicher Skripte wäre besser Optionen „modal“
  4. korrekte Verwendung von Links - diese sind nur zum Teil auf dem Thema, aber die bisherigen Antworten verwenden von die „javascript:“ Pseudo-Protokoll machte es notwendig: es ist nie noch nützlich in einer Web-Seite erforderlich, die in allen Browsern funktionieren sollen. Immerhin JavaScript ist die Standardeinstellung (und einzige) Skriptsprache.

Danke für alle Antworten! Ich landete Leuchtkasten mit Ich fand dieses Beispiel http://neutrongenious.wordpress.com / 2007/09/08 / Leuchtkasten-for-asp-net-2-0 /

Und es funktioniert perfekt

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top