Selecting an active item in an accordian list
Hi All, Very new to Jquery and was hoping i can get some help. I have an accordian list much like the example here : http://docs.jquery.com/UI/Accordion#option-active Say for instance i have page links under the heading 'Section 2' of that demo. How can i make it so that when you visit a page from these links 'Section 2' is now active (by that i mean expanded, instead of the first item as default) I am looking at this information provided on the same page , but it's not really making sense to me.
[jQuery] Superfish: 3rd submenu
I see a few post about this, but how does one extend Superfish to accept a third level? In my experience it cuts is limited to two submenus.
[jQuery] Refreshing .load with .fadeIn (php/jQuery chatt)
Hello jQuery people! I just started with jQuery and it's awesome. But im having some trouble while building this php/jQuery chat. Thought you might be able to help. So, my idea was to build a chatt with php and jQuery, and guess what? It works perfectly! But after hours of watching diffrent jQuery effects i wanted to add these to my chat. The setup is as follows jQuery code ------------------------------------------------ var refreshId = setInterval(function() { $('.chattFonster').load('mainChatt.php');
[jQuery] Eclipse 3.4 w/ jQuery 1.6 - $ cannot be resolved - Why?
For the life of me I cannot figure out why $ can't be resolved. Wel, yaeh I can, I did search the jQuery files and I could not find a definition for $. I found _$ and _jQuery, but not the symbol "$" without the "_". I shouldn't have to define this myself... what gives? cb
New to Jquery+sliding problem
Hi ..I am new to Jquery and stuck with this problem. I have a link.On clicking it,A div slides down and slides up if I use the slideTogglefunction. But when it slides down the remaining page doesnt slide down.Instead the new content is just overlapping the previous content. I want the remaining page contents to be pushed down when the link is clicked.
[jQuery] Update html attribute listener?
I apologize ahead of time, im new to jQuery so please bear with me... What im trying to do is print a link with a html relationship property that would be generated dynamically. var relvar = $('p.active').attr('rel'); $("div.test").html("<a rel='"+ relvar +"'>hello</a>"); $("p").click(function () { $(this).toggleClass("active"); }); When the page loads, the paragraph does not currently have the class "active" assigned to it, therefore the link that is bring printed in the div.test
[jQuery] Ajax Failing in Firefox 3.0.10
I have the following code (actually, this is stripped down for clarity though the functionality is the same): <a id="delete_item_2">delete</a> <script type="text/javascript"> $("#delete_item_2").click(function(e){ alert("before post"); $.post("/items/delete/2/"); alert("after post"); }); </script> This works in IE and Safari but bombs in Firefox (though both alerts are triggered). However, it works OK in Firefox to just enter the post url in the browser (i.e., www.example.com/items/delete/2/). Further,
[jQuery] Fairly new to animation. Hold my hand please, hehe?
Hey guys, Got a little script I've written. Would like to animate the appearance of the #sidebar2 to it's new block element state if possible ($ ('#sidebar2').css('display', 'block');). // 'get a quote!' button is clicked $('.contactQuote').click(function(){ $('#content').css('width', '33%'); > $('#sidebar2').css('display', 'block'); $('.wpcf7').css('border', '3px solid #6ABC00'); return false; }); $('.wpcf7 input').focus(function(){ $('.wpcf7').css('border',
[jQuery] jQuery Form Plugin with a submit button outside of the form
I have my form working great as long as my submit button is contained within the form tags. But the design calls for the submit button to be outside of the form. Any suggestions? Sample code and diagrams are below. I appreciate your help! John Hopefully this will help show you what I need --> <form> my form here </form> <div> </div> <div> Submit button </div> Working code to submit Form. Lets call this Example A Code--> $('#addNewTasks').ajaxForm(function() { $.get('includes/tasks.cfm',{},function(data){
bind functions to menu items with jQuery's "each"-
Dear all, this might appear like a simple problem, but I am stuck here - and don't know if I am on the right way, after 3 hours of trying and searching... I am still quite new to JavaScript and esp. jQuery, but I hope that this may also help others. What I simply want to do, is to write a function that binds other functions to menu items on a new web page I develop; in other words: I want to write a function that calls another certain JS function when the user clicks on a particular menu item (with
[jQuery] Can Jquery parse an xml file?
Can jquery be used to read/traverse a xml file?
"Document is null" with iframes
Hello, i am build one webapp, www.pixeldesing.com , now i am work with "blog" section of the web, when i click on "blog" link, one <iframe> load one wordpress blog, all found ok, but, into wordpress, i have one link with jquery function: $('.principal').click(function(){ $('#cuerpo', window.top.document).load('../cuerpo.php'); }); This function, load "cuerpo.php" into "cuerpo" id div of window.top, load html well, but, not found the javascripts, and firebug tell me one error "document
.html is really really slow in IE
I'll start by saying that I'm new to jQuery and am only marginally familiar with javascript. I normally build the server side, but the web developer is on vacation... I have the following code. The success function is called pretty quickly (~2 seconds) so I know the server is moving fast enough. I threw the alerts in so I could time between different parts of the success function. The problem area is between 2nd and 3rd alerts. It takes ~25 seconds on Firefox (not stellar, but acceptable). In IE,
[jQuery] Delay submenu from hidding
What I would like to have, is that once you have taken your mouse off the sub menu that it remains visible for a couple of second before disappearing. I got it to work, but there's still an issues that I would fix. You can see an example here -> [url]http://tijmensmit.com/dev/jquery/ menu.html[/url] It will only work for the about item. If the active-subnav class is present on the ul for the sub nav you will see a nice pink border. The problem is that once you have taken your mouse off the subnav
[jQuery] Superfish question about the code
I just installed Superfish on my Joomla site but I don't understand how to modify the code. I read the FAQ page: http://users.tpg.com.au/j_birch/plugins/superfish/#faq and it recommends all these javascript things to download, they are script/code/whatever you call it. I'm a total novice. I don't understand how to use the code to make the menus look nice on my site.
[jQuery] Cycle plugin help
Hi! I found this wonderfull plugin, http://www.malsup.com/jquery/cycle/int2.html I want to built something like "pager", in the link. I built it, but now I'd like to change something: i don't want a progressive numeration, but Id' like to define a different text or image customized, and not the "1" "2" "3"..ecc..of the example. How is possible to do this? Thank you!
[jQuery] Need to move selection from one box to another box
Hey all. I'm looking to create a screen where there's a box on the left and a box on the right. The left box contains names which can be moved to the box on the right. Between the two boxes will be two buttons, one labeled ">>" to move from left to right and the other labeled "<<" to move from the right to the left. I've seen this many times but need to create one myself. At first I was thinking of using selection lists with a size of 20 to give it height and also set the width. Then, when a selection
[jQuery] [validate] errorContainer lists all error labels, but only highlights fields that are actual errors
I've got a form using the jquery Validation plugin ( jQuery validation plug-in 1.5.2) What seems to be happening is that when the form hits a validation error, the errorContainer seems to be listing all error messages/ labels, but it only highlights the Actual erring fields. Say I have a required text input field. I type something in, tab out of it, then go back in it and delete its contents (as soon as I delete it) it shows the errorContainer div with ALL error lables showing, but only highlights
[jQuery] Autocomplete Behavior clarification
I have an Autocomplete on a form that uses local data. However, the input allows users to enter values that are not in the local data array. If the user enters and selects matching data the .result callback function sets a corresponding key value that is submitted with the form. The intent is to help enter known values, but others are allowed. What I'm observing is that if a match is entered, the corresponding key will be set. But if the user further edits the matched value the autocomplete doesn't
[jQuery] Ajax Kill switch?
Hey All, So I have a site that utilizes Ajax (via Jquery) alot with timed interval events, etc. There are certain sections in the application that pull in a LOT of data. Sometimes, if the user starts one of these ajax heavy tasks, one (or more) of these timed ajax events might get called. I'd like to be able to disable any other ajax requests when the user starts one of these heavy tasks. Anyone have any ideas on how to accomplish this?
[jQuery] galleria + nyroModal in safari 4- issue
Ive been trying to troubleshoot this issue for a while to no avail. Hoping one of the JQ ninja-angels can uncover the culprit. What steps will reproduce the problem? 1. Use Safari (v4) - look at the file that is loaded into the iframe via nyroModal, and it functions correctly: http://www.viewwestaspen.com.asp1-10.websitetestlink.com/property_detail.aspx?id=108530 2. Now take a look at the whole search page, and click a thumbnail at the bottom to bring up the nyroModal window. Note that upon loading
[jQuery] iframe and xml
I have been trying to insert xml into an iframe. I can do it kinda. The problem is the iframe has <html></html> tags and if the xml has items that look like <head> tags like <title> etc they end up in the head. For example I have a atom file that looks like this: <?xml version="1.0" encoding="UTF-8"?> <feed version="0.3" xmlns="http://purl.org/atom/ns#"> <title>Gmail - Inbox for bartonphillips@gmail.com</title> <tagline>New messages in your Gmail Inbox</tagline> <fullcount>4</fullcount> <link rel="alternate"
[jQuery] :eq versus eq()
According jQuery documentation [1][2] :eq returns Array <Element> and eq() returns one jQuery object. What does means "Array <Element>"? It is a single element? By the other hand eq() => "Reduce the set of matched elements to a single element." So, both returns a single element and it seems to me that there isn't any difference between :eq and eq(). Is one faster than the other? Why are there two sintaxes to achieve the same task? Or am I missing sometghing? [1] http://docs.jquery.com/Selectors [2]
[jQuery] Event Listeners
I know this may be a stupid question but I am still unsure of the answer - Once you remove() a DOM element, are its event listeners still in memory ? Also, is there a way to monitor which event listeners have been added, on the page?
[jQuery] help me forToop tip
<div dir="ltr"><div>hello dears , </div> <div>how can i create tooltip or information ballon , and i controll it by set html links and data </div> <div>when user click on icon for example (?) will show this information ballon and user can close this informaiont ballon </div> <div>plz help me its urgent !!</div> <div><br clear="all"> </div> <div></div> -- Eng. Nader Dasuqi Project Manager +9665339217533 </div>
[jQuery] How to exit from a div?
Hello, I have an ajax call that I display dynamically in a div ($content). <div id="contentinfo">$content</div> The results of $contents display in divisions <div class="portlet"> <div class="portlet-header">Feeds</div> <div class="portlet-content smallfont">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> </div> BUT they display inside the first div. I'd like after I drag and drop the $content info to
[jQuery] cycle and jcarousel issues....
Hi, I have done a fair bit of searching and can't quite find anything that suits my issue :( I have been trying to make a gallery using the cycle plugin's pager function within a jcarousel. I have managed to get it working, without too much of a problem, except that the images are pretty large, which meant there was a flicker of the slides before the cycle started working. I tried to overcome this problem by absolutely placing the slides which seems to have worked, but there is now a mad flicker
[jQuery] jcarousel broken in Safari 3
In Safari 3. Jcarousel seems to be creating an inline style for the width of the <ul> that is not wide enough for the <li> items contained in the <ul>. This is causing the final <li> to render below the other <li>s, and it is not showing up in the carousel. Has anyone run into this bug? Is there a workaround or a patch? Thank you.
Simple if/else rule to add 0 to number output
Hello, i wondered if anyone could help with this. I'm currently editing a Indexhibit website and trying to add a 0 (zero) to the number output of current image in a Slideshow exhibit. Basically it displays e.g. 3/10 but i want it to display 03/10. This only applying to numbers less than 10. The code is located in the cycle.all.js file, which i think is around here somewhere: function advance(els, opts, val) { var p = els[0].parentNode, timeout = p.cycleTimeout; if (timeout) { clearTimeout(timeout);
[jQuery] treeview
Hi All, I want to Display a Tree using Rails. i want to know is it possible to display a data in Tree form using a jquery and Rails Regards, Salil
[jQuery] treeview
Hi All, I want to Display a Tree using Rails. earlier i diplay tree using rails & Dojo which works fine but as it takes too much time to load. Now i want to create a Tree using pure rails or Rails and Javascript libraries other than Dojo say jQuery Tree. I would also like to see any links where i can see a live demo of the Tree using Rails. Regards, Salil
FadeIn Accordion Issue
I'm having an issue with the accordion widget. Basically the ul is in a hidden div and on click of a "menu" item it should display and be usable. I've got the code to fade it in and display but the widget doesn't function correctly. I have a sample zip file that I can post if someone would be kind enough to look at it. Thanks in advance. Reese
[jQuery] jQuery broken in FF3.5b99 (Preview)
I'm sure support for a beta release is a bad thing to be asking for, but I mostly just want to make sure I'm not going crazy (and to inform the devs of a possible issue). I have the current FF 3.5b99 (Preview Release) and am playing around on a WordPress (v2.7.1) installation on my dev box, and it seems that when I try to open the media library while editing a page, it opens in a new window (which it should open in a shadowbox type modal window). I've also noticed that some of the menu fly outs and
[jQuery] Confusing and probably inaccurate documentation for noConflict()
The online documentation for jQuery.noConflict() seems to be incorrect, or ambiguous at best. Here is the text I'm referring to, from http://docs.jquery.com/Core/jQuery.noConflict : NOTE: This function must be called after including the jQuery javascript file, but before including any other conflicting library, and also before actually that other conflicting library gets used, in case jQuery is included last. There are several problems here. The second "and also" clause seems to actually be an alternative,
[jQuery] Frames with jQuery 1.3.2 and Opera
This week I updated my product to use jQuery 1.3.2 and I gave beta testers a version to test. A couple Opera users reported that a frame- related feature doesn't work in Opera 9.64 and Opera 10. The bug described in ticket #3993 (http://dev.jquery.com/ticket/3993) seems to explain the problem. Has anyone else encountered this problem? Does anyone know a way to avoid it? A workaround suggested in the ticket suggests a change to jQuery and I'm going to stay away from that. Without a workaround I'll
[jQuery] Cycle Plugin not working in Chrome & Safari - Tests fine in IE 6, 7, and FF.
Hi, I'm using the Cycle plugin to rotate four images inside of a div. It works beautifully in IE6, IE7, and Firefox. However, in Chrome and Safari, none of the images rotate or hide themselves as they should - all four of them can be seen stacked atop each other. http://www.helpcomingyourway.org/index.php - Cycle in action (open in Chrome or Safari to see bug). Any ideas? If I can't get this fixed, I may have to apply a clipping declaration to the div and go without, but I'd rather not do that. Ashley
[jQuery] How to get event handler function?
<label id="mylabel" onclick="myOnclickFunction()">My Label</label> How to get the "myOnclickFunction()" _string_ with jQuery? JavaScript getAttribute("onclick") works fine, but I want to do it through jQuery.
jQuery UI accordion within an accordion
HELP Im stuck Im trying to use jQuery UI accordion plugin and Ive run into a problem. I want to have an accordion within another accordion and have both accordions collapsed. my code works except when I set both accordions to "active:false" the accordion inside the first accordion does not collapse anymore. If I have the inner accordion set active:false everything works except I need both to start collapsed below is my code. Thanks <html> <head> <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
Jquery Coda Bubble issue
Hi folks, i am having an issue with the jquery bubble window.. i.e. check this link: http://jqueryfordesigners.com/demo/coda-bubble.html i am using the bubble in <div>. i want to display the bubble at bottom level..if there is a single <div> then it is coming perfect but when i have multiple<div> then the layer is showing transperant.. how to resolve this? Please check the screen shot http://img140.imageshack.us/img140/6880/bubblee.jpg
[jQuery] keep an object "active"
Hi boys! Sorry for my english, I hope you understand me! I have a gallery built using a mix of jquery and normal javascript here: http://www.ivanisevic82.com/pages/modding.php So, as you can see, when I'm hover a thumbinal imag (on the right) it became "clear". I'd like to keep it "clear" (=active) for all the time the big image relative to the thumbinal is selected. How can I do? This is the code I use for a single image: <a href="#" onMouseOut="$('#ToolTip0').fadeOut(250);" onMouseOver="$ ('#ToolTip0').fadeIn(250);">
Next Page