When Page Location = Link, Then Add Class?

Oct 4, 2010

I need some help with a function. Here is what I want it to do: When the page location equals a link on the page, then add a CSS class to that link.

View 1 Replies


ADVERTISEMENT

Link To Page Using Target Blank & Linking Page's Window Location?

Feb 16, 2011

Basically, I have a link that should open the targeted link in a blank page, and upon the link being clicked, the original page's URL should be changed. The reason for this is that the user has to browse information on another website, and then pass the information on to me via a contact form, so rather than make them click back on my tab in the browser, and then find the "Contact" page link to fill in the form, I thought it would a good feature to simply go ahead and load the "Contact" page upon them clicking the link to the external page (which of course loads in a new tab). Here is the code I have in place:

Code JavaScript:
<a href="http://www.othersite.com/" target="_blank" onclick="window.location.href='http://www.mysite.com/contactus.php';">Other Site</a>

This all works fine on my computer, regardless of the browser that I use. One of my partners on this project called me this morning and said that the link was taking him directly to the "Contact" page without opening the "Other Site." This is strange because after I put this in place, I showed it to him and it worked fine. Now, a few days later, and it does not work. He said that he cleared his browser cache, history, cookies, etc. and the problem did not go away. He uses IE8. After he told me it was no longer working, I went to test it myself, and it works fine for me no matter which browser I use (IE8 or 9, Firefox 3 or 4 Beta).

why this might have worked one day and not the next? Is it simply a problem on his computer, or could it be an issue where based on what type of browser you are using, this won't work. Also, I know this is the JavaScript forum, but is there a way to do this in PHP without using the JavaScript onclick event? Obviously, I can't use the header() function since this functionality needs to be present on a link within text of a page.

View 2 Replies View Related

JQuery :: Adding Active Class For One Page Link?

Mar 9, 2009

I am working on the project that will be only one page and the menu will link to the same page. The problem is that i can't add active class to the menu the same we did in the normal linked pages. For example, in css we can see .about .menu ul li .active a { color:#black} . This means the menu will be in black when the user is in the about page. I can't do like this in one page scroll menu as there is only one menu. Are there any ways to let the menu change (add active class)when i scroll to some specific part of the page?

View 3 Replies View Related

JQuery :: Using "window.location" For Link But Back Button Does Not Refresh Initial Page?

Nov 1, 2011

Here is the url:The issue, as you will see, is initially when my front page loads the "menu" animates into place. Then after a button is clicked:

$(".home_button").click(function() {
$('#content_menu').stop().fadeOut(1000,function() {
window.location = "http://jquery.com/";

[code]...

That all works fine. The issue is when I use the back button on the browser to return to the home page the animation never triggers and the page remains unusable until a refresh. How can I have this page refresh when the user uses the back button and/or is there a better way to do what I'm asking?

View 1 Replies View Related

JQuery :: Applying A Class To A Link When Hovering A Different Link?

Nov 24, 2010

This what I have;

$('a.toggleLink').mouseover(function() {
$('.togglelink').addClass('.hover');
});

[Code]....

Basically I want to apply the class of hover to togglelink when toggleLink is mouseover-d.

View 1 Replies View Related

JQuery :: Highlighting A Link While Hovering Another Link With The Same Class?

Dec 1, 2010

I have two links that have the same class name (like class="item191") on the same site. I want to hover one of these links and both links should become highlighted.

View 8 Replies View Related

Jquery: Class / Fade - Menu Link "active" Class Not Working

Dec 5, 2009

I have a script that fades links on load and im trying to get this to work on everything but the menu link that has the "active" class

Code:
<div id="menu">
<ul><li id="Home"><a title="Home" href="/" style="opacity: 0.6;">Home</a></li>
<li class="active" id="projects"><a title="projects" href="/projects/" style="opacity: 0.6;">projects</a></li>
<li class="last" id="Contact"><a title="Contact" href="/contact" style="opacity: 0.6;">Contact</a></li>
</ul>
</div>
[Code]...

View 4 Replies View Related

Find The Location Of The Link?

Nov 3, 2009

I link a .js file in my .html, the .js might be in the same directrory as the .html or somewhere else. within the .js file, I'd like to find out with which path the .js was loaded by the .html. So, if the .html contains script src="path/here/there/myscript.js" type="text/javascript" I'd like to have a way, in the file myscript.js to gather "path/here/there/"

View 5 Replies View Related

How To Set Link's "visited" Property/pseudo-class Without Clicking On The Link

Apr 27, 2007

I would like to set the link's "visited" pseudo-class with javascript
without clicking on the link. My goal is to update the link's color
(previously set in the CSS file) to be "visited" without actually
clicking on the link and then clicking "back" in the browser.

Does anyone know how? Here are the following things I've already
tried to no avail:

var obj = document.getElementById("idOfMyLink");

//obj.visited=true; // NO
//obj.style.visited=true; // NO
//obj.click(); // NO, performs a click and takes me away from
current page

/*
// Setting the src of an iframe on the same page, trying to
"stuff" this URL into browser's "History"

var theFrame = document.getElementById("myiframe");
theFrame.src = obj.href;

// NO. The iframe does go to correct URL, but the link's color
doesn't update.*/Any ideas?

View 3 Replies View Related

JQuery :: Make Menu Link Open Submenu And Go To Href Location

Dec 2, 2010

I have inherited some code that changes the behavior or menu links with submenus to open the submenu but I need it to both open the submenu and go to the link location.

Here is the code:
$('#leftNav #menu li a').click(
function() {
$('#leftNav #menu li a').removeClass('selectedAccordion');
$(this).addClass('selectedAccordion');
$('#leftNav #menu ul.currentnav li a').removeClass('selectedAccordion');
$('#leftNav #menu li ul li a').removeClass('selectedAccordion');
//$(this).parent('li').addClass('selectedAccordion');
var checkElement = $(this).next(); if((checkElement.is('ul')) && (checkElement.is(':visible'))){
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
if(checkElement.parent().parent().parent().is(':visible')) {
checkElement.slideDown('normal');
return false;
}
$('#leftNav #menu ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}}

How do I put back the behavior to open the submenu AND go to the link location? I found I could add location.href = $(this).attr('href'); and go to the correct, but then the submenus slideUp and are hidden again. I can't figure out why changing the page closes the menus.

View 1 Replies View Related

Make Whole Page Send The User After Some Seconds To Another Page And Not Only The Iframe And Parent Location?

Jan 10, 2011

I have an webbpage, and in the middle of it there is an iframe to a php site. So i have used this code, so after some seconds the iframe will send the guest to another page. <meta http-equiv="refresh" traget="_top" content="5 url=http://mypage.com"/> But the thing is that i want the WHOLE page to reload, and go to that page after 5 seconds (we can say). With that code, only the iframe are going to another page. Is it possible to make the whole page send the user after some seconds, to another page and not only the iframe?

View 1 Replies View Related

Changing Location.href - Push The Pdf Generator To A Slightly Different Url Which Would Remove The Offending Link

Apr 28, 2011

I'm using a service to remotely create a pdf - it creates a pdf of the page you're on. Unfortunately that includes the link as well. I'd like to push the pdf generator to a slightly different url which would remove the offending link. The link I have is:

[Code]....

but it is not fooled! It seems I need to edit location.href but I don't know how to do it!!

View 2 Replies View Related

JQuery :: Link To DIV Class Not ID

Mar 29, 2010

My code was like this:

$(function(){ $("#container div a").hover(function(){ ...

With the focus being on a DIV with ID = container. Now my DIV needs to have a class, not an ID. Can I use the code like it is below for this, with the class name container instead?

Code:
$(function(){ $(".container div a").hover(function(){ ...

View 2 Replies View Related

JQuery :: Add CSS Class To Selected Link?

Mar 13, 2011

I'm building a calendar and using a jQuery script to shift between "list view" and "calendar view". The thing is, that I would like to add a unique CSS class to the selected link, so I can make a highlight effect (or something like that) that only applies to the currently selected link. My script is:

jQuery(document).ready(function(){
//if this is not the first tab, hide it
jQuery(".tab:not(:first)").hide();
//to fix u know who

[Code]....

View 1 Replies View Related

JQuery :: Getting Div Class Near Clicked Link?

Jan 25, 2011

Lets say I have a function that is going to be called when a link is clicked like so:

<a href="javascript:someFunction();" >Click me</a>
<script type="text/javascript">
function someFunction()

[code]....

View 2 Replies View Related

JQuery :: Add A Class To A Link Within The .wrap?

May 7, 2010

Okay guys what I would like to do is add a class to this:

.wrap("<a href='" + item.link + "'></a>");
So that i can style this link

.wrap("<a class="grouped_elements" href='" + item.link + "'></a>"); When i try to use the second approach i get an error that reads: missing ) after argument list

View 1 Replies View Related

Assign Active Class To Link?

Dec 3, 2010

I have some problems with assigning a class to my included navagation menu. I would like to give the last clicked menu item a active class so I can style it but i have no clue how that works with javascript. as you can see i have three files two pages which included the same menu. Now I would like to set the first page to active because it would be the page the would start. but then when someone clicks the second page it should become inactive and set the active class to the secone link.

[Code]...

View 3 Replies View Related

Remove/add Link Class When Clicked?

Mar 8, 2007

I am on a tight deadline with none of my Javascript books around to reference ... Can anyone help me with this script:

View 13 Replies View Related

Get A Value Inside Of Class And Display A Link?

Aug 18, 2011

Basically we need to find a word which is inside a class and display a link.

So something like this

find a word equal to "1 line custom"

then

display this <a href="/1-line-custom.htm">click here</a>

View 2 Replies View Related

JQuery :: Adding A Active Class To A Link?

Nov 15, 2010

I have this script where if users click on a link it will show that particular link in a slideUp, slideDown effect. For example There are two links and Two divs.Both Divs are hidden to start. If the user clicks link 1, Div 1 will appear. If the user clicks link2 Div 1 will close and Div 2 will appear. how do I add a active state when the user clicks on each particular link.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html
xmlns
="http://www.w3.org/1999/xhtml"

[code]....

View 1 Replies View Related

JQuery :: Adding A Class To Current Link

Mar 3, 2011

I've seen this on many sites where the current link in a menu is styled. How do I add a class to a link that is active?

View 5 Replies View Related

Include A Css Class As Part Of Href Link?

May 13, 2009

I have no idea about javascript but wanted to use the Konami script on my site. This is the current code:

var kkeys = [], konami = "38,38";
$(document).keydown(function(e) {
kkeys.push( e.keyCode );
if ( kkeys.toString().indexOf( konami ) >= 0 ){

[Code]....

I just wondered how to get the javascript to include the class so that it acts in the same way it would if just clicking the link. I imagine this is upsettingly easy to do but I can't seem to find anything about it!?

View 1 Replies View Related

Find A Value Inside Of Class And Display A Link?

Aug 19, 2011

Basically we need to find a word which is inside a class and display a link.

So something like this find a word equal to "1 line custom" then display this <a href="/1-line-custom.htm">click here</a>

View 11 Replies View Related

Onclick Change Class, Remove When Next Link Clicked?

Dec 3, 2007

I have a side menu that I have added an onclick statement to, which will change the css class for that item to "selected" so that I can apply styles for the selected link. Here is what I have:


HTML Code:
<style type="text/css">
<!--
.selected {[code]....

How can I modify this so, after one selection is clicked, and you click something else, the class gets removed from the first clicked item, and is now applied to the newly clicked item? I only want the class applied to the currently clicked item, and removed when they click on another item.

View 14 Replies View Related

Page Location Problem

Nov 8, 2005

How do I retrive the actual location of a page, I want to do s script that
will open a window prefixing the document path to a local folder.

View 2 Replies View Related

Need Page Refresh Location

Oct 28, 2007

need some javascript that when a page is refreshed, the page will appear in the browser in a certain location down the page. Trouble is a php text link is being clicked on which causes the page refresh. Anyone know a way to show a page location after a page refresh with javascript?

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved