日期:2014-05-17  浏览次数:20553 次

jsp 想用JSP模仿一个QQ空间好友图片里的点击回复 功能
QQ空间好友动态里好友图片点击回复那个按钮出现文本框,当你失去文本框焦点的时候 文本框消失, 还有就是每张图片都会有人评价,但是那个textarea文本框的id怎么取,这个是不能重复的,请大师指点迷津,给个代码
------解决方案--------------------
文本框消失:可不可以用jquery的dom操作,点回复就.show(),失去焦点就.hide();
第二个问题没看懂,文本框一个id不够用吗?
------解决方案--------------------
我想做的跟qq空间里评论照片一样,每个照片都可以评论,但是现在那个文本框我只能评论第一张图片,后面的图片都不能评论,那位大神能看下我的代码哪里有问题?

<div id="chatsDiv">
<div class="share">
<s:if test="chatsList != null && !chatsList.isEmpty()">
   <table border="1" bordercolor="#66CCFF" cellpadding="0" cellspacing="0">
     <s:iterator value="chatsList" var="chat">    
     <tr>
     <th>发送人:</th>
     <td class="sname"><s:property value="#chat.userName" /></td>
     </tr>
     <tr>
     <th>发送内容:</th>
     <td><s:property value="#chat.commentContent"/>
     </tr>
     <tr>
     <th>发送时间:</th>     
     <td><s:property value="#chat.commentDate"/></td>     
     </tr>
     </s:iterator>
     </table>
</s:if>

    
     <hr color="#66CCFF"/> 
    评价内容:  
     <textarea name="commentContent" id="commentContent" rows="3" cols="100" ></textarea>
     <span id="chatTip"></span>
     <input type="button" id="btn" value="发送" onclick="chat(<s:property value="#share.pictureId"/>)"/>
     <span id="chatTip"></span>
     <input type="hidden" id="pictureId" value='<s:property value="#share.pictureId"/>'/>
     <input type="hidden" id="friendNickname" value='<s:property value="friendNickname" escape="false"/>'/>
    
     </div>
     </div>




function chat(pictureId){
             
     var commentContent = $("#commentContent").val();
     var friendId = $("#friendId").val();
     var isPass = true; 
    
     if(commentContent ==""){ 
window.alert("请输入评价内容"); 
     $("#commentContent").focus();
     isPass = false; 
     }else{

     $.ajax({
type: "post",
url: "<%=path%>/commonJson/Picturechat.action",
data: {"commentContent":encodeURI(encodeURI(commentContent)),"pictureId":pictureId},
dataType:"json",
beforeSend: function(XMLHttpRequest){
 $.blockUI({message: "正在处理,请稍后..."}); &n