[jQuery] Dynamic Accordion???
Hello, I'm a kinda a n00b when it comes to javascript and jquery, (im a php guy). This is what im trying to do: I am loading points on a google map, from a mysql database. For each point, i want to have a header on an Accordion header. When you click a header, it will drop down the accordion, and select the point in the gmap.. I have the gmap stuff done. And the clicking a link to open the gmap point. I need to get the accordion stuff done now. -------- What im doing ------------ Upon every point
[jQuery] [validate] Trying to highlight single error in two locations.
I want my error to appear as it is, but I also want to add a class the <li> the form element is in. I can do this via : errorPlacement: function(error, element){ element.parents('li').addClass('error'); }, but I can't figure out how to make the class go away when the error is cleared. (basically I want the error message to popup, but I want to highlight the row the form element is in, and want the highlight to go away when the error is fixed.) What am I missing? Thanks. Tony
[jQuery] Validation plugin - Using with 'button' buttons?
I'm trying to integrate the Validation plugin into an existing project. The forms use AJAX and the buttons are not of type 'submit', but type 'button'. If I change the type to 'submit' I can see validation works, but doing so will require other code changes. Is there any way to get it to work with a 'button' button?
[jQuery] Assigning a List of Key-Value Pairs to a <DIV> Tag
QUESTION: Is it possible to use the for-in statement to list all of the key:value pairs of an object in a <div> tag? BACKGROUND: The following code (see SOURCE CODE below) writes only the sentence: "Flower name and color: daffodil:yellow." The key:value pairs rose:red and tulip:pink appear to be written over each time the for-in statement iterates. If I replace the this.html( ); statement with a document.write( ); statement all three key:value pairs are written, but the entire rest of the document
[jQuery] Passing variables to an external jQuery function
Hello, I've been scouring the internet trying to find a way to do this with jQuery. My situation is this, I have a tablesorter function (using the jQuery plugin tablesorter) in an external scripts.js file as follows: $(function() { $(aTable).tablesorter({ // Go through each column and sort date according to type of data in the column }); }); In my html file I have it declared in my head as follows: <script type="text/javascript" src="starterkit/jquery-1.3.2.js"></ script>
[jQuery] "Hash-aware" script?
Hi, First, my code: ======== ... if ($alt_nav_ul.length > 0) { $alt_nav_ul.append('<li><a href="#" class="folioLink">Portfolio</a></ li>'); $('a.folioLink').click(function() { this.blur(); $folio = $('#folio').toggle(); return false; }); } // $alt_nav_ul ... ======== What would be the best way for me to also look at the uri hash? I would like #folio div to show if there is a hash in the uri: <http://www.site.com#portfolio> But I also want the href to handle show/hide
Why did you choose jQuery?
I was wondering why you guys decided to use jQuery as your primary JS framework (and why the ones who don't picked another framework ). A few of my own reasons: -Wide userbase -Used by popular sites -Great documentation -Active development Have a good one.
page loads diffferently on initial load from refresh
I am new to JQuery and have been testing some things in order to learn. On this test page I created I attempted to center the text inside a menu according to its container. I thought it would be straight forward. Initially when visiting the page with both, Mac, FF 3 and Safari 4 the effect works well. However, if I hit refresh, the page is reloaded and the recalculated values are using the window element as their container instead of the li element. Please visit: http://www.nodaradio.com/ramon/index2.html
[jQuery] simile timeline using jQuery
Hi, I have to use simile timeline using jQuery. Please help. Very urgent!!
JQuery Dropdown combobox .... WIDTH
hey guys, hopefully someone can help me out with this problem. http://dev.discover-nespresso.com/whereToBuy.htm I am having trouble getting the correct width that i want for this dropdown menu to appear. I want the dropdown to take the width of the div it is contained in, so 100% (or 213px). But the dropdown seems to take the width of the initial select element (Please Select Your State). It displays better in IE than FF, in FF the "Please Select Your State" is getting cut off. I'm sort of stuck
[jQuery] Jquery not validation not working on dynamic content.
Hello, I am currently working on a very form heavy site. I am trying to validate a form that has been generated from an Ajax call. I am using the Live function for many things on the site but can't seem to get the form validation to bind, I also tried lazy loading the script but that didn't seem to work either. Does some one have any advice on how to accomplish this? Please be gentle I am not that great with JavaScript, but I am learning :). Here is a link to my code http://development.broadcast-interactive.com/iw/dashboard.php
[jQuery] Validating Ajax generated forms.
Hello, I am currently working on a very form heavy site. I am trying to validate a form that has been generated from an Ajax call. I am using the Live function for many things on the site but can't seem to get the form validation to bind, I also tried lazy loading the script but that didn't seem to work either. Does some one have any advice on how to accomplish this? Please be gentle I am not that great with JavaScript, but I am learning :). Here is a link to my code http://development.broadcast-interactive.com/iw/dashboard.php
[jQuery] Drop Down Menu (sub-sections)
Hi everyone: I am wondering if there is some way to create drop down navigation bars using jQuery. For example, if the user rolls over a choice, the sub-choices pop up and when the mouse leaves the target area it will simply disappear. I was thinking that some animation would be nice, but it isn't necessary. Thanks for any help.
[jQuery] How to catch mouse position inside an area?
If I got a 400px width div, can I get the offset left distance from mouse to the div in where I click?
[jQuery] Removing anonymous element
Hi, I have a jquery array with an element in it. I'd like to remove this element from the DOM, but can't see how. If I use var.remove() it removes all children but not the element itself. I cannot think of any way to specify this very element in a selector either, as it can have various placements in the DOM and it doesn't have an id. If there was a good mechanism for generating unique ids maybe that would be the way to go? Thanks, -dennis
[jQuery] simile timeline using jQuery
Hi , I have to use simile timeline using jQuery, plz help and its very urgent!!
[jQuery] simile timeline using jQuery
Hi, I have to use simile timeline using jQuery. Please help. Very urgent!!
value of radio button that was deselected?
There may be a function or somethin for this, but is there anyway to get the name/id/value of the radio button that became deselected? So, lets say there are 4 radio buttons, and button 1 was selected, now the user selects button 3. I know how to get the values of the button that was selected ( $('input:radio').click(function() ). How do I get the value of the button which was deselected in the processes. Thanks guys!
ui.base.css more that 3Mb
After i customize theme in ThemeRoller and then downloading the theme ui.base.css file is larger that 3Mb and it just repeats the same information like 1000 times, so maybe anyone knows what i'm doing wrong? or maybe i'm just a cursed to never finish my homeworks in practical amount of time. by the way browser renders the file.. IE in approx. 15s, but for mozzila it takes more than one minute, i'm pretty sure thats it's not suppose to be that long
Retain active tab on page reload
Hi- I have created tabs using JQuery. On my page reload, always the first tab is active. On my page reload, I want to retain the tab in which the user was before reloading the page. How to do it?
Send value to a php $_GET[] from jquery tamperred navi.
Hi everyone, this is the html navigation, generated from a php-Script in index.php <ul id="navi" class="nav"> <li class="level_1" id="501"><a href="index.php?id=501">root1</a></li> <li class="level_1" id="502"><a href="index.php?id=502">root2</a> <ul> <li class="level_2" id="503"><a href="index.php?id=503">root2.2</a> </ul> </li> <li class="level_1" id="504"><a href="index.php?id=504">root3</a></li> </ul> this is my jquery-function for it in index.php $(document).ready(function()
[jQuery] Why would adding this onclick alert cause this code to fail???
Without going into a lot of other code which could be impacting this, I wanted to start with this question: Is there any reason why adding this onclick alert to this line of code would cause the entire block of code generated using out.push to fail? (onclick is in the top line)... out.push('<div style="margin-top:12px;">[ <a class="link" onclick="alert('Help!');">save changes</a> ] <input id="' + row[2] + '" class="saveChangesButton" name="button" type="button" value="Save Changes"> <input
jQuery single page links and XML?
I have set up a j Query plugin with links that load an element in a single page. My navigation is flash and XML with the links of the flash buttons loaded from the XML. Is it possible to get the XML to communicate with the jQuery code so it works properly? http://www.wmptest.com/HSC here is what I have so far, I set up regular links to show you what it does, I just need the flash links to work this way. Also, my flash file isn't loading in each element. Thanks
[jQuery] addClass on Safari within a click handler not working
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="font-family: arial; font-size: 13px; white-space: pre-wrap; ">Firstly thank you for jQuery - I'm loving it. I have an interesting situation where if I add a class within a click event handler then the class does not get added. However if I add the same class as part of my regular $(document).ready handling then all is well. To compound the problem, Safari
[jQuery] Internet Explorer Bug (Disappearing Fields)
I am running jQuery 1.2.6, and experiencing a major bug with form fields disappearing in IE 7.0.5730.11. I have fieldsets that can be collapsed (uses slideUp), and for some reason when you click into/ focus on a field, it changes position on the page/disappears. The caret moves up and to the left, and the field doesn't appear to be anywhere. I need a fix on this ASAP, and have been unsuccessful in fixing it. Please help!
[jQuery] Safari addclass within a click handler not working
Firstly thank you for jQuery - I'm loving it. I have an interesting situation where if I add a class within a click event handler then the class does not get added. However if I add the same class as part of my regular $(document).ready handling then all is well. To compound the problem, Safari 3.2.1 on Mac OS X exhibits the bad behaviour but Firefox 3.0.9 on Mac OS X honours the class being added. Here's the code that does not work on Safari, but is ok on FF: var resultFieldset = $("#results
[jQuery] Ignore success label for a class in validation
I use the function for success-label, but some fields would I like that the success message not is shown/disable. Please help me! success: function(label) { label.text("ok").addClass("success"); }
[jQuery] select only the father
Hi everyone, I'm getting in trouble with this problem, I have several divs which contains an image, and another div. we can imagine somethin like that : <div class="container"> <div class="img">...my image...</div> <div class="delete">delete</div> </div> What I want to do is, when I put the mouse over the div Delete (and only this one), I want to change the background of the entire .container div. here is my code : $(document).ready(function(){ //action when the mouse is over : $(".delete").mouseover(function(){
[jQuery] tow live event imbriqued
Hi all ; i have a classic system to add remove line to a form with to image (i target them with class name "add" and "remove") this first fuctionality must be executed with live event . But whene i remove all my line i should add a new button but the live event on it not seem to be fired This is my code : $('.btn_container img').live('click',function(){ var elementInQuestion = $(this).parents ('div.to_duplicate:first') ; var contentToInsert = elementInQuestion.clone() ; var
[jQuery] IE7 Thrown Invalid Argument Bug resurfaced
I know this area of code was recently fixed for IE8 issues, but something else is going wacky. line 1065 and 1002 elem[ name ] = value; change this to try{elem[ name ] = value;} catch (err){}; and you're avoid errors being thrown in IE7 when a property is send an invalid number. You should of course be making sure to pass valid information, but in my case, there was a plugin sending bad information. This also makes IE7 behave the same way as Firefox and Safari, for more consistancy. A bug
Binding with .click(... vrs .live('click',...
Hi, I understand the difference between the two but I'm creating a new page and I was just about to bind the click event on a link and I'm wondering is there any reason to use .click() instead of .live('click' ? Any thoughts, I'm thinking unless there is a major difference in performance I can't see much reason not to use live events across the board.
[jQuery] Safari/Ajax: no error thrown when offline
Hi, when I do an ajax request and the connection to the server/internet went off in the meantime, I would expect an error to be thrown - and the function that is defined in the error option to be called. That's what actually all browsers except Safari (for Windows) do. In Safari no error is thrown. There is just a message in the status bar: Canceled opening the page - and the whole processing is stopped. Is this behavior a bug in Safari/jquery or do I need to establish some other kind of error handling
[jQuery] Validate form onload/reload
I would like to validate my form with jQuery when the pages directly when the page is loading without need of submit, keyup. This because I want it to work togheter with a PHP/server script validation in the next step, for saftey reason. So if the server side validation redirect the user pack to the form with some error, the forms should be value with the data and the error messages should be writen by the jQuery script. Is this crazy and works in some other way, please help me. Thanks for the great
[jQuery] Safari/Ajax: no error thrown when offline
Hi, when I do an ajax request and the connection to the server/internet went off in the meantime, I would expect an error to be thrown - and the function that is defined in the error option to be called. That's what actually all browsers except Safari (for Windows) do. In Safari no error is thrown. There is just a message in the status bar: Canceled opening the page - and the whole processing is stopped. Is this behavior a bug in Safari/jquery or do I need to establish some other kind of error handling
[jQuery] Validation plugin (bassistance.de) problem
Example form: http://jquery.bassistance.de/validate/demo/milk/ (this is the demo for the script on bassistance.de) When it does 'live' validation (on blur) it tells the user if the field is correct or incorrect. When you fill in the first field, tab to the next field, go back to the previous (allready filled in) field and clear it, it still counts as valid (notice the icon next to the field). Since the field is now empty, it should state as invalid, but it doesn't. This behaviour is random, sometimes
What is a callback?
Hi everyone New to jQuery and got a bit confused..What is a callback? Can you give me an example? Thanks! Morena
[jQuery] Communicating Info from Server to Javascript, Prior to Ajax Calls?
Let's say I want my javascript to know some info, e.g. the username of the user, and I'd like to communicate it prior to any Ajax calls. So far I've been storing the info in a hidden field that jQuery can access via an id. Is this the correct approach? Thanks in advance to all for any info.
[jQuery] Ajax Errors with Firefox 3.0.8 (latest release)
Many of our websites users began reporting AJAX errors on all jQuery- enabled pages of our website. The common factor among these users is that all are using the latest update to Firefox: version 3.0.8. From what I've gathered, it might only affect "get" requests, but I can't be sure of that yet. Has anyone else experienced this problem yet, or is this too new to have been identified as a bug? Is it more likely a bug in Firefox than jQuery? Unfortunately, I have no links to post. This all occurs
Check broken link?
Hi all, I have a site that uses a CMS and it automatically generates a link to a PDF file depending on a Product name. Is it possible to use some JS that will check if a particular link is valid or not? i.e. if the PDF file doesn't exist, then apply some kind of formatting to the link. Is this possible?
[jQuery] Sliding a DIV from the bottom of the browser
Hi, I'm trying to slide up a DIV with content inside from the bottom of the browser. My entire webpage fits inside the browser window with no scrolling. The effect is similar to what is seen in this flash template: http://www.templatemonster.com/flash-templates/23054.html I tried the code below, but it's pushing the menu down and creating a scrollbar for the browser window. Can anyone help me figure this out? <html> <head> <title>Summit demo</title> <script src="../js/jquery.js"></script> <script
Next Page