Ajax в ASP.NET MVC Framework - PullRequest
       10

Ajax в ASP.NET MVC Framework

0 голосов
/ 21 января 2009

Мне не хватает простого эффекта «навести курсор мыши». (Я хочу, чтобы на странице отображалось диалоговое окно)

Ответы [ 4 ]

3 голосов
/ 21 января 2009

Используйте немного Javascript.

Jquery упрощает работу с тусами. У вас уже есть информация, или это то, что вы хотите извлечь с сервера, когда мышь зависает?

С Jquery вы можете сделать что-то вроде этого

<script type="javascript">
$(document).ready(
  function(){
     $("divToShow").hide();
     $('#objectWithMouseOver').mouseover(onMouseOver());
});

function onMouseOver()
{
  $('#divToShow').show();    
}
</script>
<body>
<div id="divToShow">
  whatever info you want to show....
</div>
<div id="objectWithMouseOver">
  when you drag mouse over here the other will show
</div>

Я бы использовал addclass removeclass вместо show / hide, чтобы получить лучший контроль. Его нетрудно расширить, чтобы вызывать элементы управления mvc и заполнять данные с помощью ajax. Добавьте некоторые параметры в функцию и используйте функции jquery.ajax.

3 голосов
/ 21 января 2009

Я бы пошел на плагин jQuery Tooltip от Йорна Цафферера

1 голос
/ 21 января 2009

используйте css

Имейте скрытый div и наведите курсор на слово, которое вы хотите прикрепить к

Вам понадобится вспомогательный JS-скрипт, чтобы загрузить его в IE6

<span class="WordHighlight">word 
  <div class="hiddenPopup">some words about the word</div></span>

CSS

.WordHighlight{text-decoration:dotted}
.WordHighlight .hiddenPopup{display:none;/* add popup style */}
.WordHighlight:hover .hiddenPopup{display:inline;}
.WordHighlightHover .hiddenPopup{display:inline;}

добавить скрипт в

Я постараюсь вернуться, чтобы закончить это позже

1 голос
/ 21 января 2009

Добавление к этому jQuery теперь поддерживается в intellisense Microsoft , поэтому его стоит использовать с ASP.NET MVC Framework.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...