JQuery :: Pass A HREF To An IMG SRC In A Div?
May 6, 2011
I have a page with dozens of anchored links. When you click on the link, the appropriate div becomes visible. Each div contains an image. Because each DIV has a large image associated with it, it takes entirely too long for the page to load. I would like to set the IMG SRC inside of the div when they click. Each anchor href is the exact same name as the image to be loaded - so #dali would contain dali.jpg. How dow I pass the HREF minus the hash mark (#)? This is as far as I've gotten:
$("a").click(function() {
var whichDiv = $(this).attr("href");
$(whichDiv).attr("src", "images/art/" + whichDiv + ".jpg");
});
[Code]....
View 4 Replies
ADVERTISEMENT
Jul 25, 2011
My issue seems basic enough but i can't seem to get things working.
I have a list of links within a div as follows:
[Code]...
View 2 Replies
View Related
Oct 21, 2010
I have an HTML link (<a href='somepage.php'>......)
When someone clicks this, I would like to have a Javascript input box popup to accept some data, then have it pass the data in the url.
The ending result would be a jump to page: somepage.php?data=my%20input
I'm not even sure how to word a google search for this.
View 1 Replies
View Related
Apr 12, 2010
I am having some issues with getting a variable from an onclick event with javascript.
$('#preview_logo').append('<img src="'+fileObj.filePath+'" height="100px" hspace="5" /> '+fileObj.name+' uploaded.<a href="javascript:;" id="dele_image" onclick="del_image('+fileObj.filePath+','+fileObj.name+');">Upload Different Image</a><br>');
This is for uploadify script for previewing an image that is uploaded, it creates the link fine, but won't trigger the function "del_image" unless I delete the parameters in the onclick, which leads me to believe it is something to do with my quoting. Here is the function:
[Code]....
View 7 Replies
View Related
Oct 28, 2010
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]....
View 5 Replies
View Related
Feb 25, 2010
every time i try something it doesn't work for me :( god why is this javascript so hard to make it work... anyway, i just followed the guidelines to pass values from one page to another using ? and it simply, like always, DOES NOT work .
<HEAD>
...
...
<script type="text/javascript">[code].....
View 7 Replies
View Related
May 26, 2007
I'm not sure whether or not this is possible, but I want to have control over the Javascript function that is called when a target web page is opened (ie as the onload function in its <body> tag). In other words, the calling page will have several <a href ...> tags referencing the same page, each specifying a different onload function. Is it possible to effectively pass a parameter in this way? I have not been able to find any solution to this.
View 2 Replies
View Related
Jul 12, 2010
I'm using the following code (simplified version) to call a Json file, parse it and on each iteration, create a div with an ID of "tab". I'm using this with jQuery UI .tab() to create a listing with entries which have three tabs. Anyhow, the principle seems to work except that when I examine what's happening behind the scenes using Firefox console, I see that each href in the html code produced is causing the Json function to re-fire using the href as it's url target.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
[Code].....
View 6 Replies
View Related
Nov 20, 2007
I have been trying to grasp the whole 'Pass By Value/Reference' thing for a few hours now. From what i can make out:
Passing by value will make a copy of the value, pass it as a function argument and the function will store the changes, the original value is not affected. So for example:
JavaScript Code:
var cost = 145;var postage = .3;var a = function() {return cost + postage;} //Using an Anonymous function for this
If you was then to pass the value of 'a' to a function argument it would copy and not change the original value.
If you pass by reference it will change the original value. When you pass a reference to a value through a series of different functions and the value is constantly being changed the change happens on the original value and can be seen outside the function.
The problem is i cannot think of how or why this would be used. I havn't got to develop many large applications so im trying to think of a few situations when passing by reference would be used.
View 5 Replies
View Related
Aug 28, 2010
What is a good way to switch a number at the end of a string?Im trying to change the value 0 to value 1 at the end of a URL when a button is clicked. (And vise-versa)So if I have this:<a class="important_ajax" href="projects/important_ajax/0"></a>Them the part here should be simple but im unsure of a good way to do this easily:
$(".important_ajax").click(function() {
$obj = $(this); // So I can use THIS object inside of other objects.
$url = $obj.attr('href'); // This is the URL: projects/important_ajax/0
[code]....
View 1 Replies
View Related
Sep 23, 2009
I am using an online e-commerce hosting solution and they wont let me get certain stored data because they have full control.Anyhow the link on the page looks like this:[URL]How do I match and then get the full value of the url. The important value is 12.
View 2 Replies
View Related
Jan 3, 2011
I wrote this code: $("#menu_nav_filter a").attr('href', $("#menu_nav_filter a").attr('href') + '#menu_nav_filter'); and I doesn't find all link, for example it finds: kamery.html?manufacturer=18 but should be: kamery.html?manufacturer=18&something=value&and=so_on
View 1 Replies
View Related
Mar 18, 2010
I have a link and i am putting the id in href.
Code:
<a href="12345" id="myLink">link</a>
In IE 8.0.6 and 6.5 (not my machine but on coworkers machine) when link gets clicked, i get full path including the ID like "http://www.domina.com/folder/12345" where as on my machine i get the ID only when i do
Code:
myval = $("#myLink").attr("href");
When i move the ID to rel attribute, the browsers behave as intended.
Code:
myval = $("#myLink").attr("rel");
same version of IE on my machine is behaving ok where as on coworkers machine it is not. Am i doing some thing wrong here?
View 6 Replies
View Related
Sep 26, 2011
I just need to replace a DIV with another DIV on mouse click.I'm assuming the best way to do this is with replaceWith().[code]
View 6 Replies
View Related
Nov 21, 2011
I have the following code and I need toreference the z-index value (something like if z-index:contains '2') but I have not been successfull. Anyone have a clue on how I can do this? <a href="javascript:RatingClicked('rate_value_vote_data_Herbieann','rate_display_vote_data_Herbie Mann', 5, 10)" style="width:50px;z-index:2">5</a>
View 5 Replies
View Related
Jul 22, 2009
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.
View 2 Replies
View Related
Apr 7, 2011
I'm sure the answer to this question has to do with iterating over each element in the wrapped set, but I still don't understand why. I have a number of anchors in my page that have a class named Get.I want to append a querystring name value pair to the end of each href.
$(
'.Get').attr('href').append('&id=' + id); does not work. Can someone tell me why and what is the correct solution.
View 6 Replies
View Related
Mar 31, 2010
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]....
View 2 Replies
View Related
Dec 7, 2011
I have external links on my website which are added by users of the system. I want to do the following:
1) Change the HREF value via jquery of any external hyperlink to be a page on my site that opens in a new window
2) This page will be a 'Please wait, we are redirecting you to your chosen website
' kind of page
3) This page then redirects the user to the URL they clicked after a couple of seconds
I thought of doing something like the following:
$('a[href^="http://"]').attr({target: "_blank", title: "Opens in a new window", href: "/redirect/"+$(this).href});
So the idea being that I open all external URLs in a new window but I load a page called /redirect (which is my own page) but I pass to it the URL I want to redirect too.
This is not working as each time I click my link my URL is:
/redirect/undefined
View 1 Replies
View Related
Jul 13, 2010
I am trying to get a href attr from variable msg. The problem is that the msg consists of not only <a element but it contains also <p element and because of that attr doesn't give any value.
var msg="<p><a href='/users/'>Username</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
var href=$(msg).attr('href');
how I can get the value of href from the above example?
View 2 Replies
View Related
Jan 28, 2011
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 Replies
View Related
May 25, 2010
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?
View 1 Replies
View Related
Sep 28, 2011
sorry for the stupid question but how can i modify the href atribute of the link without having a id of the "<a>" just because it's the link of an image with an id?
<a href="anything.jpg"><img id="winkelchen" src="anythingelse.jpg" /></a>
View 2 Replies
View Related
Aug 22, 2010
I am doing a lightbox effect onclick a image.Its easy if I just use this code:
<a href="images/image-0.jpg" class="lightbox" title="Cape Breton Island"><img src="images/thumb-0.jpg" width="100" height="40" alt="" /></a>
<script>
$(document).ready(function(){
[Code].....
View 2 Replies
View Related
Feb 28, 2011
How do I search for all the <a> starting with with hrefhome?Example I could have 3 or 4 <a> that starting with the id of [code]
View 2 Replies
View Related
Sep 6, 2009
the code should fadein a div when the page is ready, and when you change the site with an link the div should fadeout.But how can i transfer the var "url (for example index.html) to the JSthe code:
<script type="text/javascript">
$(document).ready(function(){
$("div#content").fadeOut(0);
[code]....
View 1 Replies
View Related