This works on any "href" external link or link with class of "external". I have one link that needs to be added that is external but needs to appear to not be and not give the warning message.
Im trying to prevent the user from clicking any other links on my page when the user have selected/clicked a href once.
Sometimes it takes a while before the next page loads so some user will try clicking other links or the same link.
I can prevent this when i use buttons by calling onclick and in a javascript getElementsByTagName("input") and then check the type to be type of "button" or "submit" which i then disable. It works.
This also works for href html tags by calling onclick and in a javascript remove all href, BUT it also stops everything, even the request that is about to happen.
If i use disable getElementsByTagName("a") on href like with buttons it does not get unclickable just get a grey color but you can click on it.
Any workaround to this? This is a seriuos web app so I want the solution where i disable ALL links on my page so it is not possible to click on any after the first time.
All the links is NOT in a form only links using <a href="gosomeplace"> click this link</a> .
I have a 2 column page.Left nav which contains a list of items with links to their respective details page.What I'd like to do is to load that link into the div in the right side of the page.want to do this via Ajax, so I don't have to reload or redirect the page.I do have my layout coded, but my jquery code is not even close to work, so I didn't post it here.
Even I am trying the browser close event for cross browser and this should trigger only when X button is clicked or page is refreshed. Here's the code pasted above which I am using but it only works in IE. I know the issue is because of window.events and ClientX/ClientY. my code to make it work in all browsers? This is very urgent and have been striving since 3 days...
*Please Note: Current code is working in IE only and to check you have to close the browser window or refresh the page with mouse click
===================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head> <title>Warning Test</title>
when the user submits a form whose fields have not satisfied the validations, then how can we display a "message" saying that "please fill all the fields appropriately"? And also that message should disappear when the fields are appropriately filled.
I'm having issues with jquery and the tabs I'm using. My tabs work but... I want some more functions and that seems to be a big problem for a Javascript and jquery newby.
I really don't know if this is correct but it works! What doesn't work is the active class. If you use one of the buttons in the first tab you go to the right tab but the tab itself has no class called active and that ruins the style.
2) I also have one other question: lets say that all the above is my second page and I have my frontpage in which I also have buttons. I want somebody to use the button and end up in the third tab of page 2. My link is something like
Code: page2.html#tab3
I read that using this should lead you the third tab but it's not working for me. You go to the first tab of page 2 instead.
I've been reading a LOT! Jquery for dummies, I googled, read the forum and other forums. I posted on a Dutch forum but no answer. I've added a lot of different code but it doesn't work.
When i click on the close button, i get a message asking me wether i want to close the window or not, when i click the link and open up the same page in a different window, i can click close, and it will do it. My question is this: Can i load a page up straight away, asif i have clicked the link?
returnSingleValue() is a Javascript function, from this function I need to access all the dynamic href values in the form. How do I do this ? I tried many options, but it didnt work out..
I am trying to display an alert message when the user is in the middle of editing and clicks accidentally on some other link.
I want to display this error message for certain link and not for others.
I thought of using 'window.onbeforeunload', parse the url to find the link that was clicked. However, when I try to use the string functions (split, substring, lastindexof, etc.) inside 'onbeforeunload', they do not work.
I'm working on a project where we're using JavaScript to let users swap styles on a page. To accomplish this, I'm calling the script via href="javascript:swapcss()" on the switch styles button.
Some pages on the site have anchor links. On those pages, if someone swaps styles without hitting any of the anchor links, all is well. But if someone hits an anchor link and then hits the swap button (at this point the URL is pageid.html#anchor), the page just reloads to their anhor point without swapping styles.
Does anyone have a workaround handy? I've tried several alternatives I've found online (href="#" onClick="action"; href="javascript void(0)" ). Nothing works for this case yet. Code:
I have to change dynamically all hyperlinks, when the html-page is loaded at the client. This works fine, except in the following scenario:
When the innerText of an anchor contains an '@', the InternetExplorer changes the innerText-Property to the HREF-Property. I have checked this with MoZilla/FireBird and Opera and there is no problem!
To explain, what i mean, see following example: function atTest(){ for(var i=0; i < document.links.length; ++i) { document.links[i].href = document.links[i].href; }
}
Now you need some anchor tags - notice the '@' as inner Text:
<a href="http://www.somelink.org/">Text before @ and after</a><br> <a href="http://www.somelink.org/">Text before @</a><br> <a href="http://www.somelink.org/">@ before text</a><br> <a href="http://www.somelink.org/">Text before at and after</a>
If you load the page, InternetExplorer will display the HREF-Property instead of "Text before @ and after" - all other elements are shown correctly! It doesn't bother other browsers: Opera/MoZilla shows _even_ the first element with innerText.
My system: Windows XP SP1, InternetExplorer SP1, Firebird0.7, Opera 7.23
Has anybody out there an idea, why IE behaves like this? And how I can work around this?
does anyone have sample code to display a pop up when a user leaves the site? I really don't want to use this technique, but the clients demand it.
I'm thinking something like un body onunload, catch the URL they're linking to and parse it for our own site's url and only display the pop up if they're different.
I'm normally over on the PHP board but this one is definitely a javascript issue. The thread title doesn't quite cover my issue, so I'll try to explain a little further.I built a website for a client who tells me that when he hovers over a word on his page it pops up a link to a competing site. I assured him that I didn't put the links in there, that it's a script or program running on his computer creating those links as he views the page.So my questions:
1. Is there a name for this evil? 'Popup spam ads' or something? 2. Anyone know of a way to build in javascript or any other method to stop this from happening to his site?
I am using Toby's iKonize script and would like to add a little more functionality to the script but not sure how to.
I would like the script to find all external links and have them open in a new window, rather than setting the target, can this be achieved? Also, if the image could be added after the anchor so it doesn't get any of the styling associated with the anchor element.
I should write a script which should distinguish internal and external links with JS. The links can be absolute or relative. I thought the best guess would be to first check if it is a relative link by checking the first character of the string is a /. (but how do you do this?) Then it will be always an internal link.
Then I thought to check if the URL (this.href) starts with the current protocol + location.host . If YES, it is an internal URL, else it is an external URL.
So does anybody know how to check if a URL starts with '/' or '[URL]
I am using a JavaScript to add a 'blank' target to any links that have 'external' specified in the REL. This is working great, but on some of the links, I need to give the user the ability to click the surrounding <li> item as well.
So my regular link looks like this:
<li><a rel="external" href="http://www.google.com">Google</a></li> I need to figure out how to add the REL to the onclick in the LI <li onclick="location.href='http://www.google.com/';"><a rel="external" href="http://www.google.com">Google</a></li>
[Code]...
I can't seem to find any instructions about how to insert this REL option....
For example, you want to make different all links (a tags), which href attribute is set to external site. So I wrote a small piece of JQuery code, which add class, to all external links.As bonus it's also do shortening of long URLs in link text.
Disclaimer 1: I am not a programmer, just a curious designer, so please take that into consideration in your replies.
Disclaimer 2: Despite all advices against it, I couldn't find a better solution to my website than using iFrame
Disclaimer 3: Before asking for help, I researched *several* forums and although I found people discussing similar issues,
implementing a method to intercept and redirect external links to a dynamic iframe. By "dynamic" iframe I mean an iframe whose SRC would be filled up in accordance to the external URL being intercepted and that it would resize its HEIGHT accordingly in order to avoid scroll bars.The function for resizing the iframe id="child" is already correctly implemented like so:
<script language="JavaScript"> <!-- function calcHeight()[code]...
This "replacement" function would be called onLoad and if tested true would run and refresh the page with the proper value in the iframe SRC.All this should be accomplished while still making the iframe HEIGHT dynamically adjustable and show a "clean" URL in the browser, such as "http:[url].....The potential issues I foresee is an infinite loop due to two onLoad queries (one for SRC, another for HEIGHT) in the parent and child objects, which might required a merge into a single script.
into an external javascript function that will do the same thing (open all links in a new window individually if javascript is enabled, without destroying links in html for if javascript is not enabled).
I have an external JS file with an array of menu links called (menu.js).
The code is shown below:
I have called the javascript in my websites main page (index.html), but it does not work.
The html code is shown below:
The javascript for the array of menu links works when it is inserted directly within the html file, but when it remains external and is called in index.html it does not work. I am not sure why this is the case.
