ajax经典应用收藏
这网站想法很好...ziq.com
1
<script language="javascript">
2// xmlhttp
3var XmlHttp = false;
4var XmlLocked = false;
5
6// init xmlhttp
7function InitXmlHttp()
8
{
9
if (!XmlHttp)
10
{
11 try { XmlHttp = new ActiveXObject('Msxml1.XMLHTTP'); }
12 catch (e)
13 {
14 try { XmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }
15 catch (e) { XmlHttp = false; }
16
}
17 if (!XmlHttp && (typeof XMLHttpRequest != 'undefined'))
18 XmlHttp = new XMLHttpRequest();
19 if (!XmlHttp)
20 {
21 alert('抱歉您的浏览器不支持 XmlHttp 对像, 彩字制造失败.');
22 return false;
23 }
24 }
25
26 // lock check
27 if (XmlLocked == true)
28 {
29 alert('XmlHttp 某一次操作还没有完成, 请稍候啦.');
30 return false;
31 }
32 return true;
33
}
34
35// 取得图片
36function GetImage(form)
37{
38 var text = form.w.value;
39 var style = form.s.value;
40 var maxword = parseInt(form.m.value);
41 if (text == '')
42 {
43 alert('总该说点什么吧?');
44 form.w.focus();
45 }
46 else if (text.length > maxword)
47 {
48 alert('抱歉,此风格最多' + maxword + '字');
49 form.w.value = form.w.value.substring(0,maxword);
50 form.w.focus();
51 }
52 else
53 {
54 SetProcMsg('请稍候
', false);
55 SendImageRequest(text, style);
56 document.getElementById('DemoDiv').style.display = '';
57 document.getElementById('DemoImg').src = 'img/title_wait.gif';
58 document.getElementById('DemoImg').title = text;
59 form.w.focus();
60 }
61}
62// 修改值时要隐藏
63function HideDemo()
64{
65 document.getElementById('DemoDiv').style.display = 'none';
66}
67
68// 复制地址值
69function CopyValue(input)
70{
71 input.select();
72 window.clipboardData.setData('text', input.value);
73 alert('已经拷入剪贴板！');
74}
75
76// 设定执行说明
77function SetProcMsg(msg, nr)
78{
79 if (msg != '' && nr) { setTimeout('SetProcMsg("",false)', 3000); }
80 document.getElementById('ProcMsg').innerHTML = msg;
81}
82
83// 图片地址回调
84function SetImageUrl(str)
85{
86 //SendImageRequest
87 var rtype = str.substring(0,2);
88 var rdata = str.substring(4);
89 if (rtype != 'OK')
90 {
91 alert(rdata);
92 HideDemo();
93 SetProcMsg('太遗憾了', true);
94 }
95 else
96 {
97 var form = document.zform;
98 var url = rdata.substring(2);
99 url = url.replace(/\+/, '%20');
100 form.t.value = 'http://img2.ziq.com/' + url;
101 form.b.value = '[img]' + form.t.value + '[/img]';
102 document.getElementById('DemoImg').src = url;
103
104 // mmslink
105 var mlink = 'http://tlt.7town.com/ZComImgDIY/step2.asp?imageUrl=';
106 mlink += encodeURIComponent(form.t.value) + '&uid=20398&a=&b=&c=&d=&e=&f=';
107 document.getElementById("MmsLink").href = mlink;
108 SetProcMsg('祝贺您!!!', true);
109 }
110}
111
112// 提交图片申请
113function SendImageRequest(w, s)
114{
115 if (!InitXmlHttp()) return false;
116
117 // send the request
118 var url = 'm.php?w=' + encodeURIComponent(w) + '&s=' + s;
119 XmlHttp.open('GET', url, true);
120 XmlHttp.setRequestHeader('If-Modified-Since', '0');
121 XmlLocked = true;
122 XmlHttp.onreadystatechange = function()
123 {
124 if (XmlHttp.readyState == 4)
125 {
126 XmlLocked = false;
127 if (XmlHttp.status == 200)
128 SetImageUrl(XmlHttp.responseText);
129 }
130 }
131 XmlHttp.send(null);
132 return true;
133}
134
135// Load style page
136function LoadStylePage(s, t, p)
137{
138 var nDiv = (s == 'mclick' ? 'HotList' : 'NewList');
139 var oDiv = document.getElementById(nDiv);
140
141 // send the request
142 if (!InitXmlHttp()) return;
143 SetProcMsg('样式风格加载中', false);
144 var url = '/index.php?x=page&s=' + s + '&t=' + encodeURIComponent(t) + '&p=' + p;
145 XmlHttp.open('GET', url, true);
146 XmlHttp.setRequestHeader('If-Modified-Since', '0');
147 XmlLocked = true;
148 XmlHttp.onreadystatechange = function()
149 {
150 if (XmlHttp.readyState == 4)
151 {
152 XmlLocked = false;
153 if (XmlHttp.status == 200)
154 {
155 oDiv.innerHTML = XmlHttp.responseText;
156 SetProcMsg('加载完毕', true);
157 }
158 }
159 }
160 XmlHttp.send(null);
161}
162
163// 复制图片到剪贴版
164function CopyImage(img)
165{
166 if (img.tagName != 'IMG') return;
167 if (typeof img.contentEditable == 'undefined') return;
168 if (!document.body.createControlRange) return;
169 var ctrl = document.body.createControlRange();
170 img.contentEditable = true;
171 ctrl.addElement(img);
172 ctrl.execCommand('Copy');
173 img.contentEditable = false;
174 alert('复制完成，到QQ对话框里按Ctrl-V就可以啦！');
175}
176
177// SetStyle
178function SetStyle(k,j,m)
179{
180 var es = document.zform.elements;
181 var en = document.zform.elements.length;
182 var ev = k + '' + j;
183 for (var i = 0; i < en; i++)
184 {
185 if (es[i].type != 'radio') continue;
186 if (es[i].value == ev)
187 {
188 es[i].checked = true;
189 break;
190 }
191 }
192 document.zform.s.value = k;
193 document.zform.m.value = m;
194 document.zform.w.focus();
195}
196
197// Zoom out the demo Image if it was zoom in
198function OutDemo(img)
199{
200 if (navigator.appVersion.indexOf("MSIE") == -1) return;
201 var demo = document.getElementById('DemoImg2');
202 demo.style.display = 'none';
203}
204
205function OverDemo(img)
206{
207 if (navigator.appVersion.indexOf("MSIE") == -1) return;
208 if (img.alt == '') return;
209
210 var demo = document.getElementById('DemoImg2');
211 demo.style.display = '';
212 var ex, ey;
213 var jmg = demo.childNodes[0];
214 jmg.src = img.src;
215
216 ex = document.body.scrollLeft + window.event.clientX;
217 ey = document.body.scrollTop + window.event.clientY - jmg.height - 20;
218 demo.style.left = String(ex) + 'px';
219 demo.style.top = String(ey) + 'px';
220}
221
222// Init the page
223// 加载后自动选择缺省风格并将输入框激活
224function PageInit() {
225 document.zform.w.focus();
226 document.zform.w.onkeyup = function (e)
227 {
228 if (!e) { e = window.event; }
229 if (e.keyCode == 8) { HideDemo(); }
230 }
231}
232</script>
<script language="javascript">2
// xmlhttp3
var XmlHttp = false;4
var XmlLocked = false;5
6
// init xmlhttp7
function InitXmlHttp()8
{
9
if (!XmlHttp)10
{
11
try { XmlHttp = new ActiveXObject('Msxml1.XMLHTTP'); }12
catch (e)13
{14
try { XmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }15
catch (e) { XmlHttp = false; }16
}17
if (!XmlHttp && (typeof XMLHttpRequest != 'undefined'))18
XmlHttp = new XMLHttpRequest();19
if (!XmlHttp)20
{21
alert('抱歉您的浏览器不支持 XmlHttp 对像, 彩字制造失败.');22
return false;23
}24
}25
26
// lock check27
if (XmlLocked == true)28
{29
alert('XmlHttp 某一次操作还没有完成, 请稍候啦.');30
return false;31
}32
return true;33
}34
35
// 取得图片36
function GetImage(form)37
{38
var text = form.w.value;39
var style = form.s.value;40
var maxword = parseInt(form.m.value);41
if (text == '') 42
{43
alert('总该说点什么吧?');44
form.w.focus();45
}46
else if (text.length > maxword)47
{48
alert('抱歉,此风格最多' + maxword + '字');49
form.w.value = form.w.value.substring(0,maxword);50
form.w.focus();51
}52
else53
{54
SetProcMsg('请稍候', false);55
SendImageRequest(text, style);56
document.getElementById('DemoDiv').style.display = '';57
document.getElementById('DemoImg').src = 'img/title_wait.gif';58
document.getElementById('DemoImg').title = text;59
form.w.focus();60
}61
}62
// 修改值时要隐藏63
function HideDemo()64
{65
document.getElementById('DemoDiv').style.display = 'none';66
}67
68
// 复制地址值69
function CopyValue(input)70
{71
input.select();72
window.clipboardData.setData('text', input.value);73
alert('已经拷入剪贴板！');74
}75
76
// 设定执行说明77
function SetProcMsg(msg, nr)78
{79
if (msg != '' && nr) { setTimeout('SetProcMsg("",false)', 3000); }80
document.getElementById('ProcMsg').innerHTML = msg;81
}82
83
// 图片地址回调84
function SetImageUrl(str)85
{86
//SendImageRequest87
var rtype = str.substring(0,2);88
var rdata = str.substring(4);89
if (rtype != 'OK')90
{91
alert(rdata);92
HideDemo();93
SetProcMsg('太遗憾了', true);94
}95
else96
{97
var form = document.zform;98
var url = rdata.substring(2);99
url = url.replace(/\+/, '%20');100
form.t.value = 'http://img2.ziq.com/' + url;101
form.b.value = '[img]' + form.t.value + '[/img]';102
document.getElementById('DemoImg').src = url;103
104
// mmslink105
var mlink = 'http://tlt.7town.com/ZComImgDIY/step2.asp?imageUrl=';106
mlink += encodeURIComponent(form.t.value) + '&uid=20398&a=&b=&c=&d=&e=&f=';107
document.getElementById("MmsLink").href = mlink;108
SetProcMsg('祝贺您!!!', true);109
}110
}111
112
// 提交图片申请113
function SendImageRequest(w, s)114
{115
if (!InitXmlHttp()) return false;116
117
// send the request118
var url = 'm.php?w=' + encodeURIComponent(w) + '&s=' + s;119
XmlHttp.open('GET', url, true);120
XmlHttp.setRequestHeader('If-Modified-Since', '0');121
XmlLocked = true;122
XmlHttp.onreadystatechange = function()123
{124
if (XmlHttp.readyState == 4)125
{126
XmlLocked = false;127
if (XmlHttp.status == 200)128
SetImageUrl(XmlHttp.responseText);129
}130
}131
XmlHttp.send(null);132
return true;133
}134
135
// Load style page136
function LoadStylePage(s, t, p)137
{138
var nDiv = (s == 'mclick' ? 'HotList' : 'NewList');139
var oDiv = document.getElementById(nDiv);140
141
// send the request142
if (!InitXmlHttp()) return;143
SetProcMsg('样式风格加载中', false);144
var url = '/index.php?x=page&s=' + s + '&t=' + encodeURIComponent(t) + '&p=' + p;145
XmlHttp.open('GET', url, true);146
XmlHttp.setRequestHeader('If-Modified-Since', '0');147
XmlLocked = true;148
XmlHttp.onreadystatechange = function()149
{150
if (XmlHttp.readyState == 4)151
{152
XmlLocked = false;153
if (XmlHttp.status == 200)154
{155
oDiv.innerHTML = XmlHttp.responseText;156
SetProcMsg('加载完毕', true);157
}158
}159
}160
XmlHttp.send(null);161
}162
163
// 复制图片到剪贴版164
function CopyImage(img)165
{166
if (img.tagName != 'IMG') return;167
if (typeof img.contentEditable == 'undefined') return;168
if (!document.body.createControlRange) return;169
var ctrl = document.body.createControlRange();170
img.contentEditable = true;171
ctrl.addElement(img);172
ctrl.execCommand('Copy');173
img.contentEditable = false;174
alert('复制完成，到QQ对话框里按Ctrl-V就可以啦！');175
}176
177
// SetStyle178
function SetStyle(k,j,m)179
{180
var es = document.zform.elements;181
var en = document.zform.elements.length;182
var ev = k + '' + j;183
for (var i = 0; i < en; i++)184
{185
if (es[i].type != 'radio') continue;186
if (es[i].value == ev)187
{188
es[i].checked = true;189
break;190
}191
}192
document.zform.s.value = k;193
document.zform.m.value = m;194
document.zform.w.focus();195
}196
197
// Zoom out the demo Image if it was zoom in198
function OutDemo(img)199
{200
if (navigator.appVersion.indexOf("MSIE") == -1) return;201
var demo = document.getElementById('DemoImg2');202
demo.style.display = 'none';203
}204
205
function OverDemo(img)206
{207
if (navigator.appVersion.indexOf("MSIE") == -1) return;208
if (img.alt == '') return;209
210
var demo = document.getElementById('DemoImg2');211
demo.style.display = '';212
var ex, ey;213
var jmg = demo.childNodes[0];214
jmg.src = img.src;215
216
ex = document.body.scrollLeft + window.event.clientX;217
ey = document.body.scrollTop + window.event.clientY - jmg.height - 20;218
demo.style.left = String(ex) + 'px';219
demo.style.top = String(ey) + 'px';220
}221
222
// Init the page223
// 加载后自动选择缺省风格并将输入框激活224
function PageInit() {225
document.zform.w.focus();226
document.zform.w.onkeyup = function (e)227
{228
if (!e) { e = window.event; }229
if (e.keyCode == 8) { HideDemo(); }230
}231
}232
</script>
