2012-09-12 90 views
0

我使用JSP,JavaScript和HTML制作网页查看HTML。我有一个元素列表,当点击其他事情时,JavaScript函数generatePictureSlider。这个想法是,一组图片与列表中的每个元素相关联,并且当单击其中一个元素时创建滑块。使用JavaScript生成包含JSP

这是我创建列表的代码:

<div class="valg"> 
    <ol id="selectable"> 
    <c:forEach items="${kandidatliste}" var="kjoretoy" varStatus="rowCounter"> 

     <li id="${rowCounter.index}" class="ui-widget-content"> 
      <c:choose> 
       /*Some code that displays content based on a variable in the kjoretoy var */ 
      </c:choose> 

      <c:out value="Reg nr: ${kjoretoy.kjennemerke} "/> 
      <c:out value="Score: ${kjoretoy.score} "/> 
      <c:out value="Passering: ${kjoretoy.passeringsString} "/>      

      <input id="removeVehicle" type="submit" value="X" /> 
      <input id="checkVehicle" type="submit" value="Sjekk"/> 
     </li> 
    </c:forEach>   
    </ol> 
</div> 

的#selectable OL势必在javascript点击功能。这个点击函数是调用generatePictureSlider的函数。所以,当点击列表中的某个元素时,我想在滑块中显示与该元素相关联的图片。

因此,我要生成动态显示滑块的HTML。

我的问题是,我得到这个错误:这里java.lang.NumberFormatException: For input string: "+parseInt(index)+"

指数自然是已经被点击的元素的索引,它对应于该元件在该视图已经从接收到一个ArrayList的地方Java应用程序。这个数组列表被称为“kandidatliste”,你将在下面的函数中看到。

function generatePictureSlider(index){ 
    $('div#switcher-panel').html(''); 

    var html = '<div id="container">'+ 
     '<div id="banner">'+ 
     '<ul class="bjqs">'+ 
     '<li><img src="/nonstop/bildekjennemerke=${kandidatliste['+parseInt(index)+'].kjennemerke}&bildeNr=${0}" title="${kandidatliste[0].kjennemerke}_${0}" width="350" height="220"/></li>'+ 
     '</ul></div></div>'; 

    $('div#switcher-panel').append(html);    
} 

我怎样才能让JavaScript变量指数是一个整数,使得JSP不会崩溃,并显示在指标指数的元素相关联的图片。

我当然愿意就如何解决这个问题的其他建议。其实质是基于用户点击的元素,我想要在页面上显示与该元素相关的图像和其他数据。

回答

2

JSP页面运行服务器端,并打印一个HTML文档可能包含Javascript,而另一方面,使用Javascript运行在客户端的浏览器,它是没有意义的JavaScript生成JSP,因为这将是上客户端的浏览器,它不会工作,因为JSP必须解决服务器端,你需要解决这之前发送给客户端,你可以使用Scriptlet,但我不推荐它,我不知道确切地说你的应用程序的工作原理,但我会使用ajax来以图片方式加载图片。

如果你提供更多的信息,我可以改进的答案。

+0

我不熟悉jsp。我以前用这个方法使用javascript生成html,但从来没有使用jsp“code”的html。 我试图解释我在原始帖子后的功能。我可以尝试多用一些在JSP – benbjo

+0

代码的编辑我的OP有点 – benbjo

+0

你试过只使用索引来更新我的OP,而不是parseInt函数(指数)? –