JQuery :: Changing The "name" Attribute Of An Item Doesn't Seem To Be Working When Trying To Change It With .attr()?
May 12, 2010
I don't know why but it's not working no matter how much i try to do it. I was planning on posting some elements on a page's div and one of them allows for mutiple things going on at once, as in allows for someone to have more than one of something. And since i don't think that it'll be working right if i try to pull it from 1+ items with the same name it'd just show the last one? Or is it that PHP would show them as a list... either way it's seeming that .attr() doesn't allow for a name change for some odd reason. And i was wondering if there was any function to allow for this to be changed easily written within jquery.
I'm trying to replace the value of href attribute of an element with the title attribute of that same element. The code pasted below works to some extent, but the last line doesn't.
jQuery(document).ready(function(jQuery){ jQuery(".ngg-gallery-thumbnail a").each(function (arr){ if (jQuery(this).attr("alt").substr(0,5)=="Video"){ jQuery(this).attr("rel","wp-prettyPhoto");
I am using the JQuery cycle plugin that lets me use buttons to fade in and out between different content. The structure is as follows:
HTML Code:
It all works fine but now I need to change the second <a> above, or specifically its ID from "middle1b" to "middle1" on the fly. I'm trying to do it via the method below but somehow JQuery isn't finding the second <a> and hence it can't change it's ID from "middle1b" to "middle1".
Code:
I need to change the link's ID so the hover button image is different as this is necesary to blend it in with the content above it.
This works perfectly in Firefox and Opera, but Chromium and IE6 only change the text to value of $data[0]["brand"/"category"] (which is a string) and seem to ignore the onclick attr
I have two img tags and a jquery script which changes the value of the src attribute of each one picked from an array of images and alternatively set the display to block and assign a decreasing z-index.
The problem is that when the hidden image pops up, it seems as if, at first, set the css display to block and then change the source of the file as, for a second, it hangs to the previous loaded picture. Well I thought it was easy to manage by setting a delay but instead seems not to do anything. And then with a setTimeout but it doesn't work as expected..
I am trying to make a block/unblock feature that when the block button is clicked unblocked appears and then the user can then be immediately unblocked. This is working fine if I block, manually fresh, hit unblock. Works wonderfully in fact. The problem arises when I try to unblock before doing a page refresh. It tries to block again instead of unblocking even though the class is set up as .unblockUser
I'm attempting to make a simple hover image gallery with a static large image which swaps with a thumb on hover. However, on hover what happens is the new image comes up as the large image and if I then hover over another thumb it replaces that thumb with the original bigpic image source.
Is there any alternative way to disable elements in real time as .attr("disabled",true) or .attr("disabled","disabled") do not work in IE7, only with IE8 or FireFox 3?
I've created the simple select box below that will "onchange" when an item is selected. I'm trying to apply the "selected" attribute to items that are chosen from the menu, so that if "Home Page #2" is selected, the "selected" attribute will be applied to "Home page #2" once you arrive at "Home Page #2". I've follow a few simple tutorials with no luck and even tried php conditionals to trigger the "selected" attribute with no luck.
I've got the following code (from this tutorial:[url]
thisItem = $(this).attr('rel');
Then I create HTML for navigation:
And it works perfect but only when I use single category for rel="". In this case rel="abc" works and rel="abc abc2" doesn't work.
There must be something with $('.pf_item li[rel!='+thisItem+']') but since I don't know jQuery I can't solve it myself. I just want to change this line into something that is able to work with multiple attributes in rel.
I've created the simple select box below that will "onchange" when an item is selected. I'm trying to apply the "selected" or "selected="selected" attribute to items that are chosen from the menu. Example: The goal is to show " <option value="/1" selected="selected"> " when page "/1" is chosen and to show <option value="/1"> when /1 is not the current page. I've follow a few simple tutorials with no luck and even tried php conditionals to trigger the "selected" attribute with no luck.
We're trying to make all the HTML we write to be forward compatible so we're running our code through an HTML validator.The problem I'm seeing is that the 'rel' attribute is not valid for the <input> element. Although it works fine, is there a work-a-round for this?I've used the 'rel' attribute extensively since I've started using jQuery.
1) When clicking on a list in an accordion, it should change the quicktime movie playing in a main window area. It works in firefox but not in safari. The variable imgTitle holds the expected output (e.g. '../images/Intro-1.mov'). It changes the src attribute of the embed tag. This change works in Firefox where the new movie plays on click. However, when clicking the list item in safari, nothing happens.
2) There is a problem in firefox as well in that the movie overlays everything else on page, even though it should be behind the text. Positioning would be tedious given that there's many nested elements and I would have to set relative positioning to the entire page.
$(".image_thumb ul li ul li").click(function(){ var imgTitle = $(this).find('a').attr("href"); var imgDesc = $(this).find('.block').html();[code].....
Inside of an img tag I have an onclick that fires a function. The function is supposed to change the src of a larger image elsewhere on the page. Think: click the thumbnail to see it at the enlarged_image that is on the page.
I tried this function but it doesnt work =/
function doit(){ var node = this; var nodesrc = node.getAttribute("src"); dest_img.setAttribute("src", nodesrc); }
I dont think 'this' is doing what I want it to, plus I get the error that node.getAttribute() is not a function.
I'm a member of a forum the for the Winter season has changed it's CSS a:link color attribute to a more winter themed colour. However I want to revert back to original as I don't particularly like the new colour.
My theory is to create a small JS file, that I can define Opera (my browser) to load when loading the site, which will change the colour of links back to the original colour. I have the colour code HTML I want to change it to.
I've only ever done a small amount of JS coding but from the research I've done it should go something like this,
document.style.alinkColor = "COLOR"
I got to that via discovering that
document.style.backgroundColor = "COLOR"
will change the background colour attribute, however it doesn't seem to work. I think my problem lies somewhere in the attribute name, I know the usually with JS CSS Attributes you would make the attribute starting with a lower case letter and the sub-attribute (e.g. the color bit) starting with an upper case.
I have <style> tags in my <head> section, and only want to set the cursor attribute if the user's browser has JavaScript enabled. This code however doesn't set the cursor attribute even if JavaScript is enabled:
but none seem to be working. The img gets generated by another script so I can't add an id or class to it. I figured an expert at selectors would be able to explain how to select it.
