I've this CSS to style my links in my menu:
.menu a:link, .menu a:active, .menu a:visited{
color: #ffffff;
text-decoration: none;
}
I would like to find the a-tag (<a>) which is active. I've tried something like: $('.menu a:active'). How can I find that element?
getting all the header text:jQuery("#accordion h3").text();how do you get the active index? and how do you use that index to get the active header?how do you get the header text for the active header?
View 1 Replies View Relatedi want to open all links on my website in a div tag like facebook.com or esl.eu. how can i do this ?i want to make a chatbar like facebook or esl.eu and this bar should not reload anytime if i click on an link on my website.
<body>
<div id="chatbar"></div> <--- should not be reloadet
<div id="content"><--- website with all links in it
<a href="link"></a> <--- should open in <div id="content"> without reaload the hole website</div></body>
I am looking for a js script that will monitor when a hyperlink is clicked and force that link into a new window or native application.
If the link is to a different web page, the link should open in a new window. If the link is a word document, the document should open in word or the default editor. If the link is within the same page, such as a back to top or bookmark, the link should stay on the page and simply go to the desired location.
I think this is just a dumb question, I'm missing some basic logic here about jquery "grammar".
I'm trying to do an image swap on hover that checks to be sure the thumbnail is not the active thumbnail. So mouseover, it swaps. Mouseout, swaps back, unless the thumb has been clicked.
Here's a snippet of the code that doesn't work:
How do I check that _li is not ".active" and replace the src if it isn't?
I'm trying to select all hyperlinks in a webpage, and making the text all CAPS as an exercise. However, simply selecting $('a[href]') selects ALL hyperlinks, including hidden ones, pushing the text to the front. My css-fu is not very good, this is what I have so far.
$('a[href]').each(function(index,element){ if (!element.parents().css('display:none'){ element.text(element.text().toUpperCase());
} };
I have a collection of hyperlinks in a web page and I need to know how I can do the following:
1) When I click a hyperlink, change the Class of all hyperlinks that have the same link phrase text (or value).I have tried this but it doesn't seem to work (it was a bit of a guess!):
$('a[value="'+mystring+'"]').next().addClass('active');
how I can change the class of all hyperlinks that have the same value as the link being clicked?
I'm wanting to take all links pointing to external urls and insert a title tag with some text that I can then turn into a mouseover tooltip effect.The purpose is simple, we want to inform the visitor that by clicking on the link they would be taken away to another site. The warning message would be in the title tag.
Each external hyperlink already has an rel="external" tag so I can work off of that. This gives me:
$(document).ready(function() {
$('a[rel="external"])
});
As my element identifier. Now, in trying to insert this title tag, i've explored the append and appendTo but those refer to adding items to the end. I need the method that inserts this in between the <a></a> tags as it's own part of the hyperlink code. which method I should use to add something like this:
title="Clicking this link will take you away from this site"
I've even thought of possibly appending it as a hidden <span> item then revealing it on the mouseover.
One bit of additional info, i'm using Wordpress and want this to automatically deploy on all specified elements automatically.
So I have a images stackedverticaly on the left side of the page, one isa hyper link and the rest are just images thattoggle in/out a ul/li list with more hyperlinks. The image for the href has either a blue or purple glow surrounding it, I presume this is CSS relating to visited or not. How do I get rid of that? Also it is slighlty out of line with the other images, but my CSS doesn't seem to have any affect. It is the Submit a Request Button that is in question
[Code]...
Need the three "Options" to be hyperlinks that submit the "choice" form. When submitted, I would like the value to be the text of the option selected (i.e. value=Option1, Option2 orOption3) and all three to have the same name. (i.e. name = Options) How do I make the 3 options inputs and submit on click?
<form action="cgi.exe" method=POST name="choice"> <tbody> <tr> <td>Option1</td>
<td>Option2</td>
<td>Option3</td>
[code]....
<div>
Is it possible find a node backwards instead of forwards.
I would like to do (remember find_reverse does not exist)
Basically I have a WinXP machine (SP1 with all web updates don't want to
upgrade to SP2 until this issue is resolved) and IE 6 (all web updates).
If I am on a secure (https) site none of the hyperlinks seem to work. As I
mouseover the relevant links are shown in the status bar (ie another page or
site), but when I click on these links nothing happens at all. Its as if
something is blocking the process of firing these links. NOTE: I can click
on form buttons OK and the exact same links work fine on 3 other machines
that I have.
I'm developing a website where a visistor does not have to use the mouse.
All he has to do is use the Tab-key or key-combinations to jump to specific
hyperlinks (containing accesskeys). Next, he presses the Enter key to follow the hyperlink.
My question is: is it possible to change color of the hyperlink when a
hyperlink get the focus. I do not only want to see the dotted line, I want the hyperlink to lighten up.
I have been trying to develop a script that creates a slideshow that adds hyperlinks to the images.
I'm a beginner at Javascript, so I've made a bastardisation of 3 different scripts I've found that, by my reckoning, should work.
This is the slideshow code:
I know that for the most part, this script works. It was only when I tried to add the component that involved adding a hyperlink that it broke. The bit of code in the HTML that it directly affects is <div id="view_portfolio"> </div>
Does anyone know why the javascript doesn't work? I have a feeling it's because I haven't applied the id tag in the HTML properly, but I don't know what exactly is wrong about it.
The gallery I have made so far is at [url], except that at the moment, the images don't show. I've attached the javascript & html code.
I would like to create a series of checkboxes that would define a particular entity by it's attributes. For example let's say I have some check boxes that say
age limit 18+ [X]
Hip Hop [ ]
Electronica Dance [X]
Least expensive [ ]
[moderately expensive [ ]
These selections above will activate, deactivate, highlight, or bold selections below
Club one
Club two
Club three
And when unchecked all the links are unfiltered
Etc...
When these check boxes are checked in any combination it would remove the hyperlink or highlight/bold the hyperlink of whatever is filtered Would really like someone to point me in the right direction on how to structure this.
I am just starting to use the DOM to do some more advanced
javascripting so please be patient with my question if it is an
ignorant question.
I would like to use the DOM to dynamically create an html table via
javascript. While that table is being dynamically created in a
javascript function I would like to dynamically insert text and a
hyperlink with an image into each cell.
I got pretty far on my own. I was able to dynamically create a table
and insert a string into each cell. However, I was not able to use
the DOM to insert a hyperlink into each cell. I tried adding it as a
new text node and got the text of a link rather then a link. I then
tried adding and setting an anchor element but I got nothing. Code:
I'm working on a site for a college javascript class, but I want to do a little bit more with my class site. I have a very simple slideshow set up( as a pop-up), but I want the images to be clickable and take the person to a site. Specifically, I have images for books on amazon, and I want the person to be able to click on the images and be taken to the specific page where the book is sold.
I'll post what I have, I was wondering what would be the best way to integrate it into my slideshow.
<body onblur="self.close()">
<div style="text-align: center;">
<p>If you like this site, you will love these<br />
wonderful books. Click <a href="http://www.amazon.com">here</a>
[Code].....
insert hyperlinks into the individual images?
see the code at the following address:
[URL]
I have the following script that allows a user click Next Picture and see another picture and some text associated with it. What I am trying to do is when the user clicks Next Picture, instead of plain text there could be a list of Hyperlinks. This is the code I have been using.
<!--Second copy of the script-->
<script type="text/javascript">
<!--
var img2 = new Array();
var caption2 = new Array();
[Code]...
I'm looking for a method to use several hyperlinks to submit a form and then return the page within the link for example:
The reason for this is so that no matter which link a user navigates to the form will be submitted and no data lost.
However the above code obviously loses the POST info as the form action will be different from the a tag.
Therefore I think maybe a way of creating a variable that changes the form action to match the a link selected (as the form(s) are submitted to the same php page.
I am creating a simple text area editor that will allow the user to create hyperlinks. I have it set so the user can select text in the text area, click on the "Insert Link" button, enter the URL at the prompt box, and then the anchor tags will be inserted around the the selected text. The problem I'm having is that when it replaces the selected text with the code, it replaces ALL the text in the text area (not just the selected text).
Does anyone have any suggestinos on how this could be fixed? Also, am I going about this all wrong or is there a better way to do this? Code:
I am trying to create a sliding menu, everything is working fine other than the hyperlinks are not working, they open if you right click and select open link, but not with a normal click.
[Code]...
I have been using this sideshow example which works great but I want to be able to click on the slideshow picture to take me to another link (hyperlink)
I also wanted to have links next to the slidehsow which would go to a certain picture in the slideshow for example by pressing link "go to picture 3" it would scroll automatically to picture 3 in the slideshow
I have been using examples from: [URL] this but I am willing to change to another version if I can't do that with this slideshow scrit
how I might be able to match up changing hyperlinks to the below drop-down images selection script.
[Code]...
adding a class to an active li. I'm working in drupal, and the system adds a .active class to the DOM of whatever li class was last selected.In my .js file I added the following:
$('document').ready(function(){
var tabActive = $('#tabs-tabset ul.primary li.active a');
tabActive.addClass('tabknotch')
});
This works perfectly...for the first tab. when I navigate to the next tab the class does not change. I thought maybe there's a variable in the dom that is causing the class to not move, so I tried narrowing the div that it looks for and tried this:
$('document').ready(function(){
var tabActive = $('li.active a');
tabActive.addClass('tabknotch')
});
This achieved the exact same results...so there's obviously something I'm missing, but don't know what it is. If it's any help, here are two examples of the generated DOM that occurs when clicking on the active li. The first example is the div that has the class added, and the second is a div that does not have anything added. <li class="overview ui-tabs-selected active first tabknotch"><a href="#overview"><span class="tab">Overview</span></a></li> (this is the active tab where the jQuery succesfully adds the "tabknotch" class)<li class="features ui-tabs-selected active"><a href="#features"><span class="tab">Features</span></a></li> (this is the active tab that does not have the class added when clicked. When this li is active knotchtab remains on the other li that no longer has the .active class attributed)
I have a single page website and I would like to add an .active class to my links when I reach a certain point on the page (this will be done by unique div or section id's). The classes are currently empty, so I would need to be able to remove and replace the .active class accordingly.
Here is my html:
<
nav
id="main-nav">
[code]....