Save Coordinates Of Moving Image

Feb 2, 2007

I have the following code taht will allow me to move an image around a page when the mouse is clicked on the image. Code:

View 3 Replies


ADVERTISEMENT

Moving Image - Foot Moving On The Red Line To The Room ?

Apr 25, 2011

I tried many ways to do it .. but didn't work any of them ..

The idea is move the foot to room no.1 .. but i want to see the foot moving on the red line to the room

like this pic : [url]

View 7 Replies View Related

Take Coordinates Form Image

Nov 23, 2005

I have a simple problem: mark a list of defects
on an image.

I think the best way to do it is to select a single
deffect, then take two coordinates of coursor
form an image on a web page (first when user press
the button, and the second when he releases it).
Those two points are going to be send to the web
application (i.e. with AJAX) and saved in a database.
Later, I will use those points to render
the image with RMagic (drawing the lines and defects
list numbers on top of the image).

Any suggestions how to do it?

View 4 Replies View Related

Getting Image Coordinates On Web Page

May 7, 2005

Is there a way either in PHP or Javascript where the cooridinates of a requested image can be worked out? Let me explain - our members must have an image that is requested from our web server placed above the fold on their web site.

Instead of manually checking that the image is above the fold we would like our application that sends the image (written in PHP) or the Javascript on the members web page that calls the image each time th eweb page loads to tell us where the image will be placed on a web page. Is this possible?

View 24 Replies View Related

Coordinates For Image - Add To Page?

Oct 6, 2010

set coordinates for an image I want to add to my page? I have the center coords where I want it to be places x is 400 and y is 90. I've searched all over the internet trying to find a solution.

View 9 Replies View Related

Coordinates - Draw A Line Between To Different Coordinates Which Are Going On Google Maps

Apr 2, 2010

i have to draw a line between to different coordinates which are going on google maps so for example :

[Code]...

the above coordinates are in xml format which, i later call in Java script functions and display them on the map as a simple pointers what i need is from one point of coordinates to another point of coordinates Java script would draw a line which would represent the direction from one coordinate to other .

View 2 Replies View Related

Getting At <input Type=image ...> Coordinates

Jul 23, 2005

When I click on the image form element

<INPUT type=image name=point src="map.png">

point.x and point.y values get submitted to the server
specifying where on the image I have clicked.

Is there any (simple) way to get ahold of that point.x and
point.y BEFORE they are sent to the server (and prevent
that from happening)? Ie. I just want the points where
someone clicks on an image and not interested in a submission
to the server.

View 3 Replies View Related

JQuery :: Coordinates Function - Image ?

Mar 17, 2011

Is there a way to write a function that would be....

If the coordinates of an image are _____ then do this ______ ?

View 3 Replies View Related

JQuery :: Image Map Coordinates With Pop Up Or Tool Tip?

Jul 28, 2009

i have a circular image... with pie shaped areas. i would like to use some form of jQuery and either a popup or tool tip that is CSS customizable... i looked at maphilight in the jquery plugins, but i dont see how you can make a pop up with that. unless there is another method i should go about doing this..

View 1 Replies View Related

Restrict Area On Image But Get Coordinates?

Sep 13, 2009

I need to restrict an area on the image but also get the coordinates from the image. I am using a form element "input type=image" so I can get the X Y coordinates from an image. I don't want the user clicking on a whole image, in this case a map of a country. I don't want the users clicking off the country's borders in to another country and I want to be able to get the coordinates from inside the country. I have tried to mix the element from the form with the area shape so when someone will click on the image it will first verify if it's over the hotspot and if it's over the poly coords then it will allow the user to click, the form will submit and the coordinates will be stored into the database.

I just don't know how I could integrate javascript into this. This is my code, not really something functional, the coordinates will pass on to the next page as a variable but limiting the area where the users may click is something that I have not figured out. I can create an area shape but without getting the coordinates from the image. Anything will do, even without <input type=image , if there is some way around this so I can make this work.

<script type="text/javascript">
function myEye() {
document.coordform.submit();
}
</script>
<form action='store.php' method=post name="coordform"> .....

View 4 Replies View Related

Make A Moving Image - Change To Other Image With Other Button

Aug 5, 2010

I want to make an moving image. In time it should change to other image with other button. Also it could be changed by user. The change should be dynamic like moving from left to right.

View 1 Replies View Related

Working With Image Coordinates And Dynamic Linking.

Jul 23, 2005

I have a page with a large centre-aligned image on it. I want a
functionality whereby users can click their mouse on any point in this
image and it would then show a virtual mouse pointer at the place where
they clicked it. If they were to click somewhere else, the position of
the virtual cursor would change.

The position of the cursor needs to dynamically generate a link and
display it in a form field text edit box.

If that link is then viewed separately, it would launch the same page
with the virtual mouse pointer at the location where the original
person placed it.

Basically I want to be able to have one guy point to a location on the
image for the benefit of another guy, but graphically as opposed to
relying on written explanation.

View 1 Replies View Related

Onclick Image Coordinates From Konqueror And Safari

Sep 26, 2005

I am trying to capture the image coordinates when a user clicks on an
image. My code is working in Firefox, Mozilla, Netscape, IE, and
Opera, but fails under Konqueror (and I suspect Safari). The code below
fails in Konqueror when the page is scrolled down; the coordinates are
off by the scroll amount.

My code in the html img tag: onClick="MLDot(event)"

and the related statements in the MLDot function:

xPosition =
event.offsetX?(event.offsetX):event.pageX-document.getElementById("clickImage").offsetLeft;
yPosition =
event.offsetY?(event.offsetY):event.pageY-document.getElementById("clickImage").offsetTop;

Anyone know how to pick up image coordinates in Konqueror/Safari?

View 1 Replies View Related

JQuery :: Save The Background Image Of The T-shirt With The Image They Dropped In The Correct Spot?

Jul 15, 2011

I am building a simple t-shirt creator app for my shop and I am using the interface.js library: [URL].. docs/drag to drag/drop and re-size the graphic on the shirt background image.

Once the user has chosen a spot to put the graphic, how do I save the background image of the t-shirt with the image they dropped in the correct spot? Like, to merge the two graphics in place?

View 2 Replies View Related

JQuery :: Make An Image Selection, Display Same Image On Page In Unique Id And Save To Hidden Input All In One Click?

May 11, 2010

Using a UI dialog I'd like to load in 10 or so images. Each would be unique and after you click on one the following needs to happen:

1. Image appears on the parent page in a specified ID.

2. A "hidden" field is updated so that when the user submits the db is updated with their selection.

3. Dialog closes automatically.

That's it. Basically it would work similar to "datepicker".I'm using the latest 1.4 and ui and been making great progress as learning basics. I need to do the above and it seems like such a no brainier and or it should already exist but after 2 days of searching and trial and error...

View 6 Replies View Related

Image Editing: Position Markers On Image And Save?

Apr 15, 2010

I'm looking to build a user form where the user can drag and drop markers onto an image and then retrieve/send the resulting new image with markers back to the server
for processing.

what UI functions / Framework will be in the right direction to achieve this?

Anyone familiar with some existing similar functionality?

View 2 Replies View Related

Add Moving Text To Image

Jul 20, 2005

I'm totally new to JavaScript, and haven't been able to find the
answer to that on the web:

I have an image and want to use an imagemap in a way that when the
cursor touches a certain point there's some text (possibly
moving/scrolling) displayed on/over the image.

In concrtene: I have a face, and when touching the eye with the cursor
I want to print "seeing" in the screen.

View 2 Replies View Related

Image Moving Around In Firefox?

Aug 5, 2011

I am fairly experienced in HTML but javascript I am useless with.My website can be found here;http://mgwalker.site90.com/index.htmlIf you would be as kind as to load it in Chrome and in firefox, in firefox the changing image pops up on the top right of the screen.

View 6 Replies View Related

Moving Image With Arrow Keys?

Apr 13, 2009

Can someone help me get started on some browser-independent code for moving an image with the arrow keys? That is, if I press the up arrow, the image will move 10 pixels up; if I press the left arrow, the image will move 10 px left.

View 6 Replies View Related

Moving Image Through Table Cells

Jan 6, 2011

I want to move my image through table cells by using arrow buttons.

This is my code.

Now i have problems with the eraseImage and drawImage functions. They just don't work.

View 9 Replies View Related

Image Moving Code Variable ?

May 13, 2010

I have been trying to write a java scrip that will move an image (image1) to the pixel location that the user inputs into a text box.

Here is what i have so far:

HTML Code:

I am not sure if the problem is in the variables or setting the variables based on the numbers in the text box.

View 1 Replies View Related

Moving Image - Move The Foot To Room No.1

Apr 25, 2011

The idea is move the foot to room no.1 .. but i want to see the foot moving on the red line to the room :(

Like this pic : [url]

View 5 Replies View Related

JQuery :: How To Achieve Image Effect - Not Moving

Apr 17, 2010

Does anyone know how to achieve this image effect? See effect here: [URL] I think it is jquery because of the jquery script in the html code, but I'm not sure. I downloaded all the necessary files and images, launched it in my browser, but the images do not move.

View 2 Replies View Related

Make An Moving Image - Changed By User ?

Aug 4, 2010

I want to make an moving image whitch shlould look smthing like that:

HTML Code:

In time it should change to other image with other button. Also it could be changed by user.

View 2 Replies View Related

JQuery :: Holding A Faded In Image After Moving Off Its Trigger

Aug 3, 2011

I have an img#info that I want to fade in when a div#trigger is hovered over. Then I want to be able to move the mouse over to the image and click a hot spot there, without the image disappearing because I moved off of div#trigger.

The code to fade in img#info is simply:

$(document).ready(function() {
$('img#info').css('opacity', 0);
$("div#trigger").hover(
function() {$("img#info").animate({'opacity': 1}, 1000);},
function() {$("img#info").animate({'opacity': 0}, 1000);}
);
});

This works fine as far as fading the image in and out. I tried then adding a hover statement for the img itself, below, but this doesn't work at all. The image is now always on, even though the alerts never fire when I roll on and off the image:

$(document).ready(function() {
$('img#info').css('opacity', 0);
$("div#trigger").hover(
function() {$("img#info").animate({'opacity': 1}, 1000);},

[Code]....

View 2 Replies View Related

Save Image Url To Cookie?

Dec 5, 2011

I have an image switcher script setup. Its very basic and changes the image displayed on click of a link. Here is what I currently have:

Javascript:

<script type="text/javascript">
function changeIt(imageName,objName)
{
var obj = document.getElementById(objName);

[Code]....

Its very basic but does what I want. What I'm attempting to do is store the image selected as a cookie so that when users refresh/navigate to other pages the image stays to the one they selected.

View 7 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved