do ya know an efficient way to get the coordinates of a pictures so that I can use them to create a map? It is a rectangle. Here is the code I set up for a page:
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 .
I am looking for a upload form to upload pictures and then when the pictures are uploaded, then they get emailed to me. Kind of like a contact form but attached is the pictures.
I am trying to get the X and Y coordinates to have a pop up form to use as reference, this is a shopping cart so the more items in the cart the further down the page the form needs to open,
I'm trying to build a simple image-map-creation tool for a web-based app I'm making. (User selects an image, then clicks on it to set image map areas; initially could be just RECTANGLE, later want CIRCLE and POLYGON.)
The quickest "solution" was to display the image with anchor tags, with the ISMAP option on. This causes the x/y coordinates to be displayed in the status bar, at the end of the URL. Sweet, but I'd like to be able to tell when the user clicks, and then grab those values. Then I can build a text string holding their selected area, etc. (It'd be great if I could show the selected area with a box or something, too, but that may require doing it in PHP, building images, etc.) Anyway, does anyone know how I can get the X/Y coordinates when the user clicks? Since it's in a form, can I do something with input types to get the values?
how to find the coodinates for a picture in a middle of the page for example with js? I need this because i have a js script that get the mouse coodinates (X,Y) for the page.I have to modify this script to work only at my picture area and to get me the coordinates for my picture not the coordinates for my hole page. Code:
I've got a image zoomer set up using a script located in shiftzoom.js. Basically, the XY coordinates of the mouse are shown in the bottom left of the image as the mouse moves. However, when I am zoomed right out the coordinates are limited to that of the image 'canvas' size (1024,768) and as soon as I zoom in, the coordinates of the mouse (which is in the same place) change until I am fully zoomed in and the coordinates are limited to the original image resolution in the corners. Hope that made sense... This is the relevant code in shiftzoom.js:
I'm new at Javascript, and have written a script for a series of random roll-over button images, but one thing I would like to add is a function that checks to make sure that there are no duplicates in the randomly generated variables that choose the pictures.
Can anyone give me a hand with this? One other thing I can't seem to figure out is how to manage the "onLoad" aspect of caching my roll-over images (DW has locked the <body onload> function into a template, so I can't mess with it...). so my rollover graphics are grabbed from the server in "real time" during mouse-over, which is a bit "goofy" and "slow" in terms of instant rollover effect. I'm sure that there is a much more efficient way of doing this, but I've been able to learn a lot by tweaking DW's way of doing things, so it's not a total loss.
In an external JS file, I set up a series of 10 random variables using the Math.random and Math.round functions like so:
var btn0 = Math.random()*100; btn0 = Math.round(btn0); var btn1 = Math.random()*100; btn1 = Math.round(btn1); .... etc for 10 buttons
Then in my page, I piggy-back onto Dreamweaver's built-in roll-over handlers, like so (to write the instances of each rollover image);
For this particular page, I'm pretty much stuck with DW's coding because it's locked into a template that governs my site navigation. Thanks for any pointers or help ...
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).
When I click on the image the form submitted to the server. As I can see post data contains next additional values: Image1.x=121 and Image1.y=64 These values are coordinates of clicked point relative to image.
Can I get these values in onclick event handler (within the beforeSubmit method)?
I have a grid 500 by 500 with 16 squares each 125 by 125. I can shuffle these images manually by setting the background-position in css. if the position is 0px, -125px how can I store those in an array and pull them in randomly? here is my code:
I have this code for HMTL5 Canvas, however this is a JavaScript directed question not a Canvas question.
<script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt=c.getContext("2d"); cxt.moveTo(0,400); cxt.lineTo(50,a); cxt.lineTo(100,b); cxt.lineTo(150,390); [Code]...
That will draw a line graph, however I want to get the coordinates from a variable in the URL. So it may be example.com/a=500&b=600 . How would I retrieve these two variables and then insert in to they're respective places?
I have seen examples where it shows the google map and you can draw the polygon, but does anyone know if there is a pre existing script that allows someone to make the polygon and populate a form of the coordinates when they are done?Basically what Im trying to do is have a person draw an area on the google map and then save those coordinates for later use.
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?
I've been having an issue with Safari when it comes to getting mouse coordinates after clicking on an element - specifically the Y coordinate. For some reason, the 0 position is the bottom left corner of the window. The further down the page, the lower the number gets. This is crazy behavior - I have this stupid thing working in every other browser, but Safari.
My script is modeled after the standard Quirksmode script:
function doSomething(e) { var posx = 0; var posy = 0; if (!e) var e = window.event; if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; } else if (e.clientX || e.clientY) { posx = e.clientX + document.body.scrollLeft; posy = e.clientY + document.body.scrollTop; } // posx and posy contain the mouse position relative to the document // Do something with this information alert(posy); }
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.
Trying to pass variables from the javascript into my php script and into my SQL query so i can track the location of the iphone. So far i have...
<script type="text/javascript"> function getGPS() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showGPS, gpsError);
[Code].....
This gets the coordinates in javascript and the php runs and i get a new record in the database but it doesnt pass the variables from java to php. Anyone know a workaround to get the variables from the iphone to sql on a single page?
I want this to run in the background and refresh every now and then so i can track users location.