flash POST与GET给PHP数据 (2010-01-08)
flash POST与GET给PHP数据
主要的函数是
system.useCodepage = true;
my_vars = new LoadVars();
my_vars.send(url,"_blank","GET");
my_vars.sendAndLoad(url,"_blank","POST");
代码如下
-
stop();
-
-
send_btn.onRelease = function(){
-
-
system.useCodepage = true;
-
-
my_vars = new LoadVars();
-
var url = "http://39788.eregistry2.hop.clickbank.net";
-
//var get_url = "http://www.govregistry.us/register.php?hop=39788&search_type=background&timeout=20&action=search&xpath=sbox&conversion_id=&gc_source=&fname_req=tom&middle_name=&approx_age=&lname_req=&city=&state=NC&x=96&y=27";
-
-
//post hidden var
-
my_vars.hop = "39788";
-
my_vars.search_type = "background";
-
my_vars.timeout = "20";
-
my_vars.action = "search";
-
my_vars.xpath = "sbox";
-
my_vars.conversion_id = "";
-
my_vars.gc_source = "";
-
my_vars.tid = "";
-
-
//post form var
-
my_vars.fname_req = fname_req.text;
-
my_vars.middle_name = middle_name.text;
-
my_vars.approx_age = approx_age.text;
-
my_vars.lname_req = lname_req.text;
-
my_vars.city = city.text;
-
my_vars.state_var = state_var.text;
-
-
my_vars.send(url,"_blank","GET");
-
//my_vars.getURL(url,"_blank","GET");
-
-
//my_vars.send("http://www.govregistry.us/","_blank","GET")
-
-
-
}
-
-
-
/*
-
send_btn.onRelease=function(){
-
getURL("http://www.govregistry.us/register.php?hop=39788&search_type=background&timeout=20&action=search&xpath=sbox&conversion_id=&gc_source=&fname_req="+fname_req.text+"&middle_name="+middle_name.text+"approx_age="+approx_age.text+"&lname_req="+lname_req.text+"&city="+city.text+"&state="+state_var.text+"&x=96&y=27","_blank")
-
}
-
*/
-
JS控制DIV层拖/拉/放 (2009-12-02)
今天下班回家路上看了会书
其实JS拖拽层并不是太难
简单嘚瑟一下原理:
1. css的position:absolute属性控制层定位
2. onmousedown onmouseup onmousemove事件控制
3. 层跟随鼠标移动中获取x,y轴坐标
判断鼠标是不是左键按下去了?是，把控制权交给mouseMove()函数
左键松开把mouseMove()函数控制权销毁
最简单的例子
代码如下
-
<script type="text/javascript">
-
var ie = (document.all);
-
var ns = !ie;
-
var _dragobj;
-
-
function dragInit() {
-
document.onmousemove = mouseMove;
-
_dragobj = document.getElementById('test');
-
}
-
-
function mouseMove(e) {
-
x = (ns)?e.pageX:event.x;
-
y = (ns)?e.pageY:event.y;
-
-
_dragobj.style.left = (x+12)+'px';
-
_dragobj.style.top = (y+5)+'px';
-
}
-
</script>
-
-
<body onload="dragInit();">
-
<div id="test" style="position:absolute; width:20px; height:20px; background:#000">Mouse</div>
-
</body>
其中mouseMove函数中IE使用event获取坐标,非IE用pageX,pageY获取坐标
下面是一个完整的例子
流程如下：
初始化 dragInit() -> 按下鼠标启动startDrag()把控制权做好安排 -> 交给mouseMove()处理拖拉放 ->鼠标松开mouseUp()把控制权收回。
代码如下
-
<style type="text/css">
-
.move {cursor:move;}
-
.op {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
-
.t {color:#00F;font-weight:bold;}
-
#Layer1 {
-
position:absolute;
-
width:431px;
-
height:244px;
-
z-index:1;
-
left: 37px;
-
top: 127px;
-
}
-
</style>
-
<script type="text/javascript">
-
var ns = (navigator.vendor == ("Netscape6") || navigator.product == ("Gecko"));
-
var ie = (document.all);
-
var _dragobj,_dragActive=true;
-
var _maxi=0,_curri,_className;
-
-
function mouseMove(e){
-
//set drag status
-
_dragActive=false;
-
-
x=(ns)?e.pageX:event.x;
-
y=(ns)?e.pageY:event.y;
-
-
_dragobj.style.left=(_cx+x)+'px';
-
_dragobj.style.top=(_cy+y)+'px';
-
-
}
-
-
function mouseUp(e){
-
_dragobj.className=_className;
-
-
//set drag status
-
_dragActive=true;
-
_maxi++;
-
-
document.onmousemove=noopMouse;
-
document.onmousedown=noopMouse;
-
document.onmouseup=noopMouse;
-
-
snapGrid(true);
-
}
-
-
function mouseDown(e){
-
dragable=(_dragobj.getAttribute('dragable')=='dragable');
-
_className=_dragobj.className
-
_dragobj.className=(dragable)?'op':_className;
-
//alert(_dragobj.style.filter);
-
-
//change current layer to top
-
_dragobj.style.zIndex=_maxi;
-
-
//start drag command
-
document.onmousemove=mouseMove;
-
-
//get offset between layer position and cursor position
-
x=(ns)?e.pageX:event.x;
-
y=(ns)?e.pageY:event.y;
-
-
_cx=_dragobj.offsetLeft-x;
-
_cy=_dragobj.offsetTop-y;
-
-
}
-
-
function noopMouse(e){
-
return false;
-
}
-
-
function hitTest(a,b){
-
//is current layer overlay with other ?
-
var ax,ay,aw,ah;
-
var bx,by,bw,bh;
-
-
ax=a.offsetLeft;
-
ay=a.offsetTop;
-
aw=parseInt(a.style.width);
-
ah=parseInt(a.style.height);
-
-
bx=b.offsetLeft;
-
by=b.offsetTop;
-
bw=parseInt(b.style.width);
-
bh=parseInt(b.style.height);
-
-
if((ax+aw)>=bx && ax <=(bx+bw) && (ay+ah) >=by && ay <= (by+bh)){
-
return true
-
}else{
-
return false
-
}
-
}
-
-
function dragInit(){
-
var i, a, main,obj;
-
-
for(i=0; (a = document.getElementsByTagName("div")[i]); i++) {
-
obj=document.getElementById(a.getAttribute("id"));
-
if (obj.style.zIndex==null || obj.style.zIndex==''){
-
obj.style.zIndex=i;
-
}
-
_maxi=Math.max(obj.style.zIndex,_maxi);
-
}
-
_maxi++;
-
}
-
-
function startDrag(layerName){
-
//is this layer dragable?
-
dragable=(document.getElementById(layerName).getAttribute('dragable')=='dragable');
-
-
//to avoid when mouse over layer, change layer obj
-
if (_dragActive&&dragable){
-
if (document.getElementById(layerName)!='null'){
-
_dragobj=document.getElementById(layerName);
-
-
document.onmousedown=mouseDown;
-
document.onmouseup=mouseUp;
-
}
-
}else{
-
document.onmousemove=noopMouse;
-
document.onmousedown=noopMouse;
-
document.onmouseup=noopMouse;
-
}
-
}
-
-
function snapGrid(b){
-
var grid=20;
-
var diffx=parseInt(_dragobj.style.left)%grid;
-
var diffy=parseInt(_dragobj.style.top)%grid;
-
-
if (b){
-
_dragobj.style.left=parseInt(_dragobj.style.left)+((diffx>(grid/2))?(grid-diffx):(0-diffx))+'px';
-
_dragobj.style.top=parseInt(_dragobj.style.top)+((diffy>(grid/2))?(grid-diffy):(0-diffy))+'px';
-
}
-
}
-
-
function isDragable(layerName){
-
//is this layer dragable?
-
dragable=(document.getElementById(layerName).getAttribute('dragable')=='dragable');
-
//document.getElementById(layerName).className=(dragable)?'move':document.getElementById(layerName).className;
-
document.getElementById(layerName).style.cursor='move';
-
}
-
-
function lockDrag(layerName){
-
document.getElementById(layerName).setAttribute('dragable','fixed');
-
}
-
-
function releaseDrag(layerName){
-
document.getElementById(layerName).setAttribute('dragable','dragable');
-
}
-
-
</script>
-
</head>
-
<body onload="dragInit();">
-
<div id="test" dragable="dragable" style="position:absolute; width:200px; height:100px; border:#000 1px solid; background:#EEE; left: 580px; top: 100px;" onmouseover="isDragable(this.id);" onmousedown="startDrag(this.id);">
-
<table width="100%" border="0" cellspacing="1" cellpadding="2">
-
<tr>
-
<td align="right" bgcolor="#0000FF"><img src="images/x.gif" width="15" height="15" /></td>
-
</tr>
-
</table>
-
<a href="javascript://" onclick="lockDrag('test');">Lock</a><br />
-
<a href="javascript://" onclick="releaseDrag('test');">Release</a>
-
</div>
-
<div id="test1" dragable="dragable" style="position:absolute; width:780px; height:100px; border:#000 1px solid; background:#EEE; left: 0px; top: 0px;" onmouseover="isDragable(this.id);" onmousedown="startDrag(this.id);">
-
<table width="100%" border="0" cellspacing="1" cellpadding="2">
-
<tr>
-
<td align="right" bgcolor="#0000FF"><img src="images/x.gif" width="15" height="15" /></td>
-
</tr>
-
</table>
-
</div>
-
<div id="test2" dragable="dragable" style="position:absolute; width:200px; height:100px; border:#000 1px solid; background:#EEE; left: 580px; top: 200px;" onmouseover="isDragable(this.id);" onmousedown="startDrag(this.id);">
-
<table width="100%" border="0" cellspacing="1" cellpadding="2">
-
<tr>
-
<td align="right" bgcolor="#0000FF"><img src="images/x.gif" width="15" height="15" /></td>
-
</tr>
-
</table>
-
<a href="javascript://" onclick="lockDrag('test2');">Lock</a><br />
-
<a href="javascript://" onclick="releaseDrag('test2');">Release</a>
-
</div>
-
<div id="test3" dragable="dragable" class="t" style="position:absolute; width:200px; height:100px; border:#000 1px solid; background:#EEE; left: 580px; top: 300px;" onmouseover="isDragable(this.id);" onmousedown="startDrag(this.id);">
-
<table width="100%" border="0" cellspacing="1" cellpadding="2">
-
<tr>
-
<td align="right" bgcolor="#0000FF"><img src="images/x.gif" width="15" height="15" /></td>
-
</tr>
-
</table>
-
<a href="javascript://" onclick="lockDrag('test3');">Lock</a><br />
-
<a href="javascript://" onclick="releaseDrag('test3');">Release</a>
-
</div>
