<%@ 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>