problem in calling js library

Monday, January 5, 2015

Hi all , blow code is not working on my site...please help anyone.

<!DOCTYPE html>
    <script src=""></script>
    <script src=""></script>   
    <script src=""></script>
        body {
        #container {
            border:solid 1px #ccc;
            margin-top: 10px;
        #toolbar {
            border:solid 1px blue;
    <script type="text/javascript">
                    // get a reference to the house icon in the toolbar
            // hide the icon until its image has loaded
            var $house = $("#house");

            // get the offset position of the kinetic container
            var $stageContainer = $("#container");
            var stageOffset = $stageContainer.offset();
            var offsetX = stageOffset.left;
            var offsetY =;

            // create the Kinetic.Stage and layer
            var stage = new Kinetic.Stage({
                container: 'container',
                width: 350,
                height: 350
            var layer = new Kinetic.Layer();

            // start loading the image used in the draggable toolbar element
            // this image will be used in a new Kinetic.Image
            var image1 = new Image();
            image1.onload = function () {
            image1.src = "";

            // make the toolbar image draggable
                helper: 'clone',

            // set the data payload
            $"url", "house.png"); // key-value pair
            $"width", "32"); // key-value pair
            $"height", "33"); // key-value pair
            $"image", image1); // key-value pair

            // make the Kinetic Container a dropzone
                drop: dragDrop,

            // hangle a drop into the Kinetic container
            function dragDrop(e, ui) {

                // get the drop point
                var x = parseInt(ui.offset.left - offsetX);
                var y = parseInt( - offsetY);

                // get the drop payload (here the payload is the image)
                var element = ui.draggable;
                var data ="url");
                var theImage ="image");

                // create a new Kinetic.Image at the drop point
                // be sure to adjust for any border width (here border==1)
                var image = new Kinetic.Image({
                    name: data,
                    x: x,
                    y: y,
                    image: theImage,
                    draggable: true
        <div id="toolbar">
            <img id="house" width=32 height=32 src=""/>
        <div id="container"></div>

You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to
For more options, visit


Post a Comment

Note: Only a member of this blog may post a comment.

Copyright © 2010 Web Design | Free Blogger Templates by Splashy Templates | Layout by Atomic Website Templates

Vida de bombeiro Recipes Informatica Humor Jokes Mensagens Curiosity Saude Video Games Animals Diario das Mensagens Eletronica Rei Jesus News Noticias da TV Artesanato Esportes Noticias Atuais Games Pets Career Religion Recreation Business Education Autos Academics Style Television Programming Motosport Humor News The Games Home Downs World News Internet Design Entertaimment Celebrities 1001 Games Doctor Pets Net Downs World Enter Jesus Mensagensr Android Rub Letras Dialogue cosmetics Genexus lasofia thebushrajr wingshock tripedes gorduravegetal dainfamia dejavu-transpersonal jsbenfica republicadasbadanas ruiherbon iranianforaryans eaystcheyl fotosdanadir Só Humor Curiosity Gifs Medical Female American Health Madeira Designer PPS Divertidas Estate Travel Estate Writing Computer Matilde Ocultos Matilde futebolcomnoticias girassol lettheworldturn topdigitalnet Bem amado enjohnny produceideas foodasticos cronicasdoimaginario downloadsdegraca compactandoletras newcuriosidades blogdoarmario arrozinhoii