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


ADVERTISEMENT

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

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

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

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 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

Set A DIV To Be A Footer: Lowest Coordinates In A Page

Aug 20, 2006

I have a DIV element in a page with a lot of other stuff (the page can
scroll several times) absolutely positioned:

View 26 Replies View Related

Alternative To Document.write To Replace Image On Page - Click Event That Replaces An Image On Page With New Image

Aug 29, 2010

Im trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).

However, instead of appearing on the page where the old image was, the new image appears in a blank page.

My research indicates that this blank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.

I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.

A bit of my research:

-I found this---but havent figured out how to implement it in my scenario:

Source: [url]

-I found this---but havent figured out how to implement it in my scenario:

Code:

Source: [url]

View 4 Replies View Related

Setting An Image Width - Change An Image On A Page Without Reloading The Page

Jan 6, 2010

I'm using Javascript to change an image on a page without reloading the page. The problem is that my images are various widths (but identical heights), yet each image I change it to uses the width of the first image.

[Code]...

View 4 Replies View Related

X And Y Coordinates

Jul 23, 2005

How can I find out (using JavaScript) the x and y coordinates of a HTML
element, e.g. an image, an anchor, a div?

View 5 Replies View Related

Click Event That Replaces An Image On Page With A New Image That Has Been Selected Randomly From An Array

Aug 29, 2010

Im trying to have a click event that replaces an image on the page with a new image that has been selected randomly from an array. I have solved PART of this already (can get the random image to appear).

However, instead of appearing on the page where the old image was, the new image appears in a blank page.

My research indicates that thisblank page location-problem is a result of using document.write in the Function. Therefore, I know I need to find a different way to accomplish this, but am failing miserably.

I have been trying for hours and hours and HOURS to figure out proper syntax for accomplishing this via elements, functions, variables and mootools.

A bit of my research:

I found this---but havent figured out how to implement it in my scenario:

I found this---but havent figured out how to implement it in my scenario:

Code:

Source: [url]

View 1 Replies View Related

Image Insertion Page That Is Part Of A JS WYSIWYG - Put Caption Bar After The Image In The Main Code?

Nov 27, 2011

I have an image insertion page that is part of a JS WYSIWYG. It works okay, but I would like to add a styled caption bar underneath it.

This is what I'm currently using for the caption (inserted by a button):

Code:

This is the code from the insert image page:

Code:

How do I put the caption bar after the image in the main code?

View 1 Replies View Related

Mouseover Image Effect Thumbnail To Large Image Different Location On Page

Oct 27, 2009

I have gotten my script to do exactly what I want it to do with one exception. I have some thumbnail images that people can mouse over and the actual image is 100px by 75px. That is what I use for my thumbnail and they reside in www.website.com/images/thumbs/image1.jpg. I have the large version of the image that resides in www.website.com/images/image1.jpg. Its actual size is 640px by 480. When I mouse over my thumbnail, I don't want the thumbnail to appear for the larger image, I want the large image to appear instead? Let me know if you need ellaboration.

Javascript
<script language="JavaScript">
function Change_Big_One(thumb){
document.getElementById('BigOne').src=thumb.src.replace("_th","")

[Code].....

View 4 Replies View Related

Perform Images - Page HTML - Show 1 Image And After 5 Sec It Will Change The Other Image

Nov 9, 2010

I have a page HTML. In HTML have 1 button, when click into button that'll appear 1 window. In this window, it's show 1 image and after 5s it will change the other image. I can't do this.

View 5 Replies View Related

Image A Hyperlink To Specific Urls Rather Than The Image In Its Own Page In The Contenflow.js?

Apr 22, 2011

how to make the image a hyperlink to specific urls rather than the image in its own page in the contenflow.js? I've found that if you comment out this line: window.location.href=A You will successfully delete the hyperlinks that link to the full size image. However, I'd like to have a click on each image take you to individual specific pages. PS> I'm a designer not a javascript coder -- so detailed explanations are needed. Documentation: [URL]

View 3 Replies View Related

Getting True X Y Coordinates From Both IE And FF?

Feb 14, 2011

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 have this CSS:

Code:

#theFormDiv6 {
display:none;
position:absolute;
top:500px;

[Code]....

I am not real good at JS and I am trying to piece together things.

This works in IE but does not in Firefox, when I comment out the getMouseXY() call it works in firefox but obviously doesnt get the new Y value..

anyone know how to make this work in both IE and Firefox??

View 2 Replies View Related

How To Set Mouse Coordinates?

Nov 30, 2005

How can I get mouse coordinates and set them?
mean: When I click button1, my mouse places over button2.

View 1 Replies View Related

I Want To Get ISMAP Coordinates

Mar 6, 2005

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?

View 2 Replies View Related

Find Coordinates

Jun 8, 2005

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:

View 5 Replies View Related

Get The Coordinates Of A Pictures?

Oct 20, 2010

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:

<HTML>
<HEAD>
<TITLE>Cyrus</TITLE>
</HEAD>
<BODY BGCOLOR=black>
<div align="center">
<table border="0"; cellspacing="0"; cellpadding="0">
[Code]..

View 26 Replies View Related

XY Coordinates When Zooming

Jul 11, 2010

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:

[Code]...

View 1 Replies View Related







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