JQuery :: Get The FULL Path That Is Shown In The McDropdown After The Selection?
Sep 22, 2010
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.
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'm trying to get the full path of a file with a file uploader form with FF. I see HTML5 permits this but I cannot find any concrete examples to access this value from a normal html file uploader form.
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)
Is it possible to put more than one McDropDown on a single page. I have done this but when I select a value in the first McDropDown it selects the same value for the second McDropDown.
Is a way to set the width of the input element of the giva mcdropdown plugin [URL].. It is 393px wide (as you can see in the example at the plugin page), but I like to have it narrower.
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 have implemented a site where I made a tooltip, show when mouseover an item. here is the site [url]
The problem is data got from a remote server using ajax. I perform jQuery .hover() on the content got through Ajax. not use .live(). So Now the situation is in IE tooltip shown but in FF and Safari tooltip is not shown.
Here is the js code and make the Ajax call..this is index.php
Code:
Here is the main PHP code where using CSS and JS hover implemented.
I have a list of div as shown in attachments this posts "inizio.gif" but the problem is that div are of different heights see attachments: "problema.gif" can be solved with jquery like in attachements: "risultato.gif"???Attachments problema.gifSize : 4.65 KB Download : 459inizio.gifSize : 4.29 KB Download : 450risultato.gifSize : 23.9 KB Download : 428
This code works in Chrome, but not in IE <html> <head> <script type="text/javascript" src="jquery.js"></script> </head> <body> <img src="mchief1.jpg" /> <script type="text/javascript"> var tehImg = $('img[src="mchief1.jpg"]'); tehImg.attr('src', "mchief2.jpg"); </script> </body> </html> In Chrome, the second image is shown, while in IE the first one is.
I have this code which when you click the delete button of a particular row, it shows up the div .delete over that particular row, and when clicking on the cancel button on the .delete div, it'll close that the .delete row revealing the .row div again (the .row div doesn't actually hide, I handle the overlay with z-index). However, I want it so that if one .delete div is already shown I want it to close it before revealing a new .delete div, so you can never have 2 .delete divs open at any given time. ere's my code at the moment:
I'm working with an existing slideshow that's not built with jQuery. I basically need to load an image after the DIV containing the slideshow image is shown. TheDIV will also have an attribute that contains the URL for the image to be loaded.Here is the code.<div style="display: none" rel="http://pathtoimage"></div> What I was is for some jQuery that monitored when the DIV was shown (remove the display: none) and then take the image in the attribute and inject it into the DOM.
I am trying to create a horizontal menu, and I have succeeded in getting the menu to view the way I want it, but for some reason when I mouse over the <li> in the root <ul> it shows me all the <ul> under every <li> at once. Here is a sample. <div id="MainMenu"> <ul id="Nav"> <li class="level1"><a href="~/Default.aspx">Home</a></li> <li class="level1"><a href="~/Default.aspx">Bullitens</a> <div class="SubMenu"> <ul class="SubNav"> <li class="level2"><a href="~/Default.aspx">Home</a></li> ..... .level1 { display: inline-block; margin: 0 10px; height: 25px; padding-right: 20px; } .level2 { padding: 0px 15px; margin: 4px 10px 0px; display: inline-block; } This code would most likely be what is necessary to reproduce my issue. Am I at least close to getting this menu to function the way I want it to?
if i click on a <li>-Element, it's children should be displayed This works fine but if i click on the back button and let me display the same Elements again, the code fails
(try 1 > back > 1 in the jsfiddle) here's a jsfiddle with code i created[URL]..
i don't have a cule what i'm doing wrong here(perhaps there is even a more elegant way to deal with it than parent() and children())
When addClass('choose') to li, there is always a white space right under it. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URl]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript" src="demo_inc/jQuery.js"></script> .....
I have a sideshow to add to a clients site, my plan is to utilise the cycle plugin (correct me if I'm wrong, a little new to all this). The critical aspect is that we have an image which should only be seen once, this being the very first image in the set, this will carry into the cycle/slideshow, but when it loops/repeats i want to skip past this first image.
So, those three divs are hidden, but the middle div is generating data etc... and eventually it will show (or maybe not).. BUT, I only wanna show these divs:
topnoshow bottomnoshow
WHEN actiondiv is show(). I can't use a periodic executor OR add some code to the file that determines when to show "actiondiv".. but there is an event trigger set (see below).
I'm using jQuery but it doesn't work and I don't know why? Here is my code:
<head> <script src="prototype.js" type="text/javascript"></script> <script src="jquery.js" type="text/javascript"></script> <script src="jquery.dataTables.js" type="text/javascript" ></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { alert('document ready'); CreateTable(); }); function CreateTable(){ var oTable = jQuery('#example').dataTable({ ..... I got my .js's in the same directory as my jspx file, and the alert ('document ready') is never shown.
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.
how do you detect if an element is visible when you use slideDown() and slideUp() to show/hide it?I have a question with five radio buttons; if no radio buttons are checked error msg displays
if (!$("input[@name='diagnosisHowLongAgo']:checked").val()) { // display error msg; }
I have checked the similiar questions and tried putting overflow on the ui.dialog class but the flash on the page is still being shown when the dialog is opened. My jquery skills are not good at all, how can I hide the flash?