mouseout unwanted affect
I'm trying to build a drop down menu and found mouseout is doing something I didn't expect it to. Here's the html: <ul id='ddmenu'> <li> <a href='#'>Parent 1</a> <ul> <li><a href='#'>Link 1</a></li> <li><a href='#'>Link 2</a></li> </ul> </li> <li> <a href='#'>Parent 2</a> </li> <li> <a href='#'>Parent 3</a> <ul> <li><a href='#'>Link 1</a></li> <li><a href='#'>Link 2</a></li> </ul> </li> </ul> And the javascript:
[jQuery] creating search page with "click" for more results.
OK - let me please preface this by the fact that I am now 12 hours into jQuery, with a pretty basic Javascript understanding, and years of PHP work. I could not find the answer to my questions, mostly because I don't exactly know how to frame them! I am creating a search with expandable results. The search part I have down just fine, I have a form submit button that executes a .load function that drops the search results to a div. So far so good - this works wonders. Now, what I am trying to accomplish
[jQuery] jQuery SWFObject callback function anyone?
Does anyone know if the jQuery SWFObject plugin offers a callback function? I've got some alternate content inside the container which will contain my Flash movie. Problem is that the page takes so long to load that the HTML is visible for about 2 seconds before SWFobject kicks in. I'd like to hide the container with jQuery until after the plugin runs, then return the container to visibility. Anyone have an idea?
[jQuery] Detect when all ajax queries launched by "for" have finished
Hello, I've got a script that takes all the elements of a list and on click of a button it runs an ajax query for each item. It all works fine however I would like to have a "searching" message during the search and a "finished" message after the search has finished, but I can't think how to detect when the for cycle has finished and all ajax queiries ... Here's the code :
[jQuery] Scroller controls on the web page
I have created a scroller at www.electricitynoida.com/moneyxe. I wish to provide the front end user a control panel where he can choose the speed of the scroller. The choices can be speed = slow, medium or fast (radio buttons). Is there a way to do this? I do not wish to reload the entire page, may be just the div. Could someone please help me?
[jQuery] Traversing nested lists not working in IE
HTML: <ul> <li></li> <li></li> <ul> <li></li> </ul> <li></li> </ul> JS: $("ul li").click(function(){ $(this).next().doSomething(); }); When I click on any li that has an li after it, that next li will 'doSomething'. But, when I click on the li that has a ul after, only in IE, the ul is ignored and it will 'doSomething' to the li after the ignored ul. FF and Safari both act on the ul. Is there anyway to get IE to recognize the ul as the 'next()' of the li before it?
[jQuery] Building a Widget
I want to build a widget for one of my websites that users can cut and paste onto their site. The widget should take a value from a form submit and return data from PHP and MySQL back to the widget. Would JQuery be the best place to start for something like this? Any suggestions would be welcomed.
[jQuery] s3Slider IE opacity question
Hi All, I'm trying to make use of the s3Slider plugin. It works great for me in FF and Safari. However in IE7 and 8, the opacity i set shows up correctly for the initial image/slide, but each slide after that is at 100% opacity over the image. Does anyone have any idea what would cause this to happen? I'm using what I believe to be the latest version of the plugin and css on GitHub. Thanks, Matt
[jQuery] element type of matched id
I'm working on a page that dynamically changes many form elements. Because of the way that different browsers style disabled or readonly text inputs, I'm swapping the input with a span that displays more consistently. I don't need to submit those fields. However, when I do this the affected element's ID does not change. There are also some other cases where a control may change from a free text input to a select menu and vice versa, but again with the same ID. If there a way for me to figure out
[jQuery] Need some help with a image opacity thingy.
Hello. Please take a look at this code: [code] $(".box img").fadeTo("500", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads $(".box img").hover(function(){ $(this).fadeTo("normal", 1.0); // This should set the opacity to 100% on hover },function(){ $(this).fadeTo("slow", 0.6); // This should set the opacity back to 60% on mouseout })[/code] The problem I experience is that when
[jQuery] HowTo Select first two characters of an li and hide them
This is My markup <div class="multiple_options_caption"> Features</div> <div class="multiple_options"> <ul><li class="features">11 Classic Design </li> <li class="features">14 Countryside View </li> <li class="features">17 Space for Swimming Pool </li> <li class="features">21 Garage </li> <li class="features">22 Spacious Garden </li> <li class="features">24 Landscaped Garden </li> <li class="features">27 BBQ </li> <li class="features">29 Guest parking </li> </ul> </div> and i would like to hide/remove
change form button on submit
I am currently using a simple image to post an action to a php page. When the image is clicked the post does it's thing and the button image changes and the class changes to do the opposite when clicked again. It is a button to mark as favorite, unmark as favorite. I was hoping someone could help me apply the same to a form as I have another area that requires more data to be passed to the post. here is what I am using now. I would like the form button to change and the action of the form to change...almost
[jQuery] jQuery.preload - Getting Link Mode To Work
I seem to be having issues with getting link mode to work with Ariel Flesler's preload plugin. I have a hidden menu, which shows a hidden div when you mouse over a nav item. This then shows a list of names, and I am using the preload plugin to load up a thumbnail image for each of the names. Currently, it does not seem to be preloading, as running your mouse over each name takes a few seconds for the image to load. So, for some reason, it seems like they are not getting preloaded. And ideas on why
[jQuery] How to use ThickBox in asp.net pages?
Hi, I am new to using jquery and want to understand how i can implement thickbox in my asp.net website. Is there any one who can provide me a simple example? Thanks in advance Sachin
[jQuery] Multiple AJAX requests using jQuery
Hi I am trying to use jQuery's AJAX functionality to make a progress bar. A request is submited via AJAX, which starts importing data to a database. Once submited another AJAX request is called on an interval which checks the progress of this import, a progress meter is then updated using this information. However, the progress AJAX call which is fired on the submit of the form only returns once the import has complete. Its like its being blocked by the initial request? Can anyone explain whats going
[jQuery] .load of content does not always include DB connection
I have a website where I pull a lot of different pages into one CMS page. The problem is the loaded page will occasionaly say "No database selected". But if I click the link and load the page again the content will show correctly. Is there a way to check if connection has been made or a way to delay the load by milliseconds? Thanks.
[jQuery] cluetip plugin issues
I am trying to use the cluetip plugin to no avail. Instead of the cluetip coming up, I am taken to the website URL like a normal link. I am using this within the Liferay portal and am using the livequery plugin. I've tried this with ajaxCache set to false and true. The cluetip code is getting executed when the page loads - verified with firebug. Here is the cluetip related html that is written when the cluetip code executes: <div id="cluetip-waitimage" style="position: absolute; z-index: 95; display:
Hi, add an auto click event
hi, i've created a div with 3 tabs and 3 content boxes, i added an effect of fade and now i want the tabs to be clicked automatically (the boxes to appear in cycle each at a time), how do i add an auto play or auto click event to this function? thanks. $(function () { var tabContainers = $('div.tabs > div'); tabContainers.hide().filter(':first').show(); $('div.tabs ul.tabNavigation a').click(function () { tabContainers.hide(); tabContainers.filter(this.hash).fadeIn(1000); $('div.tabs ul.tabNavigation
[jQuery] window unload event too slow - delay when navigate away from the page
One of the pages I'm working on at the moment is quite big, it has a huge amount of HTML elements and many of them have events bound to them. So whenever I navigate out of that page, there is a huge delay. The browser seems to be freezing during that time. And then it loads the next page (the page that I go to). I notice that, this is because of the window unload event, which is specified in the source code at: jQuery( window ).bind( 'unload', function(){ for ( var id in jQuery.cache ) //
[jQuery] Two Sliders on Page :: 1 closes when the other opens
Friends, I have two sliders on the page. One at the top right, and one at the bottom right. I would like for them to work together. When one slider opens the other one closes. Daniel
[jQuery] Want to pass a variable to the selector
This is my HTML <li><a>DOCUMENT/LAROSATE</a> (1) <ul> <li><a href="/Default.aspx?q=*&navigator=DOCUMENT/LAROSATE:0XD6 VRIGT">0XD6 VRIGT</a> (20)</li> </ul> <ul id="DOCUMENT/LAROSATE_more"> <li><a href="javascript:toggle('DOCUMENT/ LAROSATE_more');">Show less</a></li> </ul> </li> This is my javascript function toggle(id) { $("#"+id).slideToggle("fast"); } id is passed in as DOCUMENT/LAROSATE_more but the selector doesn't work, there is no toggle. What could be wrong?
[jQuery] JQuery Editor
Hello, I've recently worked with a freelancer that developed a jQuery plugin for me, he did a good job, but unfortunately - he couldn't finish it... It is a RTE (Rich Text Editor) plugin (WYSIWYG - What you see is what you get), which works pretty good, there are only a few bugs left that needs to be fixed... The code seems very readable and understandable, and well indented... it is currently ~400 lines of code (16kb, when not packed/minified). If there's anyone here with some knowledge in RTE's,
[SOLVED] .append isn't working in IE6/7
Hi, I am hoping someone will be able to help me, I am developing a website which incorporates a search function. Here is what happens: 1. Search Page Loads 2. jQuery retrieves Search Params from Form Fields 3. jQuery sends an AJAX request to a php script. 4. PHP script returns JSON back to jQuery 5. jQuery slideUp()'s then remove()'s the current content of the Search Results Div. 6. jQuery iterates through the JSON results, and Append()'s the new search results to the Search Results Div. This process
Help with JQuery Editor
Hello, I've recently worked with a freelancer that developed a jQuery plugin for me, he did a good job, but unfortunately - he couldn't finish it... It is a RTE (Rich Text Editor) plugin (WYSIWYG - What you see is what you get), which works pretty good, there are only a few bugs left that needs to be fixed... The code seems very readable and understandable, and well indented... it is currently ~400 lines of code (16kb, when not packed/minified). If there's anyone here with some knowledge in RTE's,
[jQuery] How to extend an UI "class"?
For example if I would like to extend the progress bar, to write a text... I would extend some functions (like the initialization, and the value setter functions) and I have to call super.function (except for the text management calls) How can I accomplish this? (how to call super(...) how to excend an UI class?) Thanks for the answers.
[jQuery] Tabs and tables
Currently I am working on an entry form that I've realized has become too long and would like to break up using Tabs. My current form uses tables (yes I should use divs but I'm still used to tables) and I thought I could just put in child tables inside the divs used by Tabs. I've come to discover this breaks the entire page and was wondering if others have been able to use child tables and Tabs successfully. tia, - Joe<br clear="all"> -- Failure is always an option -- Adam Savage
[jQuery] jquery.js in XUL dialog
Hi all, I develop Firefox extention and like to use jQuery. It works when I use it from overlay, but doesn't when insertede in dialog: <overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul" orient="vertical"> <script src="jquery.js"/> <script src="myscript.js"/> In this case I can use jQuery from myscript.js But in this case <dialog id="mydialog" buttons="accept,cancel" buttonpack="center" xmlns="http://www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul" title="My
[jQuery] Deleting an entire tr
Hello, I am trying to remove an entire tr row. Please, someone help me. This is what I use ############################# $(document).ready(function() { $('a.delete').click(function(e) { e.preventDefault(); var parent = $(this).parent('td').parent('tr'); $.ajax({ type: 'get', url: 'delete.php', data: 'ajax=1&delete=' + parent.attr('id').replace('image-',''), beforeSend: function() { parent.animate({'backgroundColor':'#fb6c6c'},300); }, success: function() { parent.slideUp(300,function() { parent.remove();
[jQuery] jquery.js in XUL dialog
Hi all, I develop Firefox extention and like to use jQuery. It works when I use it from overlay, but doesn't when inserted in dialog: <overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul" orient="vertical"> <script src="jquery.js"/> <script src="myscript.js"/> In this case I can use jQuery from myscript.js But in this case <dialog id="mydialog" buttons="accept,cancel" buttonpack="center" xmlns="http://www.mozilla.org/keymaster/gatekeeper/ there.is.only.xul" title="My
[jQuery] Jquery Validation and Autobox2 by BigRedSwitch
Has anyone managed to get Validation working with Autobox2 by BigRedSwitch. I am fairly new to Javascript coding but I do have a basic understanding and have managed to get the Validation working on the form (which was really easy) as well as Autobox2 but they just won't be friends. Has anyone else managed this ?
[jQuery] ajax timeout question
i am using jquery ajax to load search results of a page. and am having a hard time finding an answer to this question regarding my timeout time i have jquery set to timeout 5000 before doing the success functions. i have noticed on my less than reliable connection that sometimes it takes longer then 5000 to complete the ajax call and if it does then the ajax fails to submit. i could up the limit but usually when my connection is good the call only takes 200. is tehre a way to match the timeout to
Selecting first p in every div
Hi everybody, here's what my code is lookin like: $('body.page-taxonomy .content-inner p:first').addClass("border"); This works for the first p on the page, but there are multiple constructs like <div class="content-inner"> <p>Text</p> </div> and I would like to select each first p Any help is appreciated
[jQuery] Fix for broken nextUntil
Hi everyone! I wanted to use nextUntil, but noticed that it was broken in jQuery 1.3.2 (I know that the "plugin" isn't official yet and that is wanted in the core - looking at the roadmap). Well, this line wasn't working: // If we find a match then we need to stop if ( jQuery.filter( expr, [i] ).r.length ) break; I'm curious, what was the r-property doing there before? :) Well, I created a small patch, that also gives the oppurtunity to also include the last selector default is as usual: $("h3").nextUntil();
[jQuery] Reusing script
Hi, I am using JQuery to show and hide sections of text within my page. The page has 10 sections of thext and 10 links. I want to initially hide all 10 sections of text, and then show section 3 when the link for section 3 is clicked, but make sure any previously shown sections are then hidden. Here is what I have used so far which dies wxactly what I want but seems very long winded. $(document).ready(function hideAll() { //$('.stepText').hide(); $('.step1').addClass('hiddenstep'); $('.step2').addClass('hiddenstep');
[jQuery] How to force jCarousel to scroll a certain amount of items at a time?
Please check the testing page: http://one.xthost.info/ian/jcarousel/test-1.html There are twelve items. And "scroll: 6" was set in the configuration in order to scroll six items at a time. But it scrolls only five items and the last item ( box 12 ) is invisible. I have to scroll once again to see box 12. It is probably because the CSS declaration "margin-right: -3px" on each <li> so the three pixels left and right borders of all boxes are overlapped with each other. That means the left border of
[jQuery] how to insert html returned from ajax request into dom
I am new to jquery, I have a page that gets data in the form of html returned from an ajax call. I want this data to be sticked to DOM and behave asif it was always a part of the first loaded contents. Detail <div id="ajaxReturnedDataDiv">****html data comes here</div> html data <a href="#" id="toBeClicked">show an alert</a> $(document).ready(function() { $("ajaxReturnedDataDiv# > a").click(function() { alert($(this)); }); }); can anybody tell me whats the issue in this code. Thanks in advance
[jQuery] Multiple lists that should only show x amount of items until you expand them
OK, this is what I have. Multiple lists that I can collapse and expand. What I want is for them to only show x amount of items until I expand them. Say x = 2 In Section A the following would be shown Link A-A Link A-B In Section B the following would be shown Link B-A Link B-B etc. And when I push a Section link it will show all <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#menu > li > a[class=expanded]
[jQuery] Delay function to wait for post
I have the following code: $('#r_0_0').blur(function() { var x = $('#r_0_0').val(); var y="#d_0"; $(y).empty(); $.get("apps/P5001/call/LineItems.lasso?LITM=" + x + "&Line=" + 'r_0_0' + "&TEST=" + y,function(data2){ $(y).empty(); $(y).append(data2); },"html"); $('#addnew').click(); }); The last line "#addnew" is adding a new line to a html table, and the other code is updating a div with information from a database call. It is all processing correctly, except the "addnew" is running before the database
Passing Array via Ajax
I am totally new to Javascript, JQuery, Ajax, all of it. So, apologies if this is a dumb newbie question or a common question. I tried searching but didn't find an answer I could understand. I have been trying to figure out how to send a simple Javascript multi-dimensional array via Ajax to a PHP script on the server. I have been reading up about the JSON standard for this, and have experimented with a few JSON stringifiers, etc. But, it seems that JSON requires a KEY->VALUE pair. What if I created
[jQuery] [ajaxForm] Loading Dynamic Data Best Practices
RIght now I have a page that has a search box that uses the autocomplete plugin. When the form is submitted using the ajaxForm plugin, the server sends back HTML code with jQuery mixed in. This seems to work alright in Firefox, but in IE the javascript goes unnoticed. The results are sometimes unpredictable in FF as well. Is it bad practice to load javascript this way? I tried putting the javascript in the ajaxForm's 'success:' method so that it would be called after the post was made, but this doesn't
Next Page