2013-01-15 142 views
-1

Easeljs - 超链接。 从easeljs脚本中出来:如何超链接到另一个网站? 例如:当一个onClickEvent发生另一个窗口打开 - 在我的情况下,我想发送一个变量,一个ID到另一个页面上有一个SQL请求的ID的更多细节。 任何样品都会很棒。 问候,J产地证电子easeljs超链接

回答

0

http://www.w3schools.com/jsref/met_win_open.asp

window.open(URL,name,specs,replace); 

但要知道,这样的弹出式广告/新选项卡可能会被浏览器拦截,如果不按照此用户的事件。您也可以通过jQuery.get或jQuery.ajax等检索详细信息,然后直接在应用程序中显示信息。

1

enter image description here

当你点击红色的形状,将打开google.com。您可以像这样添加超链接的任何easeljs对象。

<!DOCTYPE HTML> 
<html> 
<head> 
<title></title> 

<style> 
    #myCanvas{ 
     background-color:#CCC; 
    } 
</style> 

<script src="easeljs-0.7.1.min.js"></script> 
<script src="jquery-1.7.2.min.js"></script> 
<script> 
var canvas, stage; 
$().ready(function(e) { 
    canvas = document.getElementById("myCanvas"); 
    stage = new createjs.Stage(canvas); 
    var shape = new createjs.Shape(); 
    shape.graphics.beginFill("#ff0000").drawRect(0, 0, 100, 100); 
    stage.addChild(shape); 
    shape.x = 200, shape.y = 100; 
    shape.addEventListener("click", goURL, false); 
    stage.update(); 

}); 
function goURL(){ 
    window.open("http://google.com"); 
    } 
</script> 


</head> 
<body onload="init()"> 
<canvas id="myCanvas" width="500" height="400"> 

</canvas> 
</body> 
</html> 
0

您还可以使用window.location如果你只是想重定向到另一个页面,而不是打开一个新窗口/标签。例如:

var id = 0 //the variable you want to pass; 

shape.addEventListener("click", gotoURL); 

function gotoURL(){ 
    location.assign('http://yoursite.com/search?id='+id); 
}