Qzone精彩由你而来

好友圈 - 添加好友

{mainTemplete begin}
		 
			__nav__
		
		<div class="grouping_friends">
			<div id="divLeading">
				<div class="grouping_friends_add">
				 <h3>添加空间好友</h3>
				 <p>您可以通过向导将您的朋友添加为您的空间好友，这将使您可以随时了解好友动态，把握时尚脉搏，走在潮流的最前端！</p>
				 <p><a href="javascript:;" class="add_friends bgr2" onclick="popupAddFriendPanel();return false;">开始添加空间好友>></a></p>
				</div>
				<div class="grouping_friends_add" style="padding-bottom:2px;">
				 <p>添加好友后，您可以通过<a href="javascript:;" onclick="parent.guide(14);return false;"><strong>信息中心</strong></a>了解好友的最新动态，下图为信息中心示意图：</p>
				 <p><img src="http://imgcache.qq.com/qzone_v4/client/group_add_demo.gif" alt="了解好友动态示意图" /></p>
				</div>
			</div>
		
		<div id="addFriendBody" style="display:none;">loading...</div>
	</div>
	{end}

{step2 begin}
	 
		<div class="friends_list">
		 <div class="friends_list_main">
			 <div class="top_bar" id="divAddButton"><button id="btnContinueAdd" class="bt_t6 spr" onclick="popupAddFriendPanel();">继续选择好友</button></div>
			 <div class="hint" style="display:none;">您刚才添加的好友有部份与“与添加的好友列表”里重复，将不重复添加。</div>
			 <div class="hint" style="display:none;">您刚才添加的好友与“与添加的好友列表”里重复，将不重复添加。</div>
			 <div class="friends_list_head tbor"><strong>己添加的好友列表：</strong><span id="tips1" style="display:none">(修改相关的设置，请点击<img src="http://imgcache.qq.com/qzone_v4/b.gif" class="cbox_checked" alt="可行" />或<img src="http://imgcache.qq.com/qzone_v4/b.gif" class="cbox_unchecked" alt="禁止" />)</span></div>
				<button class="bt_t2 spr" onclick="removeFriendInStep2List()">删除</button>
				<span style="__tbStyle__">
									<select onmouseover="fillSelectAction(this,1)" onkeydown="return false" onchange="doSelectAction(this,1)" style="width:150px">
										<option value="0" style="color:#666">批量设置...</option>
									</select>
									<select onmouseover="fillSelectGroupAction(this,1)" onkeydown="return false" onchange="doSelectAction(this,1)" style="width:150px">
										<option value="0" style="color:#666">修改分组...</option>
									</select>
					</span>
						<div class="friend_table_div">
							<table class="friend_table">
								<caption>
								好友列表
								</caption>
								<colgroup>
								<col class="table_col_1" style="width:30px;"/>
								<col class="table_col_2" style="width:156px;"/>
								<col class="table_col_3" style="width:157px;"/>
								<col class="table_col_4" style="width:130px;"/>
								<col class="table_col_5" style="width:44px;"/>
								<col class="table_col_6" />
							 
							 
							 
								</colgroup>
								<thead class="bg2">
									<tr>
										<th class="bbor tc"><input type="checkbox" onclick="selectAll(this)" /></th>
										<th class="lbor tc">我的空间好友</th>
										
										<th class="lbor tc">选择分组</th>
										<th class="lbor tc">关注</th>
										<th class="lbor tc">公开</th>
										
										
										
									</tr>
								</thead>
								<tbody>
								 <%repeat_0 match="items"%>
									<tr class="<%=@bgClass%>">
										<td><input name="friendChecker" type="checkbox" id="c_<%=@uin%>" arrayId="<%=@arrayId%>" value="<%=@uin%>"/></td>
										<td><img alt="QQIcon" src="http://imgcache.qq.com/qzone_v4/b.gif" class="icon_admin" style="margin-top:-1px"/> <a href="http://user.qzone.qq.com/<%=@uin%>" target="_blank" class="fix"><%=@nickName%></a></td>
										<td align="center" style="display:none;"><input type="text" class="text-input" size="19" maxlength="15" value="<%=@valueContent%>" onkeyup="editUinListDescription(<%=@arrayId%>,this.value)"/></td>
										<td style="text-align:left;padding-left:4px" id="t_<%=@arrayId%>"><a href="javascript:;" gId="<%=@groupId%>" onclick="showPopMenu(getGroupSelector(<%=@arrayId%>,this.gId,1),'t_<%=@arrayId%>',-53,-4);return false;"  id="a_<%=@arrayId%>"><span id="as_<%=@arrayId%>"><%=@groupName%></span><span style="font-size:9px;">▼</span></a></td>
								<td class="cArea"><input type="checkbox" id="focus_<%=@arrayId%>" <%=@flagFocus%>/><img alt="关注" title="关注:关注好友后，将在信息中心收到对方的更新通知" id="focus_img_<%=@arrayId%>" onclick="chickCheckImg(<%=@arrayId%>,FLAG_FOCUS,1)" src="/qzone_v4/cbox_<%=@flagFocus%>.gif"/></td>
								<td class="cArea"><input type="checkbox" id="open_<%=@arrayId%>" <%=@flagOpen%>/><img alt="公开" title="公开:公开的好友，将会在好友圈的Flash展示中显示" id="open_img_<%=@arrayId%>" onclick="chickCheckImg(<%=@arrayId%>,FLAG_OPEN,1)" src="/qzone_v4/cbox_<%=@flagOpen%>.gif"/></td>
								
								
										
									</tr>
								 <%_repeat_0%>
								</tbody>
							</table>
					<button class="bt_t2 spr" onclick="removeFriendInStep2List()" id="btnDeleteBottom">删除</button>
					<span style="__tbStyle__">
							<select onmouseover="fillSelectAction(this,1)" onkeydown="return false" onchange="doSelectAction(this,1)" style="width:150px">
								<option value="0" style="color:#666">批量设置...</option>
							</select>
							<select onmouseover="fillSelectGroupAction(this,1)" onkeydown="return false" onchange="doSelectAction(this,1)" style="width:150px">
								<option value="0" style="color:#666">修改分组...</option>
							</select>
					</span>
					 </div>
				</div>
				
				<div class="center tbor">
					请输入验证码 <input type="text" onblur="hiddenVerify()" onfocus="focusGetVerify(this)" id="verifycode" name="verifycode" class="verifycode text" autocomplete="off" maxlength="4" size="4" style="ime-mode:disabled;width:50px;margin-right:10px;" />
					<button class="bt_t2 spr" onclick="addFriendStep3();">提交</button><button class="bt_t2" onclick="document.body.onbeforeunload=null;top.gotoFriendGroup(6);">取消</button>
				</div>
			</div>
			</div>
		 {end}

{step3 begin}
		
		<div class="gm">
			<div class="clear"></div>
			<div class="stencillink achieve">
				<p class="hint">已向要添加的 <strong id="addCount">12</strong> 位好友发送了确认请求，请等待对方确认。<br />
					</p>
				<div><a href="javascript:;" onclick="parent.gotoFriendGroup(2);return false;">管理刚才添加的好友</a></div>
			 <div><a href="javascript:;" class="add_friends bgr2" style="margin:30px;" onclick="top.guide(14);return false;">进入信息中心查看好友动态</a></div>
			</div>
		</div>
		
	<div class="button center">
			<button class="bt_t6 spr2" title="继续添加好友" onclick="location.reload();">继续添加好友</button>
			<button class="bt_t2" title="返回" onclick="parent.gotoFriendGroup(0)">返回</button>
		</div>
		{end}
		
		 {addFriend begin}
	     <div class="mode_table_mains grouping_manage">
	      
	      __nav__
	      
	      <div id="addFriendBody">loading...</div>
	      </div>
	 {end}
	 
	 {tipsTemplete begin}
	   <div class="mode_table_mains grouping_manage">
	      
		  __nav__
	      
	      <div class="gm friend_manage_hint stencillink"><br/><br/><br/>
	      	<div class="bgr2">__Tips__</div><br/>
	        <div class="explain" style="padding-right:0px">
	          <p><b>您可以将空间好友：</b></p>
	          <ol>
	          	<li>　1.公开 - 只有设置公开的好友才会展示给客人看</li>
	          	<li>　2.关注 - 关注好友后，将在信息中心收到对方的更新通知</li>
	          	<li>　3.显示在主页 - 将好友显示在我的空间主页的好友圈模块中</li>
	          	
	          </ol>
	          <br/><br/><br/><br/>
	        </div>
	      </div>  
	   </div>  
	  {end}