Would like to get the 'src' from a thumbnail and pass it into a var on hover. The reason is that i am loading a tooltip as an overlay ontop of the thumbnail(blocking a direct link), so i have to pass the url(src) to the tooltip and load the image from there.
here is the code:
var url;
$("#dyna img").hover(function(){
url = $(this).attr("title");
},function(){
[Code]....
I have an image that has been resized via CSS to show as 100x100px on an HTML page. When clicked, I want to open the image in a colorbox - so the user can see the non resized/squashed version as it will normally appear. I've worked out how to set the path of the href to itself (so this doesn't have to be changed every time) (see below), although not sure how to get the colorbox part working - I tried changing 'each' to 'colorbox' - as per how you would normally assign the colorbox, and it opens, it just doesn't load the image in it.
<div class="logoImage"><img src="../tym_img_shared/background-2.jpg" alt="Your company logo" /></div>
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a href="' + $this.attr('src') + '"></a>');
});
});
Thinking about it, perhaps it would be easier to also set the 're' attribute of the link whist setting the source?
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a rel="gallery" href="' + $this.attr('src') + '"></a>');
});
});
Doesn't work for some reason - but it does if I hardcode the URL and rel?
I'm just getting into DHTML, and there's one thing I'm getting stuck on in my current project. I'm building a list of destinations to display in a window. Each one is in its own separate div. But I can't seem to figure out how to add a link to those div's on the fly in my script. Is there a way to do that in JavaScript?
View 2 Replies View RelatedI'm trying to set a cookie when a user clicks a hyper link.
Do you think I should prevent the default behavior of pressing a link first, and then set the cookie?
Or could I just set the cookie on a hyper link click event, and hope the client sets the cookie, before they are directed to another page.
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 RelatedI 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'm trying to append the title attribute to the text of my link. I've got it working, except for the fact that all three links are showing the first link's attribute. Check out the demo at http://outdoor/fuelmultimedia.ca Hover over the Products menu item, and you'll see the drop-down with the attributes.This is the code I'm currently using:
var $titleText = $("#top nav ul ul li a").attr("title");
$("#top nav ul ul li a").append("<em>" + $titleText + "</em>");
I'm new to jQuery and have a problem with links inside an accordion.
The simplified code looks like this:
<div class="active-item">
<div class="available-items">
<h5>Headline</h5>
</div>
[Code]...
The problem is, that the links inside the table are not active. If i click them, the accordion is closing What do i have to do, to keep the links inside the open accordion as normal links, without closing the accordion?
I'm using Firefox 3.5.5 on Vista 32 Home Premium SP2 and only recently noticed that (javascript/jquery being enabled) link focus is lost when you tab through a page, follow the link to another page and then hit the backspace key to come back. Tab navigation continues at top of page, not with the next link after the one in focus before.
No problems in this respect with IE8 and Opera. As soon as you disable javascript with noscript, the problem disappears and link focus stays, so that tabbing brings on the next link instead of starting on top of page again.
Just confirmed it on jquery/com (following navigation link to Plugins and hitting backspace) and on learningjquery/com (navigation links). A Google search didn't yield any answers nor even any similar reports on this particular problem.
It's even more irksome in my particular case, since I have just implemented a stylesheet switcher in order to enhance certain accessibility aspects, but ironically this particular bug leads to a loss of accessibility.
Does anybody know what might be the reason (version 1.3.2.min related?, cookies related?, etc.) for this and how to solve it?
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.
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 Relatedi want the link only to change color when clicked and content changes in window "#gallery". Then when click on another link, it goes back to original color and new link is now changed. Basically, only when link is acitve or focused on then it's new color so user knows link and content that's being viewed.
View 2 Replies View RelatedI have a simple table in which there are a collection of TRs inside a TBODY and a collection of TDs in each TR. I have a jQuery click event bound to a single TD in each TR. When I click onthis TD I use css to set its background color. When I click on the bound TD in another TR I want to be able to change the previously selected TD's background color and then change the newly clicked TD to a new background color. My click binding appears as follows:
.click(
function(){
var nRow = $(this).parent().parent().children90.index($(this).parent());
[code]....
I am just moving over to jquery. Previously i had been using prototype and scriptaculous, im trying to figure out how to set a div relative to another div. in prototype i would of used 'setStyle' to do this. how to do the same in jquery?
View 2 Replies View RelatedIn this code snip I want to be able to click an item i list-handbag and I then get the index li and with that index I want to animate the same index value in slideshow. How do I set that? Ex.:slideshow[index[list-handbag]].animate (.....what syntax can I use to do something on the slideshow img's?
------------
<div id="slideshow" style="width:100%;height:100%;">
<img src="/wp-content/themes/giovanni/images/handbag1.jpg" height="100%" alt="" />
[code]....
I cannot work out why this doesn't work.
$(document).ready(
function(){
// Actual jQuery goodness that moves the captions
// Set the default value for the caption
$('.boxcaption').live('click',
function(){
console.log(this);
});
});
When I run the following and click on a .boxcaption element. It returns the this value 15 times, once for each .boxcaption that is on the page. I only want to return one value, which is the one I have clicked on.
I would like to dynamically set a tab title/name depending on the ajax content returned to the page when it loads, is there a way to do this? example
<LI><A href="lookup_return_data.php" title="result"><SPAN>set this content when page loads ie results:6</SPAN></A></LI>
It can be done perhaps with reg expression, but I assume there is a simple jquery solution.
i have 10 text boxes in a from and when i insert value in textbox1 and textbox2 sum twice and display them in textbox3 at same time when i am inserting it means keyup event how do i solve this task at client side using jquery
View 1 Replies View RelatedI'm developing one application that have two iframes. These iframes are ARS forms.So, I need to transfer information from one to the other one and after that, call one save method of the ARS form. (Ps: both have the same src attribute, in other words, the same form).
[Code]...
I have found a script that works fine for me but I'd like to make it reusable but I have an issue with that. On the script I have something like
function my_function() {
var $container = $('#panel .container');
}
and I'd like to pass the id (panel in this case) as a parameter like
in the example below:
[Code]...
I am currently loading the TreeView asynchronously and I'm trying toset it up so an animated gif displays while a node is being expandednd its child nodes are being created. Currently it just saysplaceholder until the child nodes are done loading
View 4 Replies View RelatedI'm trying to make a blog and I am facing a problem with the plugin using jQuery 'sidebarTabs'.
The blog is here Paris sportifs My question is: Is it possible to display no one sub-category(none) instead of all sub-categories related to the first title ('Paris Sportifs') The creator of the plugin was very friendly and made me good service, but he said that it is not possible because the jQuery library by default is set to display the first sub-section ('Les bases pour débuter etc
[Code]...
I'm currently building a web application based off posted Tweets. As of now, I'm able to pull the first 25 tweets that contain a searched keyword, however I would like the option to 'Show More Results' at the bottom of the page, so users can view more results if they would like. I've found a tutorial, but am still confused as to how to accomplish this.
View 5 Replies View RelatedI have a page with several different forms. One of these currently has an onsubmit event to run a custom validation program before the action is triggered. This event is currently shown asonsubmit="return validateForm(this)"and works as expected.
I want to be able to use this form in some instances without this validation so I want to take this event out and add it if a certain field has been set before the page was loaded. I'm new to jQuery and thought I'd understood how I could do this but I'm not getting this to work.
First of all I added a class of 'mainform' to this form and then used the following to set the event:
I've tried putting line 4 in quotes but it still doesn't work. What am I doing wrong?
jquery and am trying to set the class value on a td cell. It looks as though it is crashing on setting the attr value. This is effectively what I am trying to do.
// get my row
var row = $("#tableID").find("tr:eq(0)");
// get the cells in this row
[code]....
In my page i have a dropdown 'Type' with id 'idType', which needs to be set to focus when the page loads (depending on whether it has a value or not..)The css is not getting applied to the dropdown when it is in focus. Please can you help me to find a solution since i am new to jquery
View 3 Replies View Related