Easeljs - Hyperlien. En dehors d'un script easeljs: comment puis-je créer un hyperlien vers un autre site Web? Par exemple: lorsqu'un événement onClickEvent se produit, une autre fenêtre s'ouvre - dans mon cas, je souhaite envoyer une variable, un ID à une autre page avec une requête SQL sur l'ID pour plus de détails. Tout échantillon serait génial. salutations, J o elien hypertexte easeljs
http://www.w3schools.com/jsref/met_win_open.asp
window.open(URL,name,specs,replace);
Mais sachez que popups/nouveaux onglets comme celui-ci peuvent être bloqués par le navigateur si pas suivi un utilisateur événement. Vous pouvez également récupérer les détails via jQuery.get ou jQuery.ajax ect .. puis afficher les informations directement dans votre application.
Lorsque vous cliquez sur la forme rouge, il ouvrira google.com. Vous pouvez ajouter le lien hypertexte n'importe quel objet easeljs comme ceci.
<!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>
Vous pouvez également utiliser window.location dans le cas où vous ne souhaitez que rediriger vers une autre page au lieu d'ouvrir une nouvelle fenêtre/onglet. Par exemple:
var id = 0 //the variable you want to pass;
shape.addEventListener("click", gotoURL);
function gotoURL(){
location.assign('http://yoursite.com/search?id='+id);
}