How To Get Position Of Clicked

May 21, 2010

see attached picture. the orange "spinner" icon at the far left is designed to let user control to move the row up or down. It is 19px high. I want to write something like this:

Code:
<script language="JavaScript">
function indexRow(o,e){
alert('position is '+ (o.offsetY))
}
</script>

[Code]....

View 1 Replies


ADVERTISEMENT

Change The Position Of A Div When A Button Is Clicked?

Jan 27, 2010

Im trying to change the position of a div when a button is clicked.

The js is:

function curPos() {
objDivStrip = document.getElementById('thumbview');
return objDivStrip.style.top;

[Code]....

View 1 Replies View Related

JQuery :: Get Position Number Of Clicked Element?

Jul 30, 2011

Let's say I have a table with 5 rows;

<table id="tbl">
<tr><td>Please</td></tr>
<tr><td>help</td></tr>
<tr><td>me</td></tr>

[Code].....

Now if someone clicks on the row with content "help" (2nd), I want to catch the click with jquery .click() and know within the jquery code that the user clicked on the 2nd <tr> element within table#tbl.

If someone clicks on the <tr> with content "this", my jquery code has to return 5, because its the 5th row.

View 3 Replies View Related

JQuery :: Find Position Of A Clicked Item In An Array?

Jan 12, 2010

Hi, i'm creating my own image gallery using jQuery, and there is a set of thumbnails at the bottom. The thumbnails have been put into an array, using jQuery, but what i am trying to do is to return the position of any clicked thumbnail in that array. i.e. when the 3rd thumbnail in the list is clicked, return 3, when the 5th thumbnail is clicked return 5 etc....

This in turn will dictate which item in another array (the main images array) will be displayed.

View 1 Replies View Related

Controling Position Of Content On Page Load Once A Link Is Clicked?

Aug 3, 2009

I understand the thread title isn't very descriptive, but what I am asking is hard to describe. Basically, I am linking to ID elements on the page. Once the link ttp://www.example.com/page.html#linkID is clicked, it jumps down the page to the ID.Normally, this is not an issue. However, I have a fixed position navigation panel layer above the page content. When the link is clicked, it cuts off part of the content that I want visible because the fixed position layer is covering it.Is there a way with Javascript (even better if it can be done with CSS) to control how far down the page goes once a link is pressed? For instance, can I say: On link press, go to ID and apply top: 20px; or something to the effect?

View 2 Replies View Related

Geolocation - Automatically Load Position As Position A Then Choose Position B From A Dropdownlist

Nov 23, 2011

i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?

[Code]....

View 2 Replies View Related

Resolved With Google Chrome (position:fixed Horizontal Position:absolute Vert?

May 13, 2010

I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome

<script type="text/javascript" >
window.onscroll = function()
{
if( window.XMLHttpRequest ) {
var x = 0 -document.documentElement.scrollTop;
var toP = String(x);
var toPP = toP + "px";

[Code]...

View 7 Replies View Related

JQuery :: Set Background Position To Position Of Parent

Aug 11, 2009

#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).

View 1 Replies View Related

JQuery :: Use To Write To A Cookie To Tell It What Image Map Coord Was Clicked So The Correct So The Correct Div In The Clicked To Page Opens?

Dec 26, 2011

[URL]..Default.aspx I have both a carousel with images andalso animagemap(notnot published yet)with coords that when clicked i want to write to a cookie file which image or image map coordinate was clicked, so when they are hyperlinked to the next page the correct div opens based on first reading the cookie written to on the previous page. Anybody have a basic script for reading and writing to a cookie using jquery in this fashion?

View 2 Replies View Related

JQuery :: Rounded_Corners - DIV Position - Properly Position The Whole DIV Of Class "roundbox" ?

Feb 18, 2010

I have found nice short tutorial here: Rounded_Corners

It works fine unless I try to move it.

I have added only one DIV over all:

Now I see that my text (white) moved but not background.

How do I properly position the whole DIV of class "roundbox" ?

View 1 Replies View Related

Script To Change Cell Color When Clicked And Back To Original When Other Cell Clicked

Mar 15, 2011

<script language="JavaScript">
function changeColor(cell_id){var state1="#dde6ed"; var state2="#ffc20e"; var cellid = new Array ("id1", "id2", "id3", "id4", "id5", "id6"); for(var i = 0; i < cellid.length; i++){var nav = document.getElementById(cellid[i]); if(cellid == nav.id){nav.style.backgroundColor=state2;} else {nav.style.backgroundColor=state1;}}}
</script>

what is wrong with this script. I put an onClick= changeColor(this);" in my <td> tag to call the script but still not working.

View 4 Replies View Related

Position Of A Tag With Position Not Assigned

Jul 31, 2005

I have a HTML file that has a lot of content. In it I have a <div id="d1">somecontent</div> block. Would it be possible for me to know the position of this d1 (absolute or relative) displayed on the page / window if not setting it first ?

View 5 Replies View Related

JQuery :: Clicked Area Selected Until Another Area Is Clicked?

Oct 18, 2011

how to keep the clicked area selected until another area is clicked.

View 8 Replies View Related

Three Images On The Left, Which, When Clicked, Change The Image On The Right Depending On Which Of The Left Images Was Clicked?

Nov 4, 2009

Im trying to build on a script that I found on the internet and modified to my needs.urrently there are three images on the left, which, when clicked, change the image on the right depending on which of the left images was clicked.Simply, when you click the whisky link on the left you see a bottle of wiskey on the right. Here is my script:

Code:
<SCRIPT TYPE="text/javascript">
function switchImg(i){

[code]....

View 3 Replies View Related

Image Swap & Count Apparently - Assign "add 1 When Clicked" Or "subtract 1 When Clicked" To Image Properties?

Nov 3, 2009

I have a very simple web page that is comprised of the same image over and over again. I have it to when you click on it, it swaps the image out and adds 1 to the counter. I need it to subtract 1 when you click it again.

<script type="text/javascript">
var namesVec = new Array("block.png", "block_hover.png");
var root='images/';
function swapImg(ima){
// divides the path
nr = ima.getAttribute('src').split('/');
// gets the last part of path, ie name
[Code]...

I mean, is there a way to assign "add 1 when clicked" or "subtract 1 when clicked" to image properties?

View 4 Replies View Related

JQuery :: When Checkbox Is Clicked Email Is Necessary And If Checkbox Is Not Clicked Email Is Not Necessary

Jul 6, 2011

When checkbox is clicked email is necessary and if checkbox is not clicked email is not necessary for submitting a button give me the code:

View 1 Replies View Related

How To Get Tag Position

Mar 22, 2007

I have a <img> tag in my web page that i use as button.
when user will click on it, i would like to display a hidden <div> just under.

I mean by just under, that next pixel below the <img> should be the top of <div>.
Moreover, the left of <img> should be the left of <div>... like that it will look like aligned.

The challenge is the following one.

my <img> is positioned by CSS file, so it can (but it is not a must) have left and top setup... maybe not.

I did a short test :
if i setup in CSS file the left and top of <img>, a simple click on <img> can not retrieve the left and top of itself.

something like that i did :
function ShowCalendar(id_master)
{
var uleft = document.getElementById(id_master.id).left;
alert("Left : " + uleft);
}

where id_master = id of the <img> as following :
<img id='id_img' class='buttonimg' src='calendar2.gif' ></img>

So how can i solved this issue ?
Moreover, position of this <div> should be in absolute coordinates, to avoid issue in browser Xsing.

View 1 Replies View Related

Scroll Position

Jul 23, 2005

Hey peeps, I'm trying to get a webpage open and start scrolled fully to the bottom. How should I go about this?

View 3 Replies View Related

Determining Position

Sep 9, 2006

I have some floating divs on my page.

When I click the div I want do display a menu over it, how can I
determine the position of the clicked div on the page?

View 6 Replies View Related

Getting The Position Of An Object

Jul 20, 2005

I have simple table
<table id = "mytable" ....>
....
</table>

I want to get the left position of the table.

Everything I did getting wrong :

mytable.left doesn't work, neither mytable.style.left,
mytable.getAttribute("left") ...

What is the correct syntax for getting the position of the table element
(and others ...) ?

View 3 Replies View Related

Display And Position Div Next To Td In Js

Apr 3, 2009

I am an html/css/php professional who dabbles a bit in javascript and many other languages. I must say up front however that I absolutely despise javascript. However, it is necessary for the work I do, so I get by. I have been working for roughly 5 hours trying to find a solution to this. What I do doesntwork, even though I believe it should. Here is my problem: I have a 'menu', based inside of a table. There is one particular td, that when clicked, displays a menu of the users online friends. The friends box is in a div.

The td is name 'online' and the friends box is named 'menufriends'. (with id's, of course.) My problem is that I need the friends box to display next to the td. So what when you click the td, it shows up to the right of it instead of below the menu. I have tried all sorts of different methods and cant even get it to change its position.

[Code]...

View 25 Replies View Related

Get The Absolute Position Of A DIV?

Jun 28, 2009

Before you immediately give me an answer, let me describe fully what I'm trying to do, as it's not as simple as the title suggests.

I need to get the absolute position of a DIV (top and left properties) relative to the viewport/screen.

I've tried using .offsetTop and .offsetLeft, but these return the top and left properties relative to the DIV's immediate parent element, not the viewport (unless of course the DIV is top-level and not contained in any other DIVs).

So, is there any way to retrieve the absolute position of a DIV relative to the viewport, even if that DIV is nested in other DIVs?

View 1 Replies View Related

How To Position The Scrollbar

Nov 6, 2009

Is there some possibility to put the horizontal scroll bar of the web browser into the center if the "width" of web page are bigger then the "width" of the web browser screen?

So I don't need to scroll to right if I open the page, but the horizontal scroll bar will be positioned in the center.

That code should do the same think like I when I take the scroll bar and put it in the center position, but this should be happen when I load the page automatically.

View 3 Replies View Related

Div Not Displaying In Right Position?

Mar 3, 2010

i want the div to be displayed where the mouse was clicked... whats wrong?

<head>
<style type="text/css">
#layer1 {
position:fixed;

[Code]....

View 1 Replies View Related

Move Div Img's Y-position

Nov 6, 2011

I'm using a javascript function to toggle and display only 1 div at a time. In this case, I have 3 divs as toggle buttons and 3 divs to show content (which belong to those 3 buttons). My problem is these 3 divs (divs with class .linkBox) that act as buttons are using the same background-image and I would like to have it move up (y-position: -48px to be exact) when its content is displayed.

[Code]...

View 1 Replies View Related

Best Way To Position Absolute Div?

Jan 18, 2009

Its said that placing the absolute div within a relative div is a best option to correctly achieve the margins within that relative div. However, I'm changing the marginTop and marginLeft via javascript and after some of the changes it shows the absolute divs in incorrect positions in IE.

What i want to do is calculate the vertical-middle right-sided position of text fields in x, y meaning in top and left margins. How can I do that?

View 1 Replies View Related







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