for example let's say we have:<a id="link" href="google.com">click</a>I want to be able to click the link, as if the click was made by the user ( left mouse button click ).I know I can do this way:document.location.href = $('#link').attr("href");but I believe it's not the same thing as if the user make that click.
View 1 RepliesIm trying to prevent the user from clicking any other links on my page when
the user have selected/clicked a href once.
Sometimes it takes a while before the next page loads so some user will try
clicking other links or the same link.
I can prevent this when i use buttons by calling onclick and in a javascript
getElementsByTagName("input") and then check the type to be type of "button"
or "submit" which i then disable. It works.
This also works for href html tags by calling onclick and in a javascript
remove all href, BUT it also stops everything, even the request that is
about to happen.
If i use disable getElementsByTagName("a") on href like with buttons it does
not get unclickable just get a grey color but you can click on it.
Any workaround to this? This is a seriuos web app so I want the solution
where i disable ALL links on my page so it is not possible to click on any
after the first time.
All the links is NOT in a form only links using <a href="gosomeplace"> click
this link</a> .
I have a test blog I am working on at:
[URL]
I am trying to add some jquery image rollovers like the type featured on ThemeForest:
[URL]
I got the image rollovers to work, however I want to add links to them. Each time I add an href tag around the images, the script stops working.
How to get full <a href if I have only link for example[URL] ?I have this link in variable "_src".
View 4 Replies View RelatedI should not be coding, to be honest, I know nothing about it ...
I have a link:
<a href="linkedfile.html">LINK</a>
I want the HREF value to be carried through my jQuery function. The function goes as follows:
User clicks link Linked icons fade out and reappear smaller at the top of the page Link HREF is followed
The new page will have the logos in the same place as they fade out too and content will appear in a frame below. However, I am clueless when it comes to Ajax and jQuery and would really like to learn, hence why I am using it. How do I carry the HREF through? Or are there better ways to do it?
I am trying to change the url link associated w/ an image as each imageprogressesthrough a slideshow.I want each image to link to a unique page.
[Code]...
I am trying to get the plugin working so I can submit from a link (using meta plugin) but it don't seem to be working
$(document).ready(
$("#submitregister").click(
function() {
$("#com-createForm").validate({ meta: "rules" } );
}););
This works from a submit button :
$(document).ready(function(){
$("#com-createForm").validate({ meta: "rules" } );
});
I'm using the jmapping plugin and it's all working great - when you click on a location link in the side bar the map pans to the location. However what I also want to happen when I click the location link is to load more information about the location onto the page.The idea is to load the div from infodivs.aspx which has an id that matches the href of the link that was clicked. I can make the whole page load without issue but I can't get my head around the syntax for identifying the href of the clicked link and then inserting that into the load statement as a div id.I've tried this.href but if that's actually the right approach, I haven't phrased it right so farHere's the code:
$("a.map-link").click(function () { $('div#moreinfo').empty().load('infodivs.aspx what goes here?');
});
I have a simple image gallery consisting of an image with smaller thumbnails below that change on click which works fine.I now decided to change a link along with the gallery image source on click, but can't really get it working.Here is my code to swap the image to the clicked thumbnail image:
jQuery("ul.thumb li a").click(function() {
var mainImage = jQuery(this).attr("href");
jQuery("#main_view img").attr({ src: mainImage });
[code]....
I have tabs in my JSP, tabs are in divs as:
<div class="tabs">
<ul class="tabNavigation">
<li><a href="#DALmy_overview_tab">Overview</a></li>
<li><a href="#DALmy_sizing_tab">Sizing</a></li>
[Code].....
Somewhere in my JSPi have a link onclick of which i need to activate a tab, what should be my jquery?
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');
I have a few input buttons per page:
<input type="button" value="MyButton" onclick="location='[URL]'">
I want to convert them to:
<a href="[URL]"><span>MyButton</span></a>
How can I convert that with jquery? I try to get the onlick val but jquery or javascript seems to convert onclick to a function. I have this, but it's not quite right, I'm trying to just move the onclick data to the link, but I'd rather do it with href.
$(":button").each(function(){
var ocval = $(this).attr("onclick").val();
$(this).replaceWith("<a class="button" href="javascript:void(0);"
onclick=""+ ocval +""><span>" + $(this).val() + "</span></a>");
});
I have a 2 column page.Left nav which contains a list of items with links to their respective details page.What I'd like to do is to load that link into the div in the right side of the page.want to do this via Ajax, so I don't have to reload or redirect the page.I do have my layout coded, but my jquery code is not even close to work, so I didn't post it here.
View 3 Replies View RelatedI have links in my page in the form of this
<a href="example.php?key=someid" class="link">some link</a>
I want to refresh href attribute of link via ajax every five seconds, I am trying this,
[Code]...
I have a list of 32 thumbnails in the form of:
<ul id="thumbs_ul">
<li>
<a href="gall.php?g=galleries/atest/&p=Bamburg_01.jpg" title ="" >
<img class="thumbnail" src=phpThumb.php?src=galleries/atest/Bamburg_01.jpg&
[Code].....
How do I get the href for the item directly before the "selected" thumbnail and the item directly after the "selected" thumbnail?
In the above example I would like to get: [URL]
The aim is a roll over button. It works on hover, and shows the two images however I can't seem to make them link to their individual pages. First question, How do you put in the a href code correctly? Maybe I'm using the wrong formula although I've reasearched heaps of other alternatives and I just can't seem to make it work.Second question, Anyone know how to bind this all up intoa simplier code?
[Code]...
I started with the simplest step - the hide() function:
$(document).ready(function(){
$("a#p").click(function(event){
$("#HiddenDiv").hide();
})
});
It worked fine as long as the href attribute of the anchor tag was '#'. Then I tried using href other than '#' and ran into a problem. I just changed the href to:
<a id="p" href="test.php">Click me</a><br />
<div id="HiddenDiv">Testing mate</div>
test.php is the page in which both these sections (html and jquery) are present, so like a postback to the same page.
This method didn't work and on clicking the anchor tag, the div stayed visible.
I then tried theevent.preventDefault(); method and that worked.
So I experimented more. I tried using the hide function on a dynamic link, something like test.php?a=1.
I ran into a problem again. The div remained visible on clicking that link.
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.
I like to try to do some jquery and spinner then load some html code into a div content. I'm not looking deep into the coding part of jquery yet but here's my question. What will be the a href tag look like?
<a href="http://yourlink" onclick="loadpage();">Products</a>
Do you put the url on href or attr? Can I still put the url on href? The reason I ask it's because seo friendly? Will search engine look into other pages by href? But I guess this way will actually load the whole page in the browser and there's no way I can do ajax stuff in this format? I like to do something nice on my links but don't want to hurt the seo part.
How can I give a click on a link when it is just created and added to DOM?
None of this works:
function openProfilePage(profile){
$('#profile-link').remove();
var link = $('<a/>').attr({'href':'profile.php?user='+profile, 'target':'_blank', 'id':'profile-link'}).css({'top':'-200px','left':'-300px', 'position':'absolute'}).html(profile);
[Code]...
I am trying to make a variable link on a page. The page has a text box
for a stock symbol. The code is: <input type=TEXTBOX Name="symtb"
value="" size="10>
The value of the text box {the stock symbol} will complete the url.
I found code for a variable link:
<script language="JavaScript">
<!--
function variable_in_link(varible_value)
{
new_win = window.open('http://finance.yahoo.com/q?s=" +
varible_value'')
}
// -->
</script>
The link I am trying to use is: <a
href="javascript:variable_in_link(symtb)">The text</a>
No matter what I do the variable_value comes back as undefined. There
is always a value in the text box.
I want to know if there is any way to access an external site, search for an a statement and get it's href, like this:
<a href="http:google.com/" target="_blank">Click Me!</a>
I need the code to search for the Click Me! href on the middle of a HTML file.
I am making a page that uses JS to bring up a "popup <div>" when the user clicks on a particular link. I am concerned that if the users browser has JS turned off, nothing will happen when they click. I thought the way around this would be to have a valid href in the link so that if the JS doesn't work, the browser will be directed to an alternative page.
Can I include something in my JS function so that when the user clicks the link, the JS will run and disable the href link at the same time? My thinking is, if JS is disable in the browser, this function would not work, so the browser would continue to load the href link.
I've got a link: <a href="test.html" id="thisLink">Send feedback</a> and I want to change the 'test.html' to 'index.html'.
Can anyone tell me how I can do this with Javascript?
i have a little function that uses a checkbox to turn off or on a map layer
function toggleGeoXML(id, checked) {
if (checked) {
var geoXml = new GGeoXml(layers[id].url);
[code]....
I am having a problem changing HREF and Text of a link from javascript.
My code is as colos
Code:
And the javascript code is:
Code:
At first page load, it works fine. But then the link text nor its href don't change.
What could be the error?