2012-02-18 6 views
1

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

ответ

2

ASP.NET не сопоставим с простым JSP. JSP более сопоставим с «Классическим ASP». Если вы ищете Java-копию ASP.NET (-MVC), посмотрите на JSF. PrimeFaces, например, имеет a <p:tabView> component, который, я думаю, именно то, что вы ищете.

В простой JSP вам нужно будет ввести код JavaScript для выполнения Ajax-запросов и управления HTML-DOM и некоторого сервлета для возврата необходимых данных. jQuery и, возможно, jQuery UI могут быть полезны в этом.

+0

PrimeFaces очень приятно BalusC. Я дам ему попробовать. Большое спасибо. Но мне все еще нужен код, который не использует стороннюю библиотеку. Кто-нибудь, пожалуйста, помогите ... –

+0

Ну, просто напишите JavaScript/Ajax и код сервлета соответственно. Понимаешь, ты это знаешь? Если нет, я бы начал изучать его. В MDN есть действительно хороший учебник JS/Ajax. В конце концов, это займет у вас недели, если не месяцы, а не несколько часов или даже меньше, чтобы закончить его с такой же степенью надежности и совместимости с кроссбраузерами. Вы всегда можете задать вопрос здесь, если вы справляетесь с определенной проблемой кодирования. – BalusC

+0

спасибо BalusC, но у меня нет времени, чтобы узнать новое. Я должен представить свой проект в ближайшее время. И большое спасибо за вашу помощь :) Я постараюсь сначала использовать PrimeFaces –

0

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

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

<!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> 

Link to the question