发送好友邀请页面实现

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ page import="com.siku.manorage.common.renrenApi.QiDianApi" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page import="java.util.*" %>
<!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>庄园时代</title>
<style type="text/css">
* {
 margin: 0px;
 padding: 0px;
}

body {
 font-size: 12px;
 color: #333333
}

a {
 color: #895f02;
 text-decoration: none;
}

a:hover {
 color: #bb943e;
 text-decoration: underline;
}

ul,ul li {
 list-style: none;
 padding: 0px;
 margin: 0px;
}

.box {
 width: 700px;
 margin: 10px 0;
}

.cont {
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}

h3 {
 padding: 0px;
 margin: 0px;
}

.box h3 {
 line-height: 30px;
 text-align: center;
 font-size: 15px;
}

.cont_msg {
 width: 95%;
 border: solid 1px #ccc;
 margin: 10px 0;
 height: 400px;
 line-height: 22px;
 /**/
 overflow: scroll;
}

.cont_msg ul {
 width: 98%;
 margin-top: 10px;
 margin-bottom: 10px;
 /*margin:10px;
width:21%;
list-style:none;
border:solid 1px #CCC;*/
}

.cont_msg ul li {
 float: left;
 line-height: 21px;
 list-style: none;
 text-align: center;
 display: inline;
 margin-left: 20px;
 margin-top: 15px;
}

.cont_msg ul li img {
 width: 60px;
 height: 60px;
 padding: 2px;
 border: solid 1px #ccc;
}

.clear {
 clear: both;
}

.input {
 background-color: #FFFFFF;
 height: 16px;
 width: 180px;
 border: solid 1px #ccc;
}

.btn a {
 background-color: #d5ac4f;
 padding: 0 8px;
 line-height: 16px;
 border: solid 1px #c39839;
 text-align: center;
 color: #fff;
 float: left;
 margin-right: 10px;
 display: block;
}

.btn a:hover {
 color: #aa7e1d;
 background-color: #dec282;
 border: solid 1px #d1ab54;
}

.tLeft {
 float: left;
 width: 225px;
}

h3 {
 color: #a77609;
}
</style>

<script>
   var ids="";
   function fmsubmit(){
  var userids=document.getElementsByName("uid");
  for(var i=0;i<userids.length;i++){
   if(userids[i].checked==true){
    ids+=","+userids[i].value;
    alert(userids[i].value);
   }
  }
  var id = document.invitefm.sessionId.value;  
  if(ids!=""){
   ids=ids.substr(1);
   window.location.href="http://192.168.1.119:8080/manorage/invite?ids="+ids+"&id="+id;
  }else{
   alert("请选择好友!!");
   return false;
  }
  
    }
</script>
</head>

<body>

<%
   List<HashMap> list = new ArrayList<HashMap>();
   Map map1 = new HashMap();
   for(int i =0;i<1;i++){
    map1.put("1" ,"img/ph01.jpg");
    map1.put("2" ,"张三");
    map1.put("3" ,"12131");
    list.add((HashMap) map1);
   }
  
%>


<div class="box">
<h3>请选择您要添加的好友</h3>
<br />
<div class="cont">
<p><span class="tLeft">输入:<input name="" type="text"
 class="input" /></span> <span class="btn"><a href="#">查找</a></span></p>
<div class="clear"></div>

<p>
<form action="test" name="invitefm">
<input type="hidden" id="sessionId" value="<%=request.getParameter("id")%>">
<div class="cont_msg">
<ul>

<%
   for (HashMap hashMap : list) { 
       %>
        <li><a href="#"><img src="<%=hashMap.get("1") %>" border="0" /><br />
         <input name="uid" type="checkbox" id ="uid" value="<%=hashMap.get("3") %>" />
 <%=hashMap.get("2") %></a></li>
    
       <%
      }
   %>

 <div class="clear"></div>
</ul>
<div class="clear"></div>
</div>

</p>
<p><span class="btn"><a href="#" οnclick="return fmsubmit();">发送好友请求</a></span> <span
 class="btn"><a href="#">跳过</a></span></p>

</div>
</div>
</form>
</body>
</html>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值