Откройте новое окно с asp.net
-
03-07-2019 - |
Вопрос
Я новичок в этой штуке 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:
- Правильное использование всплывающих окон - ура доступность!
- Как сделать всплывающее окно такого же размера, как мое изображение?
- Как создать собственное диалоговое окно «ОК» или что-то подобное? - модальные окна не так уж и полезны и что-то вроде предложенного Лайтбокс или подобные скрипты будут лучшими «модальными» вариантами
- Правильное использование ссылок - этот вариант лишь частично соответствует теме, но в предыдущих ответах использование псевдопротокола "javascript:" сделало это необходимым:он никогда не требуется и не полезен на веб-странице, которая должна работать во всех браузерах.В конце концов, JavaScript является языком сценариев по умолчанию (и единственным).
Спасибо за все ответы!Я закончил тем, что использовал Lightbox, я нашел этот примерhttp://neutrongenious.wordpress.com/2007/09/08/lightbox-for-asp-net-2-0/
И это работает отлично