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 RepliesIs there a way to write a function that would be....
If the coordinates of an image are _____ then do this ______ ?
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?
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?
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 Relatedi 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 .
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.
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"> .....
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 RelatedI 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.
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?
A general question really, but does anyone have a good technique or source for creating disabled versions of tool bar buttons?
View 1 Replies View RelatedCan anyone suggest a way to show more info about individual options on a select tag.
Something like a hover bubble or tooltip.
The script I use has jquery tool tip to display personal data and when the member last visited the site. My problem is when I hover over the image, the tool tip will be covered by youtube video. I tried using z-index in css but that did not help.I'm no javascript programmer, but I was hoping there was a simple solution to make sure the jquery tool tip is on top of the other images/videos (the tool tip will also be covered by adsense image ads).
View 2 Replies View RelatedIn Jquery let's say I want to get the upper left coordinates of a div
<div id="coolDiv">text here</div>
topPos=$(coolDiv).top;
leftPos=$(coolDiv).left;
Is that possible at all?
I am using jQuery tool tip plugin. It works fine but a problem which I am facing is that on some fields where I don't have a tool tip plugin It shows me the tooltip for the older field (the tooltip for the field which was last shown). The last tool tip is repeated for other fields also which do not have a tool tip. I do not want to show any tool tip where there is none. How can I do that.
View 3 Replies View RelatedI want to create a tool to select all Tags by a mouseover under a element like firebug. I tested this:
$('#content >').hover(function(){
$(this).css('border', '5 5 5 5 3px') but it doesn't work.
I have x amount of draggable & resizable divs, they work as I want them to, I am outputting the coordinates of each div in a textfield. My problem is that the textfield only displays coordinates when a div is CLICKED, so when holding the mouseBtn and dragging a div around then releasing the mouseBtn the coordinates aren't displayed in the textfield. I tried to set 'mouseup' instead of 'click' but then the divs are being dragged around all the time even tho you released the mouseBtn. The second thing is that i want to output the size of the div in another textfield, so when a div is resized the new size of that div should be displayed in the textfield.
<script>
$('#resizeDiv, #resizeDiv2, ,#resizeDiv3')
.draggable()
.resizable({
minHeight: 150,
minWidth: 200
});
</script>
<script>
$("*", document.body).click(function (e) {
var offset = $(this).offset();
e.stopPropagation();
$("#result").text(this.id + " coords ( " + offset.left + ", " +
offset.top + " )");
});
</script>
For the size I tried to work with
function showWidth(ele, w) {
$("div").text("The width for the " + ele + " is " + w + "px.");
}
$('#test').click(function () {
showWidth("paragraph", $(this).width());
});
I want to send both size and x&y of each div to a database.
I'm new to Jquery and Jqplot. I have to create a website where a user can upload a xml file which should then be shown as a graph. My main problem is that I don't know how to extract the x/y-axis coordinates from the xml file and how I should put them into the Jqplot code..
I'm just trying right know and show you some Code I made... Don't blame me^^ I'm doing this only for a few days..
Thats my very simple XML file with only x and y coordinates [code]...
Is there some type of plugin available that can dynamically track and output x,y coordinates of a box I set using .draggable(). I'd like the coordinates to show inside the box as it is being dragged. Check out this practice site:[URL]
I wrote I simple scripts and I'd like to be able to drag any box I add and show the x,y coordinates inside of each one.
I'am new to Jquery and Jqplot. I have to create a website where a user can upload a xml file which should then be shown as a graph. My main problem is that I dont't know how to extract the x/y-axis coordinates from the xml file and how I should put them into the Jqplot code..
I'm just trying right know and show you some Code I made... Dont't blame me^^ I'am doing this only for a few days. Thats my very simple XML file with only x and y coordinates:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<graph>
<note>
[Code]...
some tools or plugin (free) that let me create easily menus for web environments with jquery? Something like thisOpenCube
View 1 Replies View RelatedI installed this tool tip plugin
It was super simple to install and customize and I am more than happy with it, except for one little thing.
The position of the tool tip is not calculating properly. I attempted to see if was based on the position element in the CSS of the containing div, but I changed all of them around to see if it would make a difference and it did not fix the problem.
Changing the containing div to position:relative the tool tip actually moves, but it still does not appear in the proper place above the link.
If you go to this example page
the pop up selector is the text under the "Details" table with the darker background. When you click on that text, the tooltip pops up, but about 350pixels away from the text.
my goal is to have tooltips with the script 'coda' from here But I have separated trigger et popup like that :
<div class="bubble_trigger">
<a href="javascript:void(favoris()); " class="trigger" title="Ajouter cette page dans vos favoris" ><img src="./banniere/icone/favorite.png" alt="Favoris" width="22" height="22" />
[code]....
Anyone know where to get a Tool Tips javascript that will pop up a little
box when hovered for words that needs more explanation. I'm using Front Page
BTW.
Using IE6 on Win2000, I went to the tooltips demo. Try resizing the browser so that the tipped phrase "lorem ipsum" in the first para is close to the right hand edge, then when you mouse the phrase, to stay in the window, the tip box resizes itself to be several rows high. This means it projects down over the phrase that it popped up from.
If in doing so, the tip finds itself under the mouse, it promptly closes.
Then the mouse is again over the words, so the tip reappears, but the
tip is under the mouse, so it closes, etc, etc, etc.