[MFyoyo]心情秀，完美仿腾讯【微博秀】,放入签名自动更新心情内容【已更新】

回复 签约家教 的帖子

js里面还有一段代码是图片预加载，如果加载失败就出现图片，那个图片改成自己的。

回复 wanba01 的帖子

我已经截取了46个字符，并wordwarp换行

回复 MFyoyo.. 的帖子

谢谢！刚才看了下，共有两个index.htm，里面有几个地方的路径使用的是http://www.qizone.net开头的绝对路径，这些都改吗？

回复 签约家教 的帖子

可以，保存的PHP文件好像也要改。

回复 MFyoyo.. 的帖子

现在将两个index.htm里的改成了我的，但在签名处，没有上传头像的，显示的还是叉叉。我的论坛是装在子目录的，那些相对路径前需要不需要加bbs呢？问题见：http://www.8668w.com/bbs/thread-3-1-1.html
中的何杨青青的签名。

回复 签约家教 的帖子

index.htm下面有个JS，改哪里的链接就行了。

回复 MFyoyo.. 的帖子

一共有两个index.htm。
bbs/source/plugin/yoyoshow/index.htm和bbs/source/plugin/yoyoshow/template/index.htm。里面都改么？具体怎么改呢？我对JS不是很熟悉啊，其实我就是一真莱鸟，谢谢！
bbs/source/plugin/yoyoshow/index.htm：

1. {subtemplate common/header}
   
2. <link href="source/plugin/yoyoshow/template/ex.css" type='text/css' rel='stylesheet'>
   
3. 
   
4. 
   
5. <!--[if IE 6]>
   
6. <style>
   
7. .colorList li{
   
8.         overflow:hidden;
   
9. }
   
10. </style>
    
11. <![endif]-->
    
12. 
    
13. <!--{if $_G[inajax]}--><span><a href="javascript:;" onclick="hideWindow('$_G[gp_handlekey]');" class="flbc" title="{lang close}">{lang close}</a></span><!--{/if}-->
    
14.         </h3>
    
15.     <script type="text/javascript" src="{$_G[setting][jspath]}forum_calendar.js?{VERHASH}"></script>
    
16.         <form method="post" autocomplete="off" id="typeaddform" name="typeaddform" action="plugin.php?id=yoyoshow:yoyoshow&mod=save&savesubmit=true" {if $_G[inajax]}onsubmit="ajaxpost(this.id, 'return_$_G[gp_handlekey]');"{/if}>
    
17.                 <input type="hidden" name="referer" value="$_G[referer]">
    
18.                 <input type="hidden" name="formhash" value="{FORMHASH}" />
    
19.                 <input type="hidden" name="editid" value="$editinfo[tid]" />
    
20.                 <input type="hidden" name="uid" value="$_G[uid]" />
    
21.                
    
22.                 <!--{if $_G[inajax]}--><input type="hidden" name="handlekey" value="$_G[gp_handlekey]" /><!--{/if}-->
    
23. 
    
24. <div id="content">
    
25.        
    
26.         <h3>广播签名档功能简介</h3>       
    
27.         <p>使用广播签名档，将代码放置到你的博客、论坛签名、电子邮件签名或其他可以引用网络图片链接的位置，就能同步显示你最新的广播。<br />
    
28.                 <div class="point"></div>
    
29. Q:为什么我的预览没有头像？<br />
    
30. 
    
31. A:因为你没有上传头像，系统无法获取，默认的头像不作为你预览的头像，请上传头像后再试<br />
    
32. Q:为什么没有预览<br />
    
33. 
    
34. A:因为你没有上传头像</p>
    
35.         <div class="point"></div>
    
36.                                 <div id="act">
    
37.                         <dl>
    
38.                                 <dt><h2>选择用途</h2></dt>
    
39.                                 <dd>
    
40.                                         <ul id="typeList">
    
41.                                                 <li>&nbsp;<a href="javascript:changeBodyshow(9);"><img src="source/plugin/yoyoshow/template/ubb.png" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:changeBodyshow(10);"><img src="source/plugin/yoyoshow/template/htm.png" /></a><br />
    
42. UBB签名&nbsp;&nbsp;HTML代码</li>
    
43.                                                
    
44.                                                
    
45.                                         </ul>
    
46. 
    
47.                                         <div class="cl"></div>
    
48.                                 </dd>
    
49.                         </dl>
    
50.                         <dl><div class="point"></div>
    
51.                                 <dt>颜色与主题(目前只开放了咖啡色，会陆续开放其他颜色)</dt>
    
52.                                 <dd>
    
53.                                                         <ul id="colorList" class="colorList" style="width:220px;">
    
54.                                                                 <li class="s"><div class="color2"></div></li>
    
55.                                                                
    
56.                                                         </ul>
    
57.                                         <div class="cl"></div>
    
58.                                 </dd>
    
59.                         </dl><div class="point"></div>
    
60.                         <dl>
    
61.                                 <dt>代码获取</dt>
    
62.                                 <dd>
    
63.                                         <div class="fcgray">请将以下代码复制粘贴到需要使用广播主题档的位置</div>
    
64.                                         <textarea name="save" id="showscripts" style="width:300px;height:60px;margin-bottom:20px;">[url=http://www.8668w.com/bbs/?$uid][img]http://www.8668w.com/bbs/threadshow.php?uid=$uid[/img][/url]</textarea>
    
65.                                         <div><input type="button" value="" class="button" onclick="copyToClipBoard()" /></div>
    
66.                                        
    
67.        
    
68.                
    
69. 
    
70.                
    
71.                
    
72.                                 </dd>
    
73.                         </dl>
    
74.                         <div></div>
    
75.                 </div>
    
76.                 <div id="show">
    
77.                         <h3>效果预览</h3>
    
78.                         <img id="img1" src="loading.gif"/><br /><br />
    
79. 
    
80. <button type="submit" name="savesubmit" id="savesubmit" class="pn pnc" value="true" onclick="hideWindow('$_G[gp_handlekey]');"><strong style="font-weight:normal;">保存到我的签名</strong></button>
    
81. 
    
82.                 </div>
    
83.                 <div class="cl"></div>
    
84.                 </div>
    
85.         <script type="text/javascript">function copyToClipBoard(){
    
86.       var clipBoardContent=document.getElementById("showscripts").value;    window.clipboardData.setData("Text",clipBoardContent);  
    
87.           
    
88.           alert("复制成功
    
89. 请将拷贝的代码粘贴到你需要使用的位置");
    
90.           }</script>
    
91. <script>
    
92. var Browser=new Object();
    
93. Browser.userAgent=window.navigator.userAgent.toLowerCase();
    
94. Browser.ie=/msie/.test(Browser.userAgent);
    
95. Browser.Moz=/gecko/.test(Browser.userAgent);
    
96. 
    
97. //判断是否加载完成
    
98. function Imagess(url,imgid,callback){   
    
99.     var val=url;
    
100.     var img=new Image();
     
101.     if(Browser.ie){
     
102.         img.onreadystatechange =function(){  
     
103.             if(img.readyState=="complete"||img.readyState=="loaded"){
     
104.                 callback(img,imgid);
     
105.             }
     
106.         }        
     
107.     }else if(Browser.Moz){
     
108.         img.onload=function(){
     
109.             if(img.complete==true){
     
110.                 callback(img,imgid);
     
111.             }
     
112.         }        
     
113.     }   
     
114.     //如果因为网络或图片的原因发生异常，则显示该图片
     
115.     img.onerror=function(){img.src='http://www.8668w.com/bbs/source/plugin/yoyoshow/noshow.jpg'}
     
116.     img.src=val;
     
117. }
     
118. 
     
119. //显示图片
     
120. function checkimg(obj,imgid){
     
121. document.getElementById(imgid).src=obj.src;
     
122. }
     
123. //初始化需要显示的图片，并且指定显示的位置
     
124. window.onload=function(){
     
125.     Imagess("http://www.8668w.com/bbs/threadshow.php?uid={$uid}","img1",checkimg);
     
126.    
     
127. }
     
128. </script>
     
129. 
     
130. <script type="text/javascript">   
     
131. 
     
132. function changeBodyshow(index){     
     
133. 
     
134. switch(index){     
     
135. 
     
136. case 9:{     
     
137. 
     
138. document.getElementById('showscripts').value = "[url=http://www.8668w.com/bbs/?{$uid}][img]http://www.8668w.com/bbs/threadshow.php?uid={$uid}[/img][/url]";
     
139. 
     
140. 
     
141. break;  
     
142. 
     
143.    
     
144. 
     
145. } case 10:{     
     
146. 
     
147. 
     
148. document.getElementById('showscripts').value = "<a href=http://www.8668w.com/bbs/?{$uid}><img src=http://www.8668w.com/bbs/threadshow.php?uid={$uid}></a>";
     
149. 
     
150. 
     
151. 
     
152. break;  
     
153. 
     
154.    
     
155. 
     
156. }
     
157. 
     
158. }     
     
159. 
     
160. }     
     
161. 
     
162. </script>   
     
163. {template common/footer}

复制代码

bbs/source/plugin/yoyoshow/template/index.htm：

1. {subtemplate common/header}
   
2. 
   
3. <link href="source/plugin/yoyoshow/template/ex.css" type='text/css' rel='stylesheet'>
   
4. 
   
5. 
   
6. <!--[if IE 6]>
   
7. <style>
   
8. .colorList li{
   
9.         overflow:hidden;
   
10. }
    
11. </style>
    
12. <![endif]-->
    
13. 
    
14. <!--{if $_G[inajax]}--><span><a href="javascript:;" onclick="hideWindow('$_G[gp_handlekey]');" class="flbc" title="{lang close}">{lang close}</a></span><!--{/if}-->
    
15.         </h3>
    
16.     <script type="text/javascript" src="{$_G[setting][jspath]}forum_calendar.js?{VERHASH}"></script>
    
17.         <form method="post" autocomplete="off" id="typeaddform" name="typeaddform" action="plugin.php?id=yoyoshow:yoyoshow&mod=save&savesubmit=true" {if $_G[inajax]}onsubmit="ajaxpost(this.id, 'return_$_G[gp_handlekey]');"{/if}>
    
18.                 <input type="hidden" name="referer" value="$_G[referer]">
    
19.                 <input type="hidden" name="formhash" value="{FORMHASH}" />
    
20.                 <input type="hidden" name="editid" value="$editinfo[tid]" />
    
21.                 <input type="hidden" name="uid" value="$_G[uid]" />
    
22.                
    
23.                 <!--{if $_G[inajax]}--><input type="hidden" name="handlekey" value="$_G[gp_handlekey]" /><!--{/if}-->
    
24. 
    
25. <div id="content">
    
26.        
    
27.         <h3>心情签名档功能简介</h3>       
    
28.         <p>使用心情签名档，将代码放置到你的博客、论坛签名、电子邮件签名或其他可以引用网络图片链接的位置，就能同步显示你最新的心情。<br />
    
29.                 <div class="point"></div>
    
30. Q:为什么我的预览没有头像？<br />
    
31. 
    
32. A:因为你没有上传头像，系统无法获取，默认的头像不作为你预览的头像，请上传头像后再试<br />
    
33. Q:为什么没有预览<br />
    
34. 
    
35. A:因为你没有上传头像</p>
    
36.         <div class="point"></div>
    
37.                                 <div id="act">
    
38.                         <dl>
    
39.                                 <dt><h2>选择用途</h2></dt>
    
40.                                 <dd>
    
41.                                         <ul id="typeList">
    
42.                                                 <li>&nbsp;<a href="javascript:changeBodyshow(9);"><img src="source/plugin/yoyoshow/template/ubb.png" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:changeBodyshow(10);"><img src="source/plugin/yoyoshow/template/htm.png" /></a><br />
    
43. UBB签名&nbsp;&nbsp;HTML代码</li>
    
44.                                                
    
45.                                                
    
46.                                         </ul>
    
47. 
    
48.                                         <div class="cl"></div>
    
49.                                 </dd>
    
50.                         </dl>
    
51.                         <dl><div class="point"></div>
    
52.                                 <dt>颜色与主题(目前只开放了咖啡色，会陆续开放其他颜色)</dt>
    
53.                                 <dd>
    
54.                                                         <ul id="colorList" class="colorList" style="width:220px;">
    
55.                                                                 <li class="s"><div class="color2"></div></li>
    
56.                                                                
    
57.                                                         </ul>
    
58.                                         <div class="cl"></div>
    
59.                                 </dd>
    
60.                         </dl><div class="point"></div>
    
61.                         <dl>
    
62.                                 <dt>代码获取</dt>
    
63.                                 <dd>
    
64.                                         <div class="fcgray">请将以下代码复制粘贴到需要使用心情主题档的位置</div>
    
65.                                         <textarea name="save" id="showscripts" style="width:300px;height:60px;margin-bottom:20px;">[url=$_G[setting][siteurl]/?$uid][img]$_G[setting][siteurl]/threadshow.php?uid=$uid[/img][/url]</textarea>
    
66.                                         <div><input type="button" value="" class="button" onclick="copyToClipBoard()" /></div>
    
67.                                        
    
68.        
    
69.                
    
70. 
    
71.                
    
72.                
    
73.                                 </dd>
    
74.                         </dl>
    
75.                         <div></div>
    
76.                 </div>
    
77.                 <div id="show">
    
78.                         <h3>效果预览</h3>
    
79.                         <img id="img1" src="loading.gif"/><br /><br />
    
80. 
    
81. <button type="submit" name="savesubmit" id="savesubmit" class="pn pnc" value="true" onclick="hideWindow('$_G[gp_handlekey]');"><strong style="font-weight:normal;">保存到我的签名</strong></button>
    
82. 
    
83.                 </div>
    
84.                 <div class="cl"></div>
    
85.                 </div>
    
86. <script type="text/javascript">
    
87. //JS开始，复制、替换内容，可自行添加其他JS，实现颜色替换等，若有疑问QQ:95327294
    
88. //复制代码
    
89. function copyToClipBoard(){
    
90. var clipBoardContent=document.getElementById("showscripts").value;    window.clipboardData.setData("Text",clipBoardContent);  
    
91.           
    
92.           alert("复制成功！\n请将拷贝的代码粘贴到你需要使用的位置");
    
93.           }
    
94. //图片预加载
    
95. var Browser=new Object();
    
96. Browser.userAgent=window.navigator.userAgent.toLowerCase();
    
97. Browser.ie=/msie/.test(Browser.userAgent);
    
98. Browser.Moz=/gecko/.test(Browser.userAgent);
    
99. 
    
100. //判断是否加载完成
     
101. function Imagess(url,imgid,callback){   
     
102.     var val=url;
     
103.     var img=new Image();
     
104.     if(Browser.ie){
     
105.         img.onreadystatechange =function(){  
     
106.             if(img.readyState=="complete"||img.readyState=="loaded"){
     
107.                 callback(img,imgid);
     
108.             }
     
109.         }        
     
110.     }else if(Browser.Moz){
     
111.         img.onload=function(){
     
112.             if(img.complete==true){
     
113.                 callback(img,imgid);
     
114.             }
     
115.         }        
     
116.     }   
     
117.     //图片不存在时显示的图片
     
118.     img.onerror=function(){img.src='http://www.8668w.com/bbs/source/plugin/yoyoshow/noshow.jpg'}
     
119.     img.src=val;
     
120. }
     
121. 
     
122. //加载完毕，显示图片
     
123. function checkimg(obj,imgid){
     
124. document.getElementById(imgid).src=obj.src;
     
125. }
     
126. //初始化需要显示的图片，并且指定显示的位置
     
127. window.onload=function(){
     
128.     Imagess("{$_G[setting][siteurl]}/threadshow.php?uid={$uid}","img1",checkimg);
     
129.    
     
130. }
     
131. //切换代码，使用时请调用changeBodyshow函数，此JS还可以改为隐藏层等
     
132. function changeBodyshow(index){     
     
133. 
     
134. switch(index){     
     
135. 
     
136. case 9:{     
     
137. 
     
138. document.getElementById('showscripts').value = "[url={$_G[setting][siteurl]}/?{$uid}][img]{$_G[setting][siteurl]}/threadshow.php?uid={$uid}[/img][/url]";
     
139. 
     
140. 
     
141. break;  
     
142. 
     
143.    
     
144. 
     
145. } case 10:{     
     
146. 
     
147. 
     
148. document.getElementById('showscripts').value = "<a href={$_G[setting][siteurl]}/?{$uid}><img src={$_G[setting][siteurl]}/threadshow.php?uid={$uid}></a>";
     
149. 
     
150. 
     
151. 
     
152. break;  
     
153. 
     
154.    
     
155. 
     
156. }
     
157. 
     
158. }     
     
159. 
     
160. }     
     
161. 
     
162. </script>   
     
163. {template common/footer}

复制代码

回复 签约家教 的帖子

//如果因为网络或图片的原因发生异常，则显示该图片

115.    img.onerror=function(){img.src='http://www.8668w.com/bbs/source/plugin/yoyoshow/noshow.jpg'}

116.    img.src=val;

回复 MFyoyo.. 的帖子

那这里我已经改了啊

可现在如果没有上传头像，贴内个人签名处这里就仍然显示叉叉


我想这里即使没有传头像也不要显示叉叉，要么不显示什么，要么就显示个其他的什么提示