Загрузка только JSP вкладки на вкладке нажмите в JavaScript? - PullRequest
Новая
       47

Загрузка только JSP вкладки на вкладке нажмите в JavaScript?

1 голос
/ 18 февраля 2012

У меня есть страница JSP с четырьмя вкладками и фоновое изображение. Я хочу, чтобы при нажатии на одну из вкладок должна была вызываться функция JSP, которая будет обновлять только содержимое нажатой вкладки, а не всю страницу и фоновое изображение. Аналогичным примером может быть элемент управления Multiview в ASP.NET

Ответы [ 2 ]

2 голосов
/ 18 февраля 2012

ASP.NET не сравним с простым JSP.JSP больше сравним с «Классическим ASP».Если вы ищете Java-аналог ASP.NET (-MVC), обратите внимание на JSF. PrimeFaces , например, содержит a <p:tabView> компонент , который, как мне кажется, является именно тем, что вы ищете.некоторый код JavaScript для выполнения запросов Ajax и манипулирования HTML DOM и некоторый сервлет для возврата необходимых данных. jQuery и, возможно, jQuery UI может помочь в этом.

0 голосов
/ 27 февраля 2012

Без ваших кодов мы беспомощны ..

Попробуйте следующий код, который изменяет изображение содержимого div на некоторые другие изображения при наведении мыши на другие div.С некоторыми изменениями он может соответствовать вашим требованиям. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title><br />

</head>

<body>
<p>
  <script type="text/javascript" language="javascript">
function changeImage(img){
   document.getElementById('bigImage').src=img;

}
</script>

  <img src="../Pictures/lightcircle.png" alt="" width="284" height="156" id="bigImage" />
<p>&nbsp; </p>
<div>
  <p>
  <img src="../Pictures/lightcircle2.png" height=79 width=78 onmouseover="changeImage('../Pictures/lightcircle2.png')"/>

 </p>
 <p><img src="../Pictures/lightcircle.png" alt="" width="120" height="100" onmouseover="changeImage('../Pictures/lightcircle.png')"/></p>

 <p><img src="../Pictures/lightcircle2.png" alt="" width="78" height="79" onmouseover="changeImage('../Pictures/lightcircle2.png')"/></p>

 <p>&nbsp;</p>


  </br>
</div>
</body>
</html>

Ссылка на вопрос

...