JQuery :: Using A Switch To Select Through Current Url Path?
Jul 15, 2011
I am working on a simple switch statement that will select the current url and perform a simple action Here is what I am trying:
var url = window.location;
//alert(url);
switch($(url).val())
{
[code]...
so far my site is loading fine and all the jquery is working, but I am having a real problem getting my alert() to fire. I have checked the url with the alert() outside the switch, it is receiving what it should.
I built a reusable plugin for slideshows. Client now needs me to add something that will affect its reusability.The line below is a snippet which is attached to a nav button. Each slideshow has a dot per slide. When clicked I get the number of sibling that it is within the group and then I look UP the DOM to the nearest div with the class called 'slide_holder'. I then display the slide that has the same sibling number as the dot(In other words - If you click the second dot in the group of dots, then the second slide will fade in. If you click the 3rd dot, then the 3rd slide will fade in)Below is a snippet (CLICK HANDLER)
As soon as I add this line of code, .selected is nothi-lightedany more. Now, I understand that this is the way this function is supposed to work (guess so,otherwiseit's a bug), but I couldn't find any function in documentation that would go from my current element to the first element that has that classapplied and skip everything in between.
Is there anyway I could control the selected item, and put it on the top of the current selection box. I know for the first and last 4 item, it may not be able to show on the top of the select box. But if I have hundreds of record, I want the selected item to show on the top if they not the first or last 4. And I am not interested in the items before the selected item either.
I have the testing code below.
<HTML><HEAD><SCRIPT type="text/javascript"> function searchSel() { var input=document.getElementById('txt').value.toLowerCase(); var list=document.getElementById('items').options;
After an hour of hacking the closest I could get to detecting the current value (Not key, but value) of select statement that works both in Firefox and IE is :
Which is SICK, but I would be more than happy with it, except @ %$*@ Internet Explorer selectElem.selectedIndex is somehow always 0 (ZERO). Now, for my purpose, I am desprate enough to accept just getting the default (initially 'selected') index of my drop down (select). Is there anyway to do that?
I have this reservation form found on the main page of: http://www.avis.com.lb/
As you can see the current month "August" is selected as the default month and so is the year and day (the day is programmed to jump 2 days ahead for the renting of the car...)
However if you look closely (check the screenshot attached) you'll see that the month "August" is repeated twice and so is the year "2009", the current month is repeated twice. What I wanna do is remove the duplication and just auto select the current month without duplicating it.code...
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.
I'm using a script to include images into a slide show using direct URLs to the image files, but I am using fckeditor (PHP) for my users to edit their content. The script in the .js file that pulls the images into the slide show.The user's image file is going to be named something like, "userImage01.php". Inside that file would be their image location path ~ "images/user/image1.jpg".Therefore, I need the above javascript to pull-in "userImage01.php" INSTEAD OF the image's location path.
I'm trying to create a group of radio buttons that enable user to select whether to maintain the current image, remove the image or upload a new image. If user selects maintain the current image or remove the image, the upload field will be disabled, when user select upload a new image, the upload field will be enable. My script is as below but I do not get it work correctly, do you have any advice for me?
HTML Code: <script type="text/javascript"> function Disab() { frm=document.forms[0] if(frm.change_voucher.checked) {frm.img_voucher.disabled=false} [Code]....
I've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head> $(function() { //function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
I'm having an issue using .get and a callback. Basically, unlessI use a fully quantified path when I deploy my site the call doesn't work. When I'm developing on localhost, the site works fine. It's an ASP.NET MVC site. I'm fairly new to jQuery. If I replace the code with an absolute path, all seems fine. Obviously I'd rather use relative paths. I'd be grateful for any insight you could offer.
What I'd like to do is change the path to images with the class .changsrc. Eventually I'll attach this to a link, but for now I only need it to happen on page load. I managed to change the entire image src using attr() but that doesn't work for multiple images with one class name. (maybe I'm missing something there)So... how can I change
img src="images/imagename.jpg" to: img src="images/alt/imagename.jpg"
i want to load the content in the #contentscroll-div.at the leftmenu navigation all works fine with buttons and stuffthe headpic works fine eitherbut i wanted to have some links in my inner content (which is in #contentscroll-div). i gave them the class .contentlink and added the class to my click function. but it doesn't work.
I need some help with a path change. It works for just one image but when I use it for multiple images they all change to the same one. I need the src images/fr to change to images/en with a click.
Im looking at a pretty old table driven site for a client. Its an affiliate based site so affiliates of the company can use their booking engine. They want to be able for affiliates to change some of the hardcoded images so as to use their own coloured ones.Is it possible with Jquery to change the image path on all of the images. So for example from:[code]Unfortuntly due to the nature and size of the company I cant use htaccess or do any real code changes hence i thought a JQuery would do it
Is there any way to get the FULL path that is shown in the mcDropdown after the selection? this.getValue() only returns the selected value in the dropdown AND $("input#category").val() does the same, instead of showing the full path. I need the full path. Also, I am not getting the arrows on the items that have children even though looking at the CSS in Firebug, I can see them as they are in the path.
What I'm trying to do is create three rules depending on the path of a page. If the path contains 'best-sellers', I want jQuery to set the class of the page to 'pm-best-sellers'. I can do this, and it works, but when I add the rules for 'express-gifts' and 'eco-friendly' it breaks.
I am trying to switch pages programatically. When a user logs in successfully I want to switch to another page. I thought mobile.changePage was used for that but I get this error message: TypeError: Result of expression '$.mobile' [undefined] is not an object. Or is there another way to accomplish this?
1. Take the current URL of the page and open a new window with a URL based on the current page. Some examples (I use "->" to mean "this URL turns into that URL"):I plan to use these bookmarklets in sequence, first pressing 1 to log into the CMS, then pressing 2 to edit the current page.
I have a relative path issue when using jQuery in that I am using the same ajax function sitewide and I don't know how I can send a request to a PHP file without needing to provide the full absolute path. For example, the below code works at top level, but will not work if called from inside a sub folder.
I have some divs I am toggling and there is a little + sign image I want to change to a - sign image when the toggle event occurs, but can't quite figure it out. Here is the toggle code I have (taken from
