HongYingPanelBox..脚本

var HYPanelBoxZindex;
3

//对话框移动方法
5

function HongYiMessageBoxDrag(moveObj)
6

{
7

var DragObj = moveObj.style;
8

var DBody = document.body;
9

var x = event.clientX + DBody.scrollLeft - DragObj.pixelLeft;
10

var y = event.clientY + DBody.scrollTop - DragObj.pixelTop;
11

var objMove=moveObj;
12

var move = function()
13

{
14

if (event.button == 1)
15

{
16

DragObj.pixelLeft = event.clientX + DBody.scrollLeft - x;
18

DragObj.pixelTop = event.clientY + DBody.scrollTop - y;
19

HongYiPanelBoxPostBack(moveObj);
20

}
21

else document.detachEvent('onmousemove', move);
22

}
23

document.attachEvent('onmousemove', move)
24

if (!HYPanelBoxZindex) HYPanelBoxZindex = 999;
26

DragObj.zIndex = ++HYPanelBoxZindex;
27

event.cancelBubble = true;
28

}
29

var HongYiPanelBoxObj = null;//存储改变大小的对象，全局对象。
31

var IsHongYiPanelObjContent = true; //用于屏蔽
32

function HongYiPanelBoxContent_OnMouseDown()
35

{
36

IsHongYiPanelObjContent=false;
37

}
38

function PanelBox()
41

{
42

this.el = null;
43

this.dir = ''; //存储当前拖动的方向，resize (n,s,e,w,ne,nw,se,sw)
44

this.grabx = null; //Some useful values
45

this.graby = null;
46

this.width = null;
47

this.height = null;
48

this.left = null;
49

this.top = null;
50

this.BoxWidth=null
52

this.BoxHeight=null
53

this.BoxTitleWidth=null
54

this.BoxTitleHeith=null
55

this.BoxContentWidth=null
56

this.BoxContentHeight=null
57

}
58

//获取要拖动的方向
61

function HongYiGetDirection(el)
62

{
63

var xPos,yPos,offset,dir;
64

dir = '';
65

xPos = window.event.offsetX;
67

yPos = window.event.offsetY;
68

offset = 8; //The distance from the edge in pixels
70

if(yPos < offset)
72

{
73

dir += 'n';
74

}
75

else
76

{
77

if(yPos > el.offsetHeight-offset)
78

{
79

dir += 's';
80

}
81

}
82

if (xPos<offset)
84

{
85

dir += 'w';
86

}
87

else
88

{
89

if(xPos > el.offsetWidth-offset)
90

{
91

dir += 'e';
92

}
93

}
94

return dir;
96

}
97

//获取的对象
99

//HongYiGetReal(事件,属性,值);
100

function HongYiGetReal(el,type,value)
101

{
102

temp = el;
103

while((temp != null) && (temp.tagName != 'BODY'))
104

{
105

if (eval('temp.' + type) == value)
106

{
107

el = temp;
108

return el;
109

}
110

temp = temp.parentElement;
111

}
112

return el;
113

}
114

115

function HongYiPanelBox_OnMouseDown()
116

{
117

if(IsHongYiPanelObjContent)
118

{
119

var el = HongYiGetReal(event.srcElement, 'className', 'HongYiPanelBox');
120

121

if (el == null)
122

{
123

HongYiPanelBoxObj = null;
124

return;
125

}
126

127

dir = HongYiGetDirection(el);
128

if( dir == '' )
129

return;
130

131

HongYiPanelBoxObj = new PanelBox();
132

133

HongYiPanelBoxObj.el = el;
134

HongYiPanelBoxObj.dir = dir;
135

HongYiPanelBoxObj.grabx = window.event.clientX;
136

HongYiPanelBoxObj.graby = window.event.clientY;
137

HongYiPanelBoxObj.width = el.offsetWidth;
138

HongYiPanelBoxObj.height = el.offsetHeight;
139

HongYiPanelBoxObj.left = el.offsetLeft;
140

HongYiPanelBoxObj.top = el.offsetTop;
141

142

var HongYiPanelBoxContent = HongYiPanelBoxObj.el.childNodes(1);
143

var PanelBoxSize = HongYiGetSize(HongYiPanelBoxObj)
144

HongYiPanelBoxContent.style.height=(PanelBoxSize.BoxHeight-PanelBoxSize.BoxTitleHeith)+'px'
145

HongYiPanelBoxContent.style.width=(PanelBoxSize.BoxWidth)+'px';
146

HongYiPanelBoxContent.style.display='none';
147

HongYiPanelBoxPostBack(HongYiPanelBoxObj.el);
148

149

window.event.returnValue = false;
150

window.event.cancelBubble = true;
151

}
152

IsHongYiPanelObjContent=true;
153

}
154

155

function HongYiGetSize(obj)
156

{
157

var HongYiPanelBoxContent = obj.el.childNodes(1);
158

var HongYipanelBoxTitle = obj.el.childNodes(0);
159

160

obj.BoxWidth=parseFloat(obj.el.style.width);
161

obj.BoxHeight=parseFloat(obj.el.style.height);
162

obj.BoxTitleWidth=parseFloat(HongYipanelBoxTitle.style.width);
163

obj.BoxTitleHeith=parseFloat(HongYipanelBoxTitle.style.height);
164

obj.BoxContentWidth=parseFloat(HongYiPanelBoxContent.style.width);
165

obj.BoxContentHeight=parseFloat(HongYiPanelBoxContent.style.width);
166

return obj;
167

}
168

169

function HongYiPanelBox_OnMouseUp()
170

{
171

if (HongYiPanelBoxObj != null)
172

{
173

var HongYiPanelBoxContent = HongYiPanelBoxObj.el.childNodes(1);
174

HongYiPanelBoxContent.style.display='';
175

HongYiPanelBoxObj = null;
176

177

}
178

}
179

180

function HongYiPanelBox_OnMouseMove()
181

{
182

var el,xPos,yPos,str,xMin,yMin;
183

xMin = 8; //The smallest width possible
184

yMin = 8; //height
185

186

el = HongYiGetReal(event.srcElement, 'className', 'HongYiPanelBox');
187

188

if(el.className == 'HongYiPanelBox')
189

{
190

str = HongYiGetDirection(el);
191

//Fix the cursor
192

if (str == '')
193

{
194

str = 'default';
195

}
196

else
197

{
198

str += '-resize';
199

}
200

el.style.cursor = str;
201

}
202

203

//Dragging starts here
204

if(HongYiPanelBoxObj != null)
205

{
206

HongYiPanelBoxPostBack(HongYiPanelBoxObj.el);
207

if (dir.indexOf('e') != -1)
208

{
209

HongYiPanelBoxObj.el.style.width = Math.max(xMin, HongYiPanelBoxObj.width + window.event.clientX - HongYiPanelBoxObj.grabx) + 'px';
210

}
211

212

if (dir.indexOf('s') != -1)
213

{
214

HongYiPanelBoxObj.el.style.height = Math.max(yMin, HongYiPanelBoxObj.height + window.event.clientY - HongYiPanelBoxObj.graby) + 'px';
215

}
216

217

if (dir.indexOf('w') != -1)
218

{
219

HongYiPanelBoxObj.el.style.left = Math.min(HongYiPanelBoxObj.left + window.event.clientX - HongYiPanelBoxObj.grabx,
220

HongYiPanelBoxObj.left + HongYiPanelBoxObj.width - xMin) + 'px';
221

HongYiPanelBoxObj.el.style.width = Math.max(xMin, HongYiPanelBoxObj.width - window.event.clientX + HongYiPanelBoxObj.grabx) + 'px';
222

}
223

if (dir.indexOf('n') != -1)
224

{
225

HongYiPanelBoxObj.el.style.top = Math.min(HongYiPanelBoxObj.top + window.event.clientY - HongYiPanelBoxObj.graby,
226

HongYiPanelBoxObj.top + HongYiPanelBoxObj.height - yMin) + 'px';
227

HongYiPanelBoxObj.el.style.height = Math.max(yMin, HongYiPanelBoxObj.height - window.event.clientY + HongYiPanelBoxObj.graby) + 'px';
228

}
229

230

var HongYiPanelBoxContent = HongYiPanelBoxObj.el.childNodes(1);
231

var HongYiPanelBoxTitle = HongYiPanelBoxObj.el.childNodes(0);
232

var PanelBoxSize = HongYiGetSize(HongYiPanelBoxObj)
233

HongYiPanelBoxContent.style.height=(PanelBoxSize.BoxHeight-PanelBoxSize.BoxTitleHeith)+'px'
234

HongYiPanelBoxContent.style.width=(PanelBoxSize.BoxWidth)+'px';
235

HongYiPanelBoxTitle.style.width=(PanelBoxSize.BoxWidth)+'px';
236

237

238

window.event.returnValue = false;
239

window.event.cancelBubble = true;
240

}
241

}
242

document.onmouseup = HongYiPanelBox_OnMouseUp;
243

document.onmousemove = HongYiPanelBox_OnMouseMove;
244

// document.onmousedown = doDown;
245

246

function HongYiPanelBox_OnClose(obj)
247

{
248

obj.style.display='none';
249

obj.nextSibling.style.display='none';
250

}
251

252

function HongYiPanelBox_Show(obj)
253

{
254

obj.style.display='none';
255

obj.previousSibling.style.display='';
256

HongYiPanelBoxActiveIndex(obj.previousSibling)
257

258

259

}
260

261

function HongYiPanelBox_ShowSelf(obj)
262

{
263

obj.previousSibling.style.display='';
264

HongYiPanelBoxActiveIndex(obj.previousSibling)
265

}
266

267

function HongYiPanelBox_MinState(obj)
268

{
269

obj.style.display='none';
270

obj.nextSibling.style.display='';
271

}
272

273

function HongYiPanelBox_MinStateSelf(obj)
274

{
275

obj.style.display='none';
276

}
277

278

function HongYingPanelBoxTaskItem_OnMouseMoveCss(obj,cssName)
279

{
280

obj.className=cssName;
281

}
282

283

function HongYingPanelBoxTaskItem_OnMouseMoveOutCss(obj,cssName)
284

{
285

obj.className=cssName;
286

}
287

288

function HongYiPanelBox_OnMaxState(obj)
289

{
290

obj.style.width='99%';
291

obj.style.height='99%';
292

obj.style.top='0px';
293

obj.style.left='0px'
294

var HongYiPanelBoxContent = obj.childNodes(1);
295

var HongYiPanelBoxTitle = obj.childNodes(0);
296

HongYiPanelBoxContent.style.width='100%';
297

HongYiPanelBoxContent.style.height='96%';
298

HongYiPanelBoxTitle.style.width='100%';
299

}
300

301

function HongYiPanelBox_ShowById(objId)
302

{
303

var obj = document.getElementById(objId);
304

obj.style.display='';
305

}
306

307

function HongYiPanelBox_CenterSize(obj)
308

{
309

obj.style.width=(window.screen.width/2)+'px';
310

obj.style.height=(window.screen.height/2)+'px';
311

obj.style.top='100px';
312

obj.style.left='300px';
313

314

var HongYiPanelBoxContent = obj.childNodes(1);
315

var HongYiPanelBoxTitle = obj.childNodes(0);
316

HongYiPanelBoxContent.style.width=obj.style.width;
317

HongYiPanelBoxContent.style.height=(parseFloat(obj.style.height)-parseFloat(HongYiPanelBoxTitle.style.height))+'px';
318

HongYiPanelBoxTitle.style.width=obj.style.width;
319

}
320

321

function HongYiPanelBoxActiveIndex(obj)
322

{
323

if (!HYPanelBoxZindex) HYPanelBoxZindex = 999;
324

obj.style.zIndex= ++HYPanelBoxZindex;
325

}
326

327

function HongYiPanelBoxActiveIndexByobjId(objId)
328

{
329

var obj = document.getElementById(objId);
330

if (!HYPanelBoxZindex) HYPanelBoxZindex = 999;
331

obj.style.zIndex= ++HYPanelBoxZindex;
332

}
333

334

function HongYiPanelBoxPostBack(obj)
335

{
336

var DataContainer = document.getElementById(obj.id+'Hidden');
337

DataContainer.value= parseFloat(obj.style.top)+'~'+ parseFloat(obj.style.left)+'~'+parseFloat(obj.style.width)+'~'+parseFloat(obj.style.height);
338

}
339

</script>