I am trying to redevelop firefox addon, to give it more functionality. I found JS file where all the functions are and started to edit it.
What I want to achieve is to get target of an anchor under mouse pointer (when mouse pointer is over anchor, I right click and call addon from context menu).
For example when I have anchor which HTML code is code...
I am trying to redevelop firefox addon, to give it more funcionality. I found JS file where all the functions are and started to edit it.
What I want to achieve is to get target of an anchor under mouse pointer (when mouse pointer is over anchor, I right click and call addon from context menu).
For example when I have anchor which HTML code is:
<a href="somewehere.com/place">place</a>
when I right click on this code and call my addon I would like to alert its href (somewehere.com/place)
I wrote a function:
function ff()
{
var current_target=this.href;
alert(current_target);
}
but it gives me udefined on alert
[URL]
With the following code I can change the mouse pointer. However, if you
click in Mozilla (with IE it works perfect) on 'Show hourglass' the mouse
pointer changes only if you move the mouse at least on pixel.
<html>
<body>
<script type = 'text/javascript'>
function show_hourglass() {
document.getElementById("my_href1").style.cursor = "wait";
document.getElementById("my_href2").style.cursor = "wait";
}
function show_hand() {
document.getElementById("my_href1").style.cursor = "default";
document.getElementById("my_href2").style.cursor = "default";
}
</script>
<a href = "javascript:show_hourglass();" id = "my_href1">Show
hourglass</a>
<br>
<a href = "javascript:show_hand();" id = "my_href2">Show hand</a>
</body>
</html>
Is there any workaround? E.g. to move the mouse one pixel by javascript?
I use the following code to toggle the display of some data in a table...
Code:
<script> function toggle() { if( document.getElementById("hidethis").style.display=='none' ){ document.getElementById("hidethis").style.display = ''; }else{ document.getElementById("hidethis").style.display = 'none'; } }</script>
[Code]...
I need a java script code tat changes the mouse pointer to an image of my choice when a button or an image is clicked ..
View 7 Replies View RelatedI have a JavaScript routine that runs on a timer and updates the position of a
background image using the CSS background-position property. In Internet
Explorer, it changes the mouse pointer to an hourglass when it refreshes the
screen, and this is really annoying since it happens on the timer, about every
100 milliseconds or so. Is there anything I can do about this?
I'm making a webpage for a little embedded device with a touch screen. I don't want the mouse pointer to be visible until the user clicks on a link in which case the mouse pointer should change to an hour glass until the new page is displayed (the device is rather slow so the user needs to get some feedback while waiting). code...
This properly hides the cursor after the first page is loaded but it doesn't display the hour glass when I click on the link. Any ideas what I'm doing wrong?
Is it possible with jQuery, or JavaScript for that matter, to trap the mouse in a div or other tag so that it can only move around in it. I'd like this for a modal window so thta the user knows that they must do something in the window first before carrying on.
View 2 Replies View RelatedI would like to change cursor to pointer when mouse is over li element and it works until mouse gets over input or label element. I want to have pointer alse when mouse is over label or input in li elment.
View 3 Replies View RelatedI would like to play a .wav sound file when someone hovers their mouse/pointer over an image. I am running a Linux OS.
View 2 Replies View RelatedI would want to show a div (the information about the song) when the visitor hover on a cover art on a radio website but this div overlap the cover art with an opacity of 0.7
You can see an example here: [url]
The problem is that when the information div appears, the mouse pointer isn't on the cover art div anymore for the navigator so the information div disappears, and so on... resulting in a flash effect.
How can I do this without the flash effect?
I found a nice script over at jQuerry for Designers that I'm using in a Drupal site. It seems to work fine, except for that every anchor tag on the page triggers the script! how can i adjust the script to target a specific anchor (currently has an ID of "test") and ignore all other anchor tags? here's the script, its placed in an external .js file:
[Code]....
Is it possible to play a sound file when a visitor to my website moves their mouse/pointer over a single image no matter what browser they are using?
View 4 Replies View RelatedI was wondering if it is possible to target a named anchor in a frame when
opening a new window with a javascript function? has anyone actualy been
able to do this?
consider the following code;
$("#content").click(function(event)
{
if($(event.target).is('a'))
{
$(this).//do something
}
}
I'm binding a click event to a div so that I can see whether is was the div or some element inside the div that has been clicked. When the if() in my code evaluates to true $(this) is still equal to $("#content") whereas I'd like to have the clicked anchor as matched element. How would I do this?
Is there a way of displaying the id of the element under the pointer ?
Please dont ask why I need it, but I do, i found tools that needs
installation that provide the same funcitonality. However, I would
like to turn on this feature using a flag in my url. Something like
debug=1.
I didn't want to write iPhone there.have any idea on how to do this? But most important, it IS possible, right?
View 5 Replies View RelatedI have Cycle "pager" navigation working flawlessly in one of my pages. What i'm trying to do is this:
I'm Attempting to LINK to specific Anchors from a link on a different page.
Example:
// external page link //
<a href="http://www.convertstyle.com/beta/apparel/womens-apparel#shirt1">Headline Womens</a>
[Code]....
I need to get the page to reload with the anchor in the link when it is clicked in a dropdown menu. For example if I am on 'www.domain.com/about/#2' and I then click on 'www.domain.com/about/#3' the url changes but the page doesn't reload so I need the page to reload, but keep the new anchor (#3).I gave the links with anchors a class of 'reload' and tried this:
$('a.reload').click(function() {
window.location.reload();
});
I have a script that scans an HTML document for headers and special comment tags for the purpose of generating a left-floating/position-fixed DIV that contains the document's outline or "table of contents." Within the DIV are lists (UL element by default) whose items (LI elements) are jump-to links (A elements) to the points (headers, special points marked for inclusion in table of contents) in the document. The problem is this. I have typical HTML document with links that jump to points (usually headers) inside the document, as shown below:
Code:
<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a>Header Text</h1>
<p>...
</body>
But my script, being a document outliner that finds headers in a document, inserts another anchor as a jump-to point just before the first occurrence of text in the header (inserted A element shown in red below). This somehow disables the document-coded jump anchor (shown in blue below). And it occurs in FF and IE, which suggests it is not a browser-specific issue. Why does it occur? Is there something in the HTML spec that states that two anchors to which a jump occurs are not allowed to be adjacent elements in the document?
Code:
<body>
<p>This is addressed <a href="#later-text">later</a> in this document
<h1><a id="later-text"></a><a id="jump-1"></a>Header Text</h1>
[code]....
To reproduce what I am seeing, search for the text "Why Is A Survey Done". The first occurrence is a within-document jump-to link, which should jump to a header below it. If the script execution to generate a document outline is disabled, the jump works. But if the script is executed and the document outline generated, the jump-to link does not work.
i want to submit form data from the popup window, close the popup, and load in the main window. problem is, it always opens a new 'tab'. i'm using google chrome, i didn't think to try this in
in the <head> of the 'main' window:
<script language='javascript' type='text/javascript'>
window.name='main';
</script>
[Code]....
Having a little bit of trouble with a site I'm currently working on I'm using some AJAX for the instant g-mail/facebook style navigation, you know the kind, with no refreshes, etc. Problem is, to allow for back/forward and bookmarks, I currently use a URL that looks like:[URL].. This is fine, not a problem... The issue comes into play when I want to open up the news.html page, from my home.html page, and have it open to news item #6 (for example).
I can't add a #, because one is already being used to reference the anchor for the content div. Has anyone run into a similar problem before? If so, how did you resolve it? Can some jQuery be used to find the location of the news item div in question, on load, and scroll to it like that?
I am using the following javascript on the target page to open it as top location from within an iframe, which is working ok.
<script type="text/javascript">
if(self!=top) {
top.location.href=location.href
}
</script>
However my problem occurs when the user uses the browsers back arrow to return to the previous page, the script executes again returning them once more to the page they have come from. Is anyone aware of a work around to this problem as it would seem there isn't one? perhaps even a better solution for opening the target page from the iframe as top location. This is really causing confusion for users, and I really need to get the issue fixed.
So i've written up the code to do a lightbox esque overlay image gallery. everything is working smooth and fine. The only concern is that I have the following:
lets say that I have a page that has multiple galleries. Obviously I would have to make each literal array with the gallery data different names, ex:
var _gallery1 = {
'images': [
{ 'id' : 1, 'src' : "" }
]
[Code]....
obviously "galVariable" would be undefined... as i'm trying to get "_gallery2.images" but trying to use "galVariable" to point to "_gallery2"
I'm familiar with solving a problem like this in PHP, not so much javascript. is there a JS function that can be used to ensure that it's using whatever "galVariable" equals to, and then that array's content is? Or is there a different way to go on about this.
I have this code which shows a slidebar, adjusting it shows a number, 0-100 depending on where the bar is. Is there anything I can do to set the width of the slider, or replace the slider with a graphic of my choice. Code:
View 3 Replies View RelatedI've wanted to add a hint pointer on my form but it is clearly not working as proposed...[code]...
View 1 Replies View Related