My site pages are now html4/strict so I used the "function externalLinks" script found here [URL]. I followed the instructions carefully, made sure I copied the script shown to the external.js file and uploaded it into the same directory as the html files. Also made sure that external.js was called as required in the head. Also made sure all target="_blank" were changed to rel="external" as required. Unfortunately, it doesn't work. The link takes the visitor outside my site, instead of creating a new window. I don't get it. Here's one of my pages ... [URL]
I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
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.
If you click on the Retaining Walls link, it will direct you to a new page and the anchor will be highlighted. The issue is that if you attempt to click on Drainage or Design/Build, then it will not scroll up to the anchor.Other than that, if you were already on that page, then the anchors and scroll works fine. Is there something I can do to fix it?
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.
I am in a bit of a rut in the self-teaching with JS. I am trying to get links to change the external js file currently on the main page without reloading, the external files are basically long document.write sections with a few interactive functions.
The closest I have found for help with this so far is a rotating script, but I want a manual change from a link (button, image, etc) instead of timeOut rotation. I am not sure what I need to do for the links to replace the timeout function to change the dynamic section.
I have the existing code that will change all my links to external sites to open in a new window. I now want to change it to allow me to have a way that it will not do this if I put something special in the a href tag.
Would you like me to guide how do I raise a JS Popup like we are shown when we receive a new PM with the option of opening it in a new window as well as the same ole' window.
Was just wondering if anyone can tell me what effect is being used on this sitepoint page [URL]Half way down this page theres a navigation panel with links Top Sellers | Latest | Design...When you select one iof these links the page loads and then displays the products, can someone tell me what kind of jquery is this?
Was there a sitepoint blog post or article that covered the methods used to implement the sitepoint.com home page book frame? (frame at btm of page with book promo)
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.
I noticed that the computer that I used when I signed up for Sitepoint's newsletters does not pop-up that subscription window anymore. But, when I go to SitePoint using any other computer I get the pop-up window almost everytime I return to the site.
Is there a script that does this... and if so, where can I get it? I would love to use that on a new site we are creating.
i like to know the java script that used in logout link of the sitepoint site as i know its a java script which works when the user click on the logout link(onclick function)can u explain how the window colour change when the logout link work,do we need to chage the whole page or is it a one line command,enyone explain,i want to use this kind of a thing in my asp pages.
Have any of you seen that footer layer that slides up from the bottom of the screen on some pages at SitePoint? I'm trying to locate a page that does it but can't seem to do so. I'm sure it's somewhat random or lays a cookie to only appear once. Anyway, I'd like to do something similar with my site. If you've seen it, you know what I mean. How can I do this?
I really like the sitepoint popup that pops up at the bottom, it looks nice and is unintrusive. I want to make a popup like this but instead of triggering it when I first load the site I want it to show up when I move my mouse cursor to the top outside of the website real estate.
I am experienced with PHP but this really is a JS thing.
