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


ADVERTISEMENT

Unknown Pseudo-class Or Pseudo-element 'visible'

Jan 28, 2011

having a warning "unknown pseudo-class or pseudo-element 'visible' "

View 2 Replies View Related

JQuery :: Retain A Class After A Link Is Clicked - For Pseudo Checkboxes?

Nov 23, 2010

I'm creating a list of items which visually look like checkboxes. They will work similar to the ones used on eBay that allow you to select only new/used items. Mine are a little simpler though. Here is the markup:

<li>
<a href="#" class="catHeader trigger">Designers</a>
<ul class="nav-ul toggle_comtainer">

[code]....

View 3 Replies View Related

Dynamically Style A Link To Its "Active" Pseudo-class?

May 23, 2010

I have strip of navigation tabs, which are marked up as a <ul> and styled to look like tabs with borders and all that. In my stylesheet I have the pseudo-classes for :link , :visited , :hover , :active and all of those work fine.

But I'd like to have the browser highlight whichever link a viewer is currently on by having Javascript activate the already defined :active pseudo-class. What's the syntax for that? Is it even possible?

I've been googling for almost an hour and havn't gotten anything.

View 4 Replies View Related

Force A Pseudo Class On An Element?

Apr 9, 2010

is there a way to force a pseudo class on an element?

something like navObj.style.hover = true;

I haven't been able to find anything, but what I'm trying to do it make it so if you click on a button or whatever it keeps its active state until another button is clicked.

View 2 Replies View Related

Firefox Visited Link Issue

Jul 29, 2004

I don't know if this is the right place for this, but it didn't seem to fit anywhere else!

I have the folowing test page: [index.html]

<html>
<body>
<form id="go" method="post" action="page2.html">
<a href="java script:;"* here 1</a>
<a href="java script:;"* here 2</a>
</form>
</body>
</html>

*"java script:;" should not have the space, but for some reason if you don't use the space it comes out "javascript:;"

In IE if you click the link "Click here 1", and then return to this page it will mark the link that you clicked as visited (and leave the other unvisited even tho it goes to the same place, which is nice) but if you do the same in Firefox it will not mark the link as visited, which is rather frustrating. Does any one know if it is possible to get the clicked link marked as visited in firefox?

View 2 Replies View Related

JQuery :: Dynamic Link Generation - Convert Words With A Certain Class Attribute Into Wikipedia Links

Jun 9, 2009

There's a feature I want to implement, but don't really know how to code. The intention is to use jQuery to convert words with a certain class attribute into Wikipedia links.

An example to make things clearer:

PLAIN TEXT: There is a <span class="wiki">penguin</span> there.

EXPECTED RESULT: There is a <a href [url] there.

Hence the code would have to grab the string of words inside the tag and place them inside a href with the first part of the link already attached to it. Doesn't seem too complicated, but I wasn't able to do it.

I have been trying to use the code below (created by Patrick Haney and improved by enraged) as a basis, but no deal. This code subistitutes words for code, but it searches for specific words.

If anybody knows a script like that, modify the code below,

View 7 Replies View Related

Creating A Visited Link In The Nav Section Of A One Page Website?

Oct 5, 2010

Anyone know how I can change the color of a text link on a page that doesn't load a new page, but rather stays on the same page?The nav links already use an onClick to present content below it that changes depending on what link in the nav I select. In other words, there's already two things going on -- links take you to content on the same page using a JS onClick.What I want to add to that is when you click on the link, it changes style, like turns bold or changes color. So then the user knows that not only have they selected new content, but the link they selected stands out as well.

View 1 Replies View Related

Confirm Box On Clicking Link With HTML Class "external"?

Dec 20, 2011

I'll admit right away that this is for a homework assignment, but I really did try to solve it myself before I decided to post here. The instructions are to have a confirm box pop up when links with the HTML class value "external" are clicked. If the user clicks "OK" they should be directed to the linked page. If they click "Cancel" they should not be directed anywhere.Here's my code:

function checkClass() {
var links = document.getElementsByTagName("a");
for ( var i = 0 ; i < links.length ; i++ ) {

[code]....

View 3 Replies View Related

JQuery :: Tabs Links Inside Tab To Other Tabs Work But Active Class Not Visible & External Link

Mar 7, 2011

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.

View 9 Replies View Related

Enable Button After Clicking All Links?

Jan 14, 2010

I have all links that is needed to be click on so what I want to do is, after they click all 4 links, it will enable the button. I know that we have to do this in Javascript but I'm stuck.

Example, there 4 links, after they click all links, it will enable the button.

View 3 Replies View Related

JQuery :: Change Image In A Div Through Clicking Links On A Page?

Dec 19, 2010

I'm relatively new to jQuery, and I'm trying to figure out how to create a restaurant menu, that when you click on an item on this menu, an image and description will show on the page. [URL]I've looked through several plugins but cannot find this exact solution. Can anyone please point me in the right direction?

View 2 Replies View Related

JQuery :: Prevent Flicking When Clicking Through Pager Links

Nov 7, 2011

I use malsups Cycle plugin a lot as it is very versatile, however when I have a pager with a slider and click through to the next slide (whilst current slide is animating) it jolts to the end of the current slide transition before continuing with the next slide transition. Example: [URL]. Ideally, when you click on the next pager link, (before it has finished sliding), it finishes it's animation and scrolls to the next OR slides from it's current point on the current transition to the end of the next slide.

View 3 Replies View Related

JQuery :: Add And Remove Classes When Clicking On The Main Menu Links?

Sep 9, 2009

I have a problem with my menu. I am trying to add and remove classes when clicking on the main menu links. For instance when on load, the 'Home' is the current tab clicked, but when I click on 'Contact Me' I would like the class current to be removed from 'Home' and added to

'Contact Me' instead.</div>
<div> </div>
<div>The code im using is the one below.</div>[code]....

View 1 Replies View Related

Change CSS Class Property Using Javascript?

Jul 23, 2005

I have several tags on a webpage of the same class. If the user clicks a
specific checkbox I'd like to be able to alter the display property of the
class, affecting all objects of that class.

This is an intranet application so we know that javascript will be enabled
and the browser will be IE.

How can I affect all the members of this class? Is there a way I can toggle
the DISPLAY property of a class so all the elements using that class would
be affected? Code:

View 3 Replies View Related

JQuery :: Getting Property From Inherited Class

Jul 5, 2011

I have the following situation:In CSS:

[Code]...

How can I get the CSS properties from such "class inheritance" set-up? More in particular, how can I get the marginLeft from the class "combination" .northSouth.ambiPixelBox? I tried the following in jQuery, but that failed:

[Code]...

View 2 Replies View Related

Extracting A Property From A CSS Class Using JavaScript

Dec 11, 2003

I have following css code in a html file:

<style>
.myClass { color:red; }
</style>

How can I extract the value of the property "color" from the class "myClass"?

Pseudo-code (which of course doesn't work), so you get the idea:

<input type="button" onclick"alert('The CSS color is '+document.style.myClass.color)">

View 3 Replies View Related

Change Class Property Of <li> In Jquery Tab?

Feb 15, 2012

The script is working, tab-content is changing but when clicked a tab I want to change class property of the li of active tab as class="current"How can I do it

<ul class="nav-content">
<li class="current first-li"><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>

[code]....

View 1 Replies View Related

JQuery :: Changing A Class Name Without Clicking?

Sep 24, 2009

I have the following: <div class="unselected" >content</div>

I want to change unselected into selected when calling a function. The ways I'm finding to do a class name change is using a clicking:

$('.unselected').click(function(){
$('.selected').attr('class','unselected');
$(this).attr('class','selected');
});

But I don't want to click, I need to do it by calling a function ..

View 6 Replies View Related

JQuery :: Live() And AddClass() - Clicking Certain Links Fetches A Comment Form

Oct 24, 2010

Using 1.4.1. A comments app. Clicking certain links fetches a comment form which displays below. The button then becomes a "cancel" link. Clicking that removes the form and sets the button back to its original state. Or so it should. I'm seeing some strange behavior. Some strange, but understandable, some not so much.

Basic code:

After removing the form, my code fetches it again and re-displays it. The problem appears to be that click event isstill "happening" and so live() fires immediately. I tried using stopPropagation(), which keeps the form from re-loading but for some reason also keeps displayFormHandler from being run on subsequent clicks.

I saw a hint in the comments for stopPropagation() and added, in cancelFormHandler:

And:

Again, this keeps the form from re-displaying but, bizarrely, causes displayFormHandler to always return false (the console.log() line runs every time). I can understand why the original problem happens but this doesn't make any sense at all. If the class has been removed, subsequent clicks should proceed normally because hasClass() is being evaluated at the time of the click, not when live() is called.

View 3 Replies View Related

Webpage Contain A Background Song That Will Continuously Play Even Clicking The Links / Pages

May 21, 2009

. I have a problem where I designed my web page project and eventually it must contain a background song that will continuously play even clicking the links/pages.

View 5 Replies View Related

JQuery :: CSS Style Property Assigned By Class

Apr 30, 2009

For some reason I cannot get jQuery.css('name') to return a style property that was assigned by a class. However, it returns the property if it was assigned by style="". Has anyone else run into this issue? Bug?

Here is my test code:

View 6 Replies View Related

Changing Display Property Of A Class Of Objects

Oct 27, 2006

I could use a hand changing the display property of a group of objects based on classname. What I have here doesn't work; perhaps you can see why? I think the basic problem is that I don't know how to access the objects properly.. Code:

View 3 Replies View Related

Switch Between A Series Of Divs - On Clicking A Navigation Tab The Divs Display Property Is Set To 'block'

Jan 22, 2009

I am using javascript to switch between a series of divs, on clicking a navigation tab the divs display property is set to 'block' and all other divs have their display property set to 'none'. That works fine, the problem I have is when I redirect to another page (e.g. a PHP script) on return to the index the divs have reset and only the default div is shown, rather than the div that was showing when the user left the page. The solution, as I see it, is two stages: Write a function to display the relevant div based on the variable passed to it, then work out how to pass this variable around various pages (post/get). I am very inexperienced with javascript and it drives me mad that the script literally does nothing rather than throwing up an error (as in PHP) but this is what I have so far in terms of a function:

[Code]...

View 2 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







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