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.
View 1 Replies
I want to make a button in html that will open two external links in new tab..
I already tried some of a tag fuction.. like this
<a href="http//:sample.com" target="_blank" href="http//:sample2.com" target="_blank"> Button here</a>
provide sample codes for this matter?
i understand that it is possible to include external js links by:
<script language='JavaScript' src='../templates/gill.js'></script>
but inside this gill.js javascript itself, is it possible to add yet another external js that is in the same folder by:
<script language='JavaScript' src='../templates/gill.js'></script>
or
<script language='JavaScript' src='bottom.js'></script>
i suppose both should have work correctly but only the first one works but not the way it should. Is my code wrong or how should i correct it?
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....
Any lightweight jquery script controlling tabs? I just want the activated tab to appear differently than the rest of the tabs.
View 9 Replies View RelatedDisclaimer 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.
turning the following inline code:
<a href="http://www.bing.com/" name="bing" onclick="return !window.open(this.href)">Bing</a><br>
<a href="http://www.lycos.com/" name="lycos" onclick="return !window.open(this.href)">Lycos</a><br>
[Code]....
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.
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]
View 3 Replies View RelatedIf 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?
View 5 Replies View RelatedI have this script and it's working pretty well. Except now I need it to not give the message on one single external link.
Code JavaScript:
$(document).ready(function() {
// Creating custom :external selector
$.expr[':'].external = function(obj){
[Code].....
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.
Is it possible to improve the contrast of images in a specific DIV? (jQuery or JavaScript)It is very necessary to me
View 9 Replies View RelatedOn this link you will see my test site:At the moment I am not too happy with the animation on the navigation menu.As you will see as you click quickly through the various links the animation is very jumpy because of the way I have coded it.Also when you click on the gallery page and then select the various gallery images, the animated ball moves all the way to the left.Here is the JQuery code for the animation:
PHP Code:$(function() {//event object (notice it in the parameter list) contains data about the event handled$(".linkbox").mouseover(function(event){//selectedDiv is the clicked object, so you can do what ever u want on the box clicked ;)var selectedDiv = $(this);var divPosition = selectedDiv.position();var divPositionLeft = divPosition.left;$(".circle").animate( {"left": + divPositionLeft}, "100" );})})function movebacka() {Each page has an include file with the nav menu contents, so every time you click a link in the nav menu, a new page has to load, therefor causing the jumpiness in the animation. What are the best ways to resolve these kind of issues.
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'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.
My HTML:
Code:
<ul class="tabs">
<li>Tab1</li>
<li>Tab2</li>
[Code]....
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'm interested in doing something with the Cycle plugin that's very similar to this:which is basically to have a slideshow that only runs when the mouse is over the div itscontained in. But--I'd like the slideshow to not only just run onmouseover, but also to not bevisible accept onmouseover: this way the div that contains the slideshow could have an altogether separate background image that is displayed when the slideshow isn't playing. If there's some kind of function that's built into the Cycle plugin that would achieve the sameeffect, that'd be even better
View 5 Replies View Relatedi have been coding on this vertical sliding navigation quite a while. its tested on all relevant browsers and works like a dream. id loved to show you an example of it, but the site is under development, and i, as a little coder, am not allowed to grant access to it, additionally i do not have enough time to create a testcase for everybody to see.
to give you a short insight:
the site is quite long (vertically) and we wanted a small navigation (very subtle) to follow the user when scrolling. the problem was: the footer is quite long too, and we didnt want the sliding navigation to reach into it, when scrolling down the footer. in other words: i had to stop the animation when the sliding nav reached the end of the main content.so far so good, i had NO idea how to tell the animation to stop at certain conditions, other than telling it that from the start.
my solution is totally workaround and completely selfmade. but i am SURE that there is some kind of "stop animation when condition is met"-command i was totally overlooking. so please dear jquery community: tell me what i am doing wrong, and how i could improve this function.
[Code]...
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.
Code:
The page I am building has 4 columns on it and I want the selected value ofa drop down list box to control the number of columns that appear on the page.
[Code]...
This code works successfully, however the outputted message looks boring and unprofessional.
This appears with a plain grey border around it: "You cannot upload without first logging in. If you have not already logged in, please do that first." How do you add attributes to those script lines? And the border too?
[Code]...
Javascripts that I find on the net sometimes have pop up messages as part of the app / game, Id like to change the colors used in these pop ups, also Id like to get rid of the blue top bar we have in the pop up.I don't like the top blue bar with the message - Quote ... The page at http://javascript.internet.com s... I want to get rid of that top bar.If I cant get rid of it, at least change the color of it, so make it black, the writing on it black red cross icon, all black.Id also like to change the cream background in the message as well and give it my own color.Really I just want the you did it message, with the time read out the game works out and the OK Button.What can I do, I just don't like the look of pop ups in java apps, I want to change how they look, or even 'replace' with something else. What can we do?Here is the original game on the web site I found it
http:[url]......And here is the code.
Quote ... <HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Brian Gosselin (bgaudiodr@aol.com) -->
<!-- Web Site: http://www.bgaudiodr.iwarp.com -->[code]......
I've got alot of dropdown menu's on each page of a site that I'm working on. They're very simple css driven, but I want to add a time delay to the menu's appearance when you hover over the link.
Is there a javascript way of inserting a setTimeout() whenever display: none; is changed to display: block?
