Sorry I am new to JavaScript.
Says that a.html has two same anchor links (<a href="b.html">b</a>). The anchor links are uneditable but we could add JavaScript to the a.html.
Except for dynamic adding onclick event, any other ways could get to know which anchor link being clicked?
I need to get the page to reload with the anchor in the link when it is clicked in a dropdown menu. For example if I am on 'www.domain.com/about/#2' and I then click on 'www.domain.com/about/#3' the url changes but the page doesn't reload so I need the page to reload, but keep the new anchor (#3).I gave the links with anchors a class of 'reload' and tried this:
$('a.reload').click(function() {
window.location.reload();
});
I need a script which will refresh the page 1 sec. After the anchor text is clicked
PHP Code:
<a href="#YourAnchor"></a>
I need a counter that will display beside a link, with the number of times the same link has been clicked. I do not have FTP access to the site, since it is based on a CMS.
View 1 Replies View Relatedoing through my learning curve now. If I have my html (being generated by a PHP MySQL call) set up as such:
<a href="javascript:void(0);" class="clickable" opendesc="<?php print $thisid; ?>"><?php print $appname; ?></a>
so where opendesc will equal 1, 2, 3, 4...how can I pass this to jquery?I tried this:
$(document).ready(function(){
$("a.clickable").click(
function(){
[code]....
This is my FIRST attempt at using Jquery to make a site menu for a client, and I'm pretty new to Javascript as a whole..I have a two column horizontal menu, and when an anchor on the left column is clicked it brings up a list in the right column..how do I hide list in the left column when a different anchor is clicked, bringing the new list to the top of the column?
<style type="text/css">
ul.nobulletnoindent {
list-style-type: none;
[code]....
I basically have many anchor links where when I click each of them it slidesdown its own div with some text in it. So have I wanted is when I click on one link it will show me the current one and hide the others. This is what I have tried which works great but when I click on a link it opens the div, then click on another one opens the div with one click and when I go back to re-click the previous link I have to double click it in order to work..
This is my js code:
$(".anchorlink").toggle(
function() {
var cont_val = $(this).attr("id");
$("div#unique_anchor_text", this).show();
$("div#unique_anchor_text").hide();
$('.unique_anchor_text'+cont_val).slideDown("fast");
},
function() {
var cont_val = $(this).attr("id");
$('.unique_anchor_text'+cont_val).hide();
});
HTML looks like:
<a class='anchorlink' id='$item'>Comment</a>
<div id='unique_anchor_text' class='unique_anchor_text$item'>some text</div>
onClick="function(' whats the value of the anchor tag just clicked? Title basically says it. I need to get the object that was just clicked, to insert into a JavaScript function. I've tried "function('this')" and similar things, but it doesn't work. I'm sure this is REALLY easy to do, but I don't know it and I have no idea what to search for.
View 1 Replies View Relatedas you can tell by the following statements, i'm new to jQueryI'm trying to do the following (in plain english) without too much success.. ) when document ready.. 2) find the element with id 'next'.3) pull / take all 'li' elements, and perform so and so, all whilst excluding 'last' element.
$(document).ready(function() {
$('#next').click(function() {
$('li').each(function() { //for each li ..
[code]....
The <a> is a list of menu items that when clicked.... a specific gallery-slider-images should been shown in relation to the galleryId....<div class"gallery" is hidden in CSS> I'd like to use jQuery to complete this task if at all possible, i can't seem to .show() the selected 'gallery' w/o showing them all...........
View 1 Replies View RelatedI need to get the object that was just clicked, to insert into a JavaScript function. I've tried "function('this')" and similar things, but it doesn't work.
View 3 Replies View RelatedI recently had a request from a client and I'm not entirely sure this is possible. I'll try to explain it the best I can, as I can't share the development files yet...
We have a page with an image map of the United States. If anyone clicks on a state, it will bring them to a new
page. This new page contains a table that has named anchors on it, each row being a different state.
So, for example, if someone clicks on South Carolina on the map page, they will be brought here[code]...
The #sc anchor will scroll the new page down to the row in the table about South Carolina.
Is there any way to highlight the table row that the person is looking for? For example, if they click on South Carolina, they will be brought to this new page and the South Carolina row in the table would be highlighted.
I have a list of records with link with each record
I have like this table structure:
After that dynamic tr and td are created which list the name of cateogy and its image
<a id is dynamic i want when i click this image link i get the value of which link is clicked
I have a simple a tag in html that when clicked I want to link to a random address picked from an array of possible links.
So in the code here I have an array of the links and I'm picking a random number from the length of that array, I'm then using that number to pick a random link from the array.
Code:
<script type="text/javascript">
var links_arr = ["http://www.link1.com","http://www.link2.com","http://www.link3.com","http://www.link4.com"]
[Code]....
This all works fine and the window.alert show randomly picked links from the array.
The problem is passing the link to the href of the a tag - how can I use the link in the href ?
Code:
<a class="buy" href="javascript:link()" target="_blank">buy</a>
What I want is for jQuery to do something when the page has loaded depending on the anchor in the URL.
For example:
domain.com/index.html#dothis
domain.com/index.html#dothat
domain.com/index.html#dosomethingelse
Do these come under the onLoad event or something else?
I create a new page and write to it. There is an anchor in the
new page so that users can easily navigate to the bottom. In
IE, it works fine. In Firefox, it loads the parent page into the
new page....
I did a search of the forums, and this was the only thing I could come up that seems similar: [URL]. The last post in this thread tells me what I already know from my other research today - this function doesn't work in FF, Safari, etc.
Here's my code:
Code:
<script type='text/javascript'> window.onload = function()
{ setTimeout(function()
{ document.getElementById('popupLink').click();
}, $timeleft); }; </script>
Works great in IE, but nothing else. I'm using a jQuery gallery tool called fancybox, and from what I can gather, the popup of the gallery must be tied to a click on an anchor link.
On their support forums, one of their admins suggested that I use the following:
Code:
<script type='javascript'>setTimeout( function() {$
('#popupLink').trigger('click'); }, $timeleft);</script>
Still doesn't work (not even in IE). BTW, $timeleft is a var that is being created in PHP. I've checked the source code and it is counting down correctly.
I am trying to figure out how to successfully place an image anchor in the following script ---
<script>document.write ("<a href="http://contact."+ domain +"/ws/eBayISAPI.dll?ShowCoreAskSellerQuestion&requested="+ userid +"&iid="+ itemid +"&frm=284&redirect=0&SSPageName=PageAskSellerQuestion_VI"><img src="http://www.thebluedot.net/images/layout/contact_us.gif" style="border:none;"></a>");</script>
[Code]...
I have an Iframe which loads an articles html page with anchors at the start of every article. To the right is fixed div that has different article links. The customer can scroll down and read all the articles. I would like the links to change to active, visited etc. when the anchors come into view. I was thinking it would be something like this:
Code:
function changelink(){
if(window.location.href='#article3'){
document.getElementById('historylink').style.color='green';
historylink.style.background='url(sources/active.jpg)center';
[Code]...
Haven't tried it yet because it dosen't take into account the visited state of the links so I figured I need some advice from the skript Gods.
What am i doing wrong? I'm trying to toggleclass on a link, with the href of the current anchor
var anchor=window.location.hash;
$('#nav a[href='.anchor.']').toggleClass('active');
When you click a link it jumps to an anchor point on the page and scrolls there smoothly. I was wondering how I get the same effect if I want the link to jump to another page? A normal anchor point on another page would set the href to, for instance, 'index.html#contact' but it won't work in this case as the javascript isn't reading the '#'.
<script type="text/javascript" src="jquery.js"></script>
<script>
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}
</script>
</head>
<body>
<ul>
<li><a href="javascript:void(0)" onClick="goToByScroll('contact')">Go to anchor 1</a></li>
</ul>
I am trying to save a dynamically created anchor's id onclick, but I am having a lot of trouble.code...
View 3 Replies View RelatedLets say I have a bunch of links with the same class but different anchor text like [code] When the page loads I want the anchor text of each link to display the same text of my choosing. However, when the visitor clicks a link the anchor changes back to the orignial. It would be best if all links could be changed back their original if any link is clicked but this isn't necessary.
View 1 Replies View RelatedI have a list item, where only some of the items are linking to a quote from the client. The quotes are in another list, where each list item has an id corresponding to the client link. I want to show the client quote when you roll over the client anchor link. Currently when I mouseover it's showing nothing.
Here's my HTML
<!--client list-->
<ul id="clientList">
<li>no quote Client /</li>
<li><a href="#client1">Client 1</a> /</li>
<li>no quote Client /</li>
<li><a href="#client2">Client 2</a> /</li>
</ul>
<!--client testimonials--> .....
At the moment, when I mouseover one of the anchored client links, the content disappears, so it's not showing the correct client quote <li>.
$(document).ready(function() {
// see if the requested page url contains an anchor '#'
var hash = window.location.hash.substring(1);
// if no anchor, show the default blockqoute
if(!hash){
var id = 'default';
}else{
var id = hash;
} .....
How can I detect when a link has been clicked but the new page is
still in the process of loading? The document.location.href property
still displays the current location (understandably) not the one
that's about to load.
I have a page that reloads every 30 seconds in order to access live
data. If a user clicks on a link just prior to the page reloading the
reload takes precedence over the link click and this is annoying for
the users. Whe the page is about to reload I want to check to see if a
link has just been clicked (and therefore a new page is about to load)
and, if so, cancel the reload.
I have a page with several links that when clicked open a modal window. The same window for each link, with a form. However inside the form I need to print the id of the link that was clicked. Like so:
<a href="#" id="1">Link 1</a>
<a href="#" id="2">Link 2</a>
<a href="#" id="3">Link 3</a>[code]............