JQuery :: Doubling Up Selectors - Highlight In Grey A Row In A List
Apr 6, 2009
I have some jquery code that will highlight in grey a row in a list when it's hovered over - ie:
[Code]...
but of course that will highlight every -even and -odd row, but I want to exclude the list classed .views-important-dates. I can get bloated with it and duplicate the whole code, or I could write a function (which is a definite possibility) but I was wondering if there was a conditional way I could do this - for eg:
I have an image scroller with several elements connected to it in an array. When the image goes to the next slide, the elements (title, category, desc., etc.) adjust to coincide with the new image. My issue is that I am unable to create an element (category) that pulls each "category:'current slide category'," entered in the array as a list and highlights the current slide's corresponding category.
E.g., var slides = Array( { <!--slide 1 --> url: 'images/image1.jpg', category:'category 1', title: 'This is the title of the image/article', imgLink: '#', caption: 'This briefly explains the image/article', }, { <!--slide 2 --> url: 'images/image2.jpg', category:'category 2', Title: 'this is the title of the image/article', imgLink: '#', caption: 'this briefly explains the image/article', },)
I want it to display: >> category 1 / category 2 / category 3 The corresponding slide 2 elements are active/visible in the slideshow, so whatever is entered as the category for each slide should be listed visibly (instead of the non-current items fading) and then highlighting the current one. Slideshow JS (category element on lines 309-313): [URL]
In a website that I am developing, I have a tab navigation system and I tried to dynamic load the #content of each page in the #content div of the main page withe the next script and next html:
But when I run the script it doubling the #content div.
I have a navigation that has a list of employee name. And I used up and down key to see the names and I click enter key to view the data of that employee. Now, I want to have a color the name when I press the up and down key and also I want to be highlight or the color will stay in the the name that I choose after I press the enter key..Is it possible?is it using CSS? or javascript?How?
Here is my code: Code: <script> window.onload = function() { // function() { var ul = document.getElementById('searchpayroll'); var links = ul.getElementsByTagName('a'); var i = 0; document.onkeyup = function(e){ //function(e){ e = window.event || e; .....
I've spent the last two hours trying every other solution listed, to no avail: this works, so I'm sharing it for the other folks who couldn't find a solution other than switching to another language.
var fileString = "mydevfolderfolder2folder3file.txt";
var myPat = /%5C/g; //this is using regular expression to define the escaped version of a backslash
I am looking for sample/ implementation ASP.net with Jquery.My requirement is I have web form with some controls, once the user click on submit, entire form should Grey out with message as processing .... once the database successful, successful message should bedisplayed and if user clicks on close on message the message should be closed and form needs to be cleared or some thing like this.
I was changing the code on the Grey Box script to pop up only the first time someone came to the page. I had this line of code working but it doesn't now after I did something to it. does anyone have an idea how I can modify this to make it work?
i have an array of checkboxes that are displayed in a table. if the first checkbox is selected then all other checkboxes need to be greyed out, so that the user cannot select anything else. And of course if the first checkbox is unchecked then all checkboxes become available again. Any combination of the checkboxes may be selected unless the first one is selected.
I have a form with a text box that is greyed out unless a checkbox is checked. The problem is if the checkbox is checked and this enables the text box to enter data and I hit reset, the text box does not reset and turn grey. It allows data to be entered. I have both the html reset button and the javascript clear form, but neither seem to work. How do I reset the text box to grey as well if reset is hit?
I'm using lightbox 2.0 with Dreamweaver CS3 on Mac 10.4. I am trying to use lightbox with Dreamweaver's hotspots, so right now my code looks like this: <area shape="poly" coords="209,232,273,224,280,286,219,293" href="images/ATlogo2.jpg" rel="lightbox"/> I am only getting the gray background when I click on the link though, not the image. The image properly loads in a new window when the rel="lightbox" code is not added. I have tried testing it in Dreamweaver's preview on Safari, and uploaded to the web in Safari and Mozilla's Camino.
I have a page that has a bunch of checkboxes and input fields. I need to disable and grey out the submit button until a change is actually made to any of the fields, then make it active and blue. How would I do this?
I'm using Greybox (labs/GreyBox/ ) with a php script. It works great. However, I'd like to have it appear on the right side of the page, instead of appearing in the center of the page, when it pops-up. Someone suggested tweaking the css file. I've tried, maybe it needs code added to accomplish this. I don't know.
I have a site using Grey Box pop up ( http:[url]....).It automatically pops up when you go to any of the 5 pages on the site. Is it possible to add a cookie to it so that it only pop up the first time someone comes to any one of the pages?
I have a div containing a few text elements like date and description. I want to change the background-color of the div to a light grey when the mouse is over it. This works fine. The problem: As soon as the mouse is over a child element, the background changes back!
There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.
This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:
Writing a sortable list function. My <li> elements contain several items (headings, paragraphs etc) and I want to add a class to the headings when they've been sorted. I have this code in my sortable init:
I found that certain selectors work in all browsers except IE 8 and they need to modified. This selector pattern seem to work well in all browsers, including IE 8: jQuery("input[class='class_name'][type='text']") But this identical selector works in Firefox, Safari but not in IE 8: jQuery("input.class_name:text") In IE 8 it returns a "property not found" javascript runtime error. I don't know whether that the actual issue or if it is a side effect of some memory leak.
I'm trying to test if certain radio buttons are selected, but the name varies. My boss is considering changing the names to further isolate them breaking the script as it works now. I'm trying to figure out how to test the new case just like it works now. Here's a link to my pastebin