Изменить HREF, используя текстовое поле с Asp.Net - PullRequest
Новая
       13

Изменить HREF, используя текстовое поле с Asp.Net

0 голосов
/ 05 декабря 2011

У меня есть текстовое поле и кнопка Asp.Net.

Я пытаюсь открыть веб-ссылку, используя этот prettybox Iframe

Теперь я могу открыть, еслиЯ даю ссылку, как показано ниже, которая упоминается в приведенной ссылке: 

<a href="http://www.apple.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]">Apple.com</a>

Но вместо этого мне нужно указать веб-адрес в текстовом поле, и если я нажму кнопку, мне нужно открытьвеб-сайт с использованием Iframe.

Я могу открыть одним нажатием кнопки, как показано ниже. 

 <a id="various3" href="" rel="prettyPhoto[iframes]"><asp:Button ID="btnShowThumbnailImage" 
    runat="server" Text="Button" OnClick="btnShowThumbnailImage_Click" /></a>

И я не могу начать работать, если я не предоставлю ссылку в hrefи добавьте его в текстовое поле.

Это то, что я сделал до сих пор: 

<script type="text/javascript" charset="utf-8">
    $(document).ready(function () {

        $("#<%=btnShowThumbnailImage.ClientID %>").click(function () {
            $("a[rel^='prettyPhoto']").trigger('click');
        });

        $('#<%=txtWebsiteAddress.ClientID%>').change(function () {
            $('#various3').attr('href', $(this).val());
        });


        $("#<%=btnShowThumbnailImage.ClientID %>").click(function () {

            $("#various3").trigger('click');

        });
    });
</script>

<script type="text/javascript" charset="utf-8">
    $(document).ready(function () {
        $("a[rel^='prettyPhoto']").prettyPhoto({
            width: '75%',
            height: '75%',
            animationSpeed: 'normal', /* fast/slow/normal */
            opacity: 0.80, /* Value between 0 and 1 */
            showTitle: true /* true/false */
        });
    });
</script>

Это моя кнопка: 

 <a id="various3" href="" rel="prettyPhoto[iframes]"><asp:Button ID="btnShowThumbnailImage" runat="server" Text="Button" OnClick="btnShowThumbnailImage_Click" /></a>

Поэтому, когда я нажимаюкнопка просто показывает мне вертушку и ничего не открывает, как показано на рисунке ниже.

enter image description here

1 Ответ

0 голосов
/ 05 декабря 2011

Вы должны инициализировать плагин путем явного вызова prettyPhoto для элемента привязки. 

$(document).ready(function () {
    $("a[rel^='prettyPhoto[iframes]']").prettyPhoto();
}

Кстати, если вам не нужно указывать href в якоре, вы должны указать javascript:void(0);, чтобы он выглядел как ссылка во всех браузерах, потому что браузеры, такие как Firefox, не отображают их как ссылку, если нет href указывается, если только элемент css не применен к элементу, чтобы показать его как ссылку.

...