Abra uma nova janela com asp.net

Question

Im novo nessa coisa asp.net, mas aqui vai.

Eu tenho a ImageButton, e quando seu clicado eu quero a imagem exibida em outra janela. Se eu puder evitar o uso de ajax que eu gostaria de fazer isso. Se possível gostaria de fazer o modal janela, mas ainda evitar ajax, uma vez que eu não estou pronto para misturar mais technolgies ainda.

Answer 1

IMHO a melhor prática para mostrar uma imagem na mesma página na parte superior do conteúdo. Eu pessoalmente uso Lightbox . Você pode encontrar a documentação em sua página, por isso deve ser fácil para você integrar o seu código JavaScript.

Answer 2

As respostas existentes com JavaScript são bons, mas apenas para sugerir uma alternativa - você poderia usar um HyperLink (com um ImageUrl definir para que você ainda obter uma imagem) e defina sua Meta propriedade em vez?

Answer 3

Um pouco como isto:

<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

Usando o ImageButton você precisa usar um JavaScript para abri-lo em uma nova janela. Você também pode olhar para o OnClientClick-evento

Answer 4

Você pode usar a propriedade OnClientClick do ImageButton:

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

Mas esta janela pop-up não será modal.

Answer 5

A seguir javascript vai fazer o que você está procurando:

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

Answer 6

Pode valer a pena apontando para uma duas entradas relevantes no excelente de #javascript FAQ EFNet:

1. Utilização correcta de Popups - acessibilidade yay
2. Como posso fazer uma janela pop-up do mesmo tamanho que a minha imagem?
3. Como faço para criar um costume de diálogo 'OK' ou algo semelhante -? Janelas modais não são que útil e algo como o sugerido Lightbox ou roteiros semelhantes seria melhor "modal" opções
4. uso correto dos links - este sendo apenas parcialmente on-topic, mas as respostas anteriores usar de o "javascript:" protocolo pseudo tornou necessário: nunca é necessária nem útil em uma página da web que deve funcionar em todos os navegadores. Afinal, JavaScript é o padrão (e único) linguagem de script.

Answer 7

Obrigado por todas as respostas! Acabei usando lightbox Eu encontrei este exemplo http://neutrongenious.wordpress.com / 2007/09/08 / favoritos-para-asp-net-2-0 /

E ele funciona perfeitamente