Вопрос

Я новичок в этой штуке asp.net, но вот.

Я добрался до ImageButton, и когда он нажат, я хочу, чтобы изображение отображалось в другом окне.Если я могу избежать использования ajax, я бы хотел это сделать.Если возможно, я бы хотел сделать окно модальным, но все же избегайте ajax, так как я еще не готов использовать больше технологий.

Это было полезно?

Решение

ИМХО, лучше всего показывать изображение на той же странице в верхней части контента.Я лично использую Лайтбокс.Вы можете найти документацию на их странице, поэтому вам будет легко интегрировать их код JavaScript.

Другие советы

Существующие ответы с использованием JavaScript хороши, но просто чтобы предложить альтернативу - не могли бы вы использовать ГиперссылкаURL изображения установите, чтобы вы все равно получили изображение) и установите его Цель вместо этого собственность?

Примерно так:

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

Ресурс: http://www.experts-exchange.com/Programming/Languages/.NET/ASP.NET/Q_22832169.html

Используя ImageButton, вам необходимо использовать JavaScript, чтобы открыть его в новом окне.Вы также можете просмотреть событие OnClientClick.

Вы можете использовать свойство OnClientClick ImageButton:

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

Но это всплывающее окно не будет модальным.

Следующий javascript сделает то, что вы ищете:

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

Возможно, стоит указать на две соответствующие записи в превосходном Часто задаваемые вопросы по #javascript EFNet:

  1. Правильное использование всплывающих окон - ура доступность!
  2. Как сделать всплывающее окно такого же размера, как мое изображение?
  3. Как создать собственное диалоговое окно «ОК» или что-то подобное? - модальные окна не так уж и полезны и что-то вроде предложенного Лайтбокс или подобные скрипты будут лучшими «модальными» вариантами
  4. Правильное использование ссылок - этот вариант лишь частично соответствует теме, но в предыдущих ответах использование псевдопротокола "javascript:" сделало это необходимым:он никогда не требуется и не полезен на веб-странице, которая должна работать во всех браузерах.В конце концов, JavaScript является языком сценариев по умолчанию (и единственным).

Спасибо за все ответы!Я закончил тем, что использовал Lightbox, я нашел этот примерhttp://neutrongenious.wordpress.com/2007/09/08/lightbox-for-asp-net-2-0/

И это работает отлично

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top