JQuery :: Match Links To More Than One Possible Domain?
Mar 4, 2010
Here's my situation: I'd like to have links to my organization's sites open in the current window, but links to other sites open in a new window. The tricky part is that not all of our sites are on the same (or even similar) domains.This works just fine for matching foo.org:
I'd like to widen this so that links to foo.org, bar.net and whatever,com all open in the current window. It seems like everything I try won't work because I can only match all instead of any.
Is it possible to capture the domain change event OR domain of the target site in javascript? To elaborate, suppose I am on my site (www.mydomain.com) and if I type www.someotherdomain.com in the address bar, I want to capture the target URL/domain i.e. someotherdomain.com in the javascript code of my site (mydomain.com). I am trying to call sign-off function of my site upon customer navigation to some other site without loggin off. I can not use body/window onUnload function because I have a common layout JSP that would be reloaded for each and every page. So I am trying to capture the URL/domain of target site and check if it is different from teh current domain; Then only I will call my sign-off function to kill the customer session.
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.
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
I'm using the latest version of JQuery. How do write an expression to match multiple classes, but only for elements that are inputs of type="button" or type="submit"? I have figured out how to match multiple classes with the expression .
Bit of a noob question, but I'm using the following code to get a menu tab to highlight/switch classautomatically based on the id of the page in the querystring. All is working well until the page ids hit double digits. Subsequently a menu with the link "p=10" and above will highlight when "p=1" in the location bar. How should Iamend the code to prevent this partial match? The menu item links always end after "p="; there are no furtherkeys in the querystring toact as a delimiter.
I am trying to get good using the $.each() in jQuery. I have a simple little task that I want to solve.
I have created a simple page with 100 boxes, each box with 4 colors. What I want to happen is if you click one box, it will change colors to the next box and so on. so for example here are 4 boxes
Red | Green | Blue | Yellow
If you click on Red you would get:
Green | Green | Blue | Yellow
If you click on the Green (1st one) you would get:
Blue | Green | Blue | Yellow
I have created a jsfiddle for you to view with what I have so far. I am stumpped at creating a match for the class name and if it matches to then go onto the next color in the array.
I need to match an h3 with a p that has the same class. However, there are multiple elements and multiple classes, so I'm trying to store the class in a variable (x) and say "when I hover over the h3 with class x, get the p with class x and fade it in".
i currently have a problem which i cant resolve and i cant seem to find a solution (i actually not sure what to look for). My jquery level is medium-low and im trying to take it to a higher level right now.
I have a var which holds a href value. However i only need part of the string.
Looking to set up a website which will have several different domains pointing to the same pages - different personalised branding but same content. I'd like to load a different set of style sheets based on which domain they visited the page via, and allow this setting to be remembered in a session cookie so each page they visit will continue with the same personalised style.
Had a good look around, and seen a few style switchers, but nothing which bases the switch on the domain. Anyone able to point be in the direction of a plugin or similar that would me out?
I've been doing a lot of googling and im having touble finding information on how to do the following.I have an input field: $("#my_field")Which contains the following following text: |1||4||9||10|When the user clicks a button i want to check to if : |4| is in $("#my_field").val()I can find examples on how to check all input fields, however i only want to check the one.
Currently I'm trying to create a menu with a mouseover effect on a link, which causes an image to display. All images are positioned on the same place, so the optical effect is that one image changes all the time. To achieve this I created an unordered list with the links / items in it, and I created a div with the (corresponding) images. On a mouseover event over a link, the index number of the current li element is stored in a variable, and I want to use that variable to select the corresponding image.
(So <li> index:2 corresponds to <img> index:2) So in 'human language': on mouseover of li { var indexNumber = li.indexnumber change class of img[indexNumber] }
But I can't get it to work. I managed to store the 'current' indexnumber successfully in a variable: var indexNumber = $("li").index(this);
But I can't use the variable to select the corresponding <img> I tried: $('.slidemenuImgbox img:eq(indexNumber)').addClass('slidemenu_show'); But nothing happens
However when I do: $('.slidemenuImgbox img:eq(1)').addClass('slidemenu_show'); The image with index:1 is changed. How to use a variable in :eq() To see a 'live' example (With no images changing): [URL]
I am trying to validate my 2 password fields with a custom message.Here's the code i'm trying to use, but it keeps failing:class="{required:true, equalTo:true, messages:{required:'Please type a password(min. 5 signs)', equalTo:'Pass dosen't match'}}"What is wrong, is it possible to do it by this code?
I'm using the Quicksearch plug-in and it does everything I need except for one thing. If I have two rows, for example: "Blood oranges" and "Green apples" And I search for "a", it's going to match both rows because it matches the "a" in "oranges". What I need to is to match only the beginning of each word, so that typing "a" in this case would only give me "Green apples". Is this possible?
I have a 2 div JQuery slider and the height of one div id is relative and changes height values. Is there a way in jquery I can say "the height value of this div is equal to what the height value of the other div is?"
I have a problems with selectors. I have the following HTML code:
<div id = "myDatepicker1"
[Code]....
But the alert message does never appear and I did not get JavaScript errors. It seems that the selector does not match and so the alert message and the .hide() does not take effect.
I have string and array: text = "xxxxxxonexxxx" array = ["one", "two"] I need if (text.match(array)) {...} But it does not working. How can I check this?
I'm trying to create a branching form wherein the user selects a date using the datepicker plugin, then, depending on whether they choose a weekday or a Saturday, they are presented with one or the other of 2 select lists to choose the time.
I'm just getting started, and I can't seem to get the regex right. Here's a simplifed version of the relevant part of the datepicker,
