MASTER PSYCHIC READER~ ACCURATE & AMUSING

Thursday, January 22, 2015

0 comments
Your first 3 minutes are FREE talking live with me.

Please visit my website at: http://www.keen.com/Ask+Fran

Or, call me right now at: 1-800-275-5336 x0160

Have 25 years experience

Reads 24/7

E-mail: rodeodrive84@...

What clients say about Fran's readings:

"Thank you so much!!!!  I will call again. You were awesome!!"

"Best phone call ever! Amazingly accurate."

"Love it or hate it... Fran doesn't sugar coat. Awesome reader."

"Thanks Fran, I always feel so much better and whole as a person & myself after talking with you. I appreciate your memory from each time we leave off and pick up again. God bless."


100% Job Oriented WebServices SoapUI Testing Course

Tuesday, January 20, 2015

0 comments
SoapUI is an open source online functional testing tool. Today, there is a huge demand for this testing course. Keeping this in mind, ITeLearn is offering 100% job oriented training with innovative methods and techniques on SoapUI testing course. This platform build excellent career graph with well structured and planned course pattern. It is a leading online training provider for SoapUI testing course, deliver the right professionals to the world with right skills.

Our online training sessions of SoapUI testing are specially designed based on classroom training that makes you to feel as live face to face high end sessions. 

--
You received this message because you are subscribed to the Google Groups "Web Design & Programming | Tutorials - Tips - Tricks" group.
To unsubscribe from this group and stop receiving emails from it, send an email to web-des-prog+unsubscribe@googlegroups.com.
To post to this group, send email to web-des-prog@googlegroups.com.
Visit this group at http://groups.google.com/group/web-des-prog.
For more options, visit https://groups.google.com/d/optout.

Re: print copy of image when drag the original image

Thursday, January 8, 2015

0 comments
I cannot grok exactly by what you mean by "i want to print a copy of image at perticular x,y coordinate", but I assume this is what you want. 

In your code below, please see statement prefixed by /*Added by JAL*/

On Wednesday, January 7, 2015 at 12:07:43 PM UTC-5, Biruntha Gnaneswaran wrote:
Hi, when dragging the image within the container i want to print a copy of image at perticular x,y coordinate and previous drawn image should be erase how can i do this?please help me...


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Prototype</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.7.2.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<style>
    body{padding:20px;}
    #container{
      border:solid 1px #ccc;
      margin-top: 10px;
      width:350px;
      height:350px;
    }
    #toolbar{
      width:350px;
      height:35px;
      border:solid 1px blue;
    }
</style>       
<script>
$(function(){

    // get a reference to the house icon in the toolbar
    // hide the icon until its image has loaded
    var $house=$("#house");
    $house.hide();

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

    // create the Kinetic.Stage and layer
    var stage = new Kinetic.Stage({
        container: 'container',
        width: 350,
        height: 350
    });
    var layer = new Kinetic.Layer();
    stage.add(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(){
        $house.show();
    }
    image1.src="http://vignette1.wikia.nocookie.net/angrybirds/images/b/b6/Small.png/revision/latest?cb=20120501022157";

    // make the toolbar image draggable
    $house.draggable({
        helper:'clone',
    });

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

    // make the Kinetic Container a dropzone
    $stageContainer.droppable({
        drop:dragDrop,
    });

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

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

        // get the drop payload (here the payload is the image)
        var element=ui.draggable;
        var data=element.data("url");
        var theImage=element.data("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,
       
        // restrict to allow horizontal dragging only
        dragBoundFunc: function(pos) {
//            if(pos.x<this.minX){  pos.x=this.minX; }
//            this.minX=pos.x;
            return {
              x: pos.x,
              y: this.getAbsolutePosition().y
            }
        }       
       
       });
      
       //get image position.
            image.on("dragend", function() {
               var points = image.getPosition();
               //alert(points.x + ',' + points.y);
               var image1 = new Kinetic.Image({
                    name: data,
                    id: "imageantry",
                    x: points.x+65,
                    y: points.y,
                    image: theImage,
                    draggable: false
                });
                    /* Added by JAL*/  image.remove();  /* END Added by JAL*/  
                layer.add(image1);
                layer.draw();
            });
        image.on('dblclick', function() {
            image.remove();
            layer.draw();
        });
        layer.add(image);
        layer.draw();
    }

}); // end $(function(){});

</script>      
</head>
<body>
    <div id="toolbar">
        <img id="house" width=32 height=32 src="http://vignette1.wikia.nocookie.net/angrybirds/images/b/b6/Small.png/revision/latest?cb=20120501022157"><br>
    </div>
    <div id="container"></div>
</body>
</html>

--
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 javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

print copy of image when drag the original image

Wednesday, January 7, 2015

0 comments
Hi, when dragging the image within the container i want to print a copy of image at perticular x,y coordinate and previous drawn image should be erase how can i do this?please help me...


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Prototype</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
    <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.7.2.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<style>
    body{padding:20px;}
    #container{
      border:solid 1px #ccc;
      margin-top: 10px;
      width:350px;
      height:350px;
    }
    #toolbar{
      width:350px;
      height:35px;
      border:solid 1px blue;
    }
</style>       
<script>
$(function(){

    // get a reference to the house icon in the toolbar
    // hide the icon until its image has loaded
    var $house=$("#house");
    $house.hide();

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

    // create the Kinetic.Stage and layer
    var stage = new Kinetic.Stage({
        container: 'container',
        width: 350,
        height: 350
    });
    var layer = new Kinetic.Layer();
    stage.add(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(){
        $house.show();
    }
    image1.src="http://vignette1.wikia.nocookie.net/angrybirds/images/b/b6/Small.png/revision/latest?cb=20120501022157";

    // make the toolbar image draggable
    $house.draggable({
        helper:'clone',
    });

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

    // make the Kinetic Container a dropzone
    $stageContainer.droppable({
        drop:dragDrop,
    });

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

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

        // get the drop payload (here the payload is the image)
        var element=ui.draggable;
        var data=element.data("url");
        var theImage=element.data("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,
       
        // restrict to allow horizontal dragging only
        dragBoundFunc: function(pos) {
//            if(pos.x<this.minX){  pos.x=this.minX; }
//            this.minX=pos.x;
            return {
              x: pos.x,
              y: this.getAbsolutePosition().y
            }
        }       
       
       });
      
       //get image position.
            image.on("dragend", function() {
               var points = image.getPosition();
               //alert(points.x + ',' + points.y);
               var image1 = new Kinetic.Image({
                    name: data,
                    id: "imageantry",
                    x: points.x+65,
                    y: points.y,
                    image: theImage,
                    draggable: false
                });
                layer.add(image1);
                layer.draw();
            });
        image.on('dblclick', function() {
            image.remove();
            layer.draw();
        });
        layer.add(image);
        layer.draw();
    }

}); // end $(function(){});

</script>      
</head>
<body>
    <div id="toolbar">
        <img id="house" width=32 height=32 src="http://vignette1.wikia.nocookie.net/angrybirds/images/b/b6/Small.png/revision/latest?cb=20120501022157"><br>
    </div>
    <div id="container"></div>
</body>
</html>

--
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 javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: make mutiple image to be draggable

Tuesday, January 6, 2015

0 comments
I got gobsmacked by the way JsFiddle handles updates.

This link:
is the last and best version of multiple drag and drop icons I came up with. I'm not sure the previous link actually works. 
 

On Monday, January 5, 2015 9:39:37 AM UTC-5, Biruntha Gnaneswaran wrote:
In, http://jsfiddle.net/m1erickson/LuZbV/ code only one image is draggable.How can i make multible image in toolbar to be draggable?Anyone help me?

--
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 javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Re: make mutiple image to be draggable

0 comments
Here is the brute force approach:

Anyone want to see the finesse approach? 

On Monday, January 5, 2015 9:39:37 AM UTC-5, Biruntha Gnaneswaran wrote:
In, http://jsfiddle.net/m1erickson/LuZbV/ code only one image is draggable.How can i make multible image in toolbar to be draggable?Anyone help me?

--
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 javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

MASTER PSYCHIC READER~ ACCURATE & AMUSING

0 comments
Your first 3 minutes are FREE talking live with me.

Please visit my website at: http://www.keen.com/Ask+Fran

Or, call me right now at: 1-800-275-5336 x0160

Have 25 years experience

Reads 24/7

E-mail: rodeodrive84@...

What clients say about Fran's readings:

"Thank you so much!!!!  I will call again. You were awesome!!"

"Best phone call ever! Amazingly accurate."

"Love it or hate it... Fran doesn't sugar coat. Awesome reader."

"Thanks Fran, I always feel so much better and whole as a person & myself after talking with you. I appreciate your memory from each time we leave off and pick up again. God bless."


make mutiple image to be draggable

Monday, January 5, 2015

0 comments
In, http://jsfiddle.net/m1erickson/LuZbV/ code only one image is draggable.How can i make multible image in toolbar to be draggable?Anyone help me?

--
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 javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

problem in calling js library

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

<!DOCTYPE html>
<html>
  <head>   
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>   
    <script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.7.2.min.js"></script>
    <style>
        body {
            padding:20px;
        }
        #container {
            border:solid 1px #ccc;
            margin-top: 10px;
            width:350px;
            height:350px;
        }
        #toolbar {
            width:350px;
            height:35px;
            border:solid 1px blue;
        }
    </style>
    <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");
            $house.hide();

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

            // create the Kinetic.Stage and layer
            var stage = new Kinetic.Stage({
                container: 'container',
                width: 350,
                height: 350
            });
            var layer = new Kinetic.Layer();
            stage.add(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 () {
                $house.show();
            }
            image1.src = "https://dl.dropboxusercontent.com/u/139992952/stackoverflow/house32x32transparent.png";

            // make the toolbar image draggable
            $house.draggable({
                helper: 'clone',
            });

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

            // make the Kinetic Container a dropzone
            $stageContainer.droppable({
                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(ui.offset.top - offsetY);

                // get the drop payload (here the payload is the image)
                var element = ui.draggable;
                var data = element.data("url");
                var theImage = element.data("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
                });
                layer.add(image);
                layer.draw();
            }
    </script>
  </head>
 
  <body>
        <div id="toolbar">
            <img id="house" width=32 height=32 src="https://dl.dropboxusercontent.com/u/139992952/stackoverflow/house32x32transparent.png"/>
            <br>
        </div>
        <div id="container"></div>
  </body>
</html>

--
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 javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Web Design Company

Thursday, January 1, 2015

0 comments

Glorywebs is a service based company who provide all types of IT services like graphic and web design services, internet marketing services, wordpress customization services, php and asp.net development and many more with all expert designers and developers.

Glorywebs builds suitable websites for companies and small businesses. We help these find customers online and sell more. Through what we make, our clients establish their credibility online and prove their worth.

Web design that's really good is that which spells uniqueness to its viewers. It has to be memorable and relevant. If the specific traits of your brand don't shine through, it may not reach its true potential. This is where we come into play. Our team designs web sites that reflect your special qualities, what YOU put in this business, what you offer and others may not.

Visit : http://www.glorywebs.com/

--
You received this message because you are subscribed to the Google Groups "Website Design Nz" group.
To unsubscribe from this group and stop receiving emails from it, send an email to website-design-nz+unsubscribe@googlegroups.com.
To post to this group, send email to website-design-nz@googlegroups.com.
Visit this group at http://groups.google.com/group/website-design-nz.
For more options, visit https://groups.google.com/d/optout.

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