jquery - передать текст на странице в диалог - PullRequest
Новая
       1

jquery - передать текст на странице в диалог

1 голос
/ 07 августа 2009

Я хочу создать ссылку, которая вызывает функцию javascript, и я хочу передать текст ссылки в функцию.

Я пытаюсь создать диалоговое окно, которое отображает имя в исходной ссылке. Будет ли здесь полезен jquery?

Ответы [ 4 ]

3 голосов
/ 07 августа 2009

jQuery UI имеет диалоговую функцию , которая облегчит его.

Я бы создал скрытый div: 

<!-- Temporary elements --> 
<!-- ui-dialog --> 
<div id="dialog" title=" "> 
</div>

И в $ (документ). Уже добавьте: 

jQuery('#dialog').dialog({
     autoOpen: false,
     modal: true,
     width: 625, 
     position: 'center'
}); /* end #dialog */

Затем в событии щелчка по ссылке установите заголовок и текст следующим образом: 

jQuery('.ui-dialog-title').text(/* yourtext */);
jQuery('.ui-dialog-content').html(/* link name or whatever */);

jQuery('#dialog').dialog('open');
return false;

Эти классы автоматически добавляются диалоговым окном.

edit: забыл упомянуть, вы захотите открыть диалог в том же событии click и вернуть false, чтобы исходная ссылка href не выполнялась.

1 голос
/ 07 августа 2009

Способ сделать это не с помощью jQuery, это просто назначить простой обработчик onclick для ссылки 

<html>
<head>

    <script>
         function foo(link)
            {
                alert(link.innerHTML);
                return false;
            }
    </script>
</head>
<body>
    <a href="#" onclick="foo(this);">blah</a>
</body>
</html>
1 голос
/ 07 августа 2009

Не совсем точно, если это то, что вы ищете, но: 

<a href="#" id="mylink">Some Text here</a>

$('#mylink').click(function(){ myfunc($(this).text()); return false; });
0 голосов
/ 07 августа 2009

Расширяя предыдущий ответ, если вы просто хотите диалоговое окно, оно должно быть (требуется jquery): 

<a href="#" id="mylink">Some Text here</a>

$('#mylink').click(function(){ alert($(this).text()); return false; });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...