<%@ 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="#" onclick="return fmsubmit();">发送好友请求</a></span> <span
?class="btn"><a href="#">跳过</a></span></p>
</div>
</div>
</form>
</body>
</html>