[jQuery] jquery, ajax and flot
Hi, I'm kinda a newbie to jquery and am stuck with a project I'm trying. I am using the flot graphing library to plot a couple of graphs. But I want to be able to load different data sets into my graphing canvas by using ajax. Here is what I have so far: <script type='text/javascript'> $(function(){ $("a.hotels").click(function() { //the main ajax request $.ajax({ type: "POST", data: "action=hotel", url: "votes.php", success: function(result) { $.plot($("#graph"), [ result ]); } }); }); }); </script>
[jQuery] AJAX return value
Hello, I have a page which shows items in a list. I want to call jQuery.ajax and in the return have either: A fail response with a failure string or A success response, a success string, and a bit of HTML to replace the old item on my page. What's the best way to send both a response string and a bit of page update HTML?
[jQuery] jquery animate and click together...
(I hope I'm not posting this twice... the last one didn't seem to go out) I've been looking for an "Ajax CMS" but decided to learn jQuery to learn how to code it myself in order to earn some geek-girl cred among my male colleagues. I've learn a lot about jQuery in a week but as you can imagine I still have a lot to learn. I have successfully animated an image (move to the left and increase opacity) when the mouse hovers a div and reset the image (move it back to its original position and reset the
[jQuery] slideDown()/slideUp width errors
Hello, I am new to jQuery and already I'm seeing problems with the built in slideDown()/slideUp() animations. I'm using a flexible width <table> element, and when I use the function, the element does not return to it's full width. I am thinking this has something to do with the way jQuery finds the width of the element. Below is the html for the page: <div id="archive"> <h2 class="first open">May</h2> <table width="100%" cellspacing="0" cellpadding="0" border="0" class="list"> <tr class="first">
[jQuery] [autocomplete] hard time with accent
Hi folks, I'm currently using this JQuery autocomplete plugin. It fits my needs, pretty cool, however I'm having a hard time with accents. If I type: Antonio, the plugin won't retrieve Antônio. I mean, it won't handle the special characters (á, à, é, í, ó, ú and so on.) Is there any option so that it can handle them? Best Regards, Gui
[jQuery] Live Event Handler
Hi jQuery gurus :) I am trying to use the Live Event instead of the default bind. What I have notice though is that I can't use the live event if I am selecting a specific elementID. for example $('#myInputBox').live(...) but if I use it as $(':input).live(..) it works fine. Was wondering if this is a limitation of the live event or I am using it wrong. If I can't use it would anyone suggest an alternative way for me to always bind my events on this ID? Many Thanks
[jQuery] infinite loop alert on combing jcarousel and Google Map
Hello everyone, I have some problems about using jcarousel library on Google Map, and following is my scenario: there is a Marker on the Map, and when clicking on the Marker, Info-Window will pop up, and jcarousel content will be in the Info- Window And This is a simple demo: http://www.csie.nctu.edu.tw/~yhlu/jcarousel/index.htm The jcarousel is referenced from this tutorial: http://sorgalla.com/projects/jcarousel/examples/special_textscroller.html I copied all the js and css codes,
[jQuery] A new take on form validation, need code review and feedback
Hello all, I feel a bit guilty for posting this here as it may be considered as spam, so if you do think that please ignore/delete. For the last couple of days I've been working on a form validation plugin and I've taken a completely different approach (I think, that is) from what already exists. The result is a plugin with less than 300 lines of code that does absolutely no form validation at all. WTF you may very well ask, and I explain: the core of the plugin basically assigns/save 'rules' and
[jQuery] Triggering asp:Button click event from client side
Hi, I have a page with an asp:Button save that performs an ajax validation before post back. If the data is incorrect, the aspx returns a warning text message. The user can ignore the warning and continue to save the data. I managed to perform the desired result using the posted code below. Notice that the button click event is called 2 times first when the user trigger the event, then the 2nd time by target.click() after setting the doCheck and response values. I am not happy with the code. Is there
[jQuery] Cycle flashes all images on pageload
Is there a way to prevent the brief display of all the photos in the cycle when the page loads? Problem affects IE7 and maybe others. http://scotthardinghomes.com/
[jQuery] [validation]
Hi guys, I am trying to have custom error elements for *some* of my input elements in a form. What approach would you recommend? I tried going for overriding "showErrors" but that requires that I need to specify error elements for all errors, even the ones that are supposed to get the default one. The method defaultShowErrors does it for all the error elements, I cannot do it per element, so become unusable in my scenario. All ideas are welcome ;) Best regards, Petar
[jQuery] Superfish Horizontal Nav-bar Question
On the Superfish Horizontal Nav-bar there is one issue I am having: when a user hovers over a button that doesn't have a subnav, it doesn't clear out the "current" subnav menu...I think it would be better usability-wise to clear out the links so the subnav is empty when a parent link has no sub-menu. It's confusing (for example) when you rollover "Home" in a navigation bar and the subnav for "Products/Services" is still showing. Here is an example of the behaviour I am talking about: http://www.rad-dudes.com/menu/x.html
[jQuery] Superfish-- Different a:hover background images on submenu items?
Hi Im using the Superfish joomla module as my mainmenu, I have set a background image on hover but this background image is then also shown on the submenu items when I hover over them which I don't want. Ideally id like different images on those. I realise this is because the css is applied to the li tags but is there a way round this?
[jQuery] Appending AJAX response data to calling element
I have a list where each list item has a click event attached to it. Upon clicking a list item, the click calls a PHP script and passes the list's title attribute as a parameter to the script. How can I take the data returned (some HTML) from the AJAX call and append it to the list item which was clicked? I know that the data variable contains the correct HTML coming back from the script and thought that $ (this).append(data) would work but it doesn't. I was thinking of calling another function from
[jQuery] Sending 2nd forms data with 1st forms submit
Hello, I've got 2 forms on a page, what I want to do is have the first form submit via jquery form plugin ex: $(this).ajaxSubmit({ target: '#reg', beforeSubmit: showRequest, success: showResponse }); and have the 2nd forms data appended to first forms data. So in theory sending both forms in one submit click, in one request to server. I have tried to serialize both forms together, but nothing seems to work: var str = $("#frm_ad").serialize(); and adding str to "data" option on ajaxform, but this
[jQuery] Newbie question on selectors
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18702"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=178521218-03062009>I have a page with 6 links that each have a unique class ;</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=178521218-03062009>edit_profile</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN
[jQuery] Unit testing tools for jQuery?
Hello! How do you unit test your jQuery code? Are there any good unit testing tools that you use to help automate this process? Thanks in advance for your feedback. -Sarah
[jQuery] How to get each element in a multiple selector?
Hi guys, This is my first post, I've searched for a solution and thought I'd throw this up here. I am passing two elements to a custom function like so: $('div#targets, div#triggers').switchContent(); Inside the function I want to access these elements individually so that I can operate on them. I thought I could use this[0] and this[1] so that this[0] would be '#targets' and this[1] would be '#triggers'. But as you'd expect these give me the element in relation to their order in the DOM not in relation
[jQuery] IE issue with pulsate
In IE, when I use the pulsate effect after an insertBefore or insertAfter, the html and/or hover gets messed up. same exact code works fine in firefox. THE ISSUE is before you push the pulsate button, as you hover over the rows, ANYWHERE on the row, the XXX shows up on the right side of the table in both browsers. After you push pulsate, the XXX only shows up in IE as you hover over the text on the left, not the rest of the row/ white space. Can someone help me fix my code, work around the issue,
[jQuery] Help with form success:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18702"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009>I am submitting a form using the jQuery Form Plugin</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=145425819-03062009>Once
[jQuery] load() an image: problems in IE7
Does anyone knwo why IE7 is refusing to do 'the trick'? It works nice in modern browsers and even in IE6 http://navigate.de/dev/caption2.html
[jQuery] [clueTip] How do you disable it ?
Hi all, I have been wondering how one could disable the clueTip plugin applied to some elements ? I did not find the proper option in the API. Why do I neet to do that ? I am writing an application that contains windows. And the windows contain a "close" button, with a tooltip on it. When closing the window, I would like to release all the memory, all the events, and so on. By the way, is there a way to monitor all objects instanciated in jQuery, and all the instanciated events too ? It would be
jquery, ajax, and flot
Hi, I'm kinda a newbie to jquery and am stuck with a project I'm trying. I am using the flot graphing library to plot a couple of graphs. But I want to be able to load different data sets into my graphing canvas by using ajax. Here is what I have so far: <script type='text/javascript'> $(function(){ $("a.hotels").click(function() { //the main ajax request $.ajax({ type: "POST", data: "action=hotel", url: "votes.php", success: function(result) { $.plot($("#graph"), [ result ]); } }); }); }); </script>
[jQuery] accordion help needed
Hello Guys, I have applied the jquery accordian on this site:- http://renegadehealth.com/blog/ If you see on the right hand side when you click on the Today's Show there is a big white gap height wise coming from the accordian. js file. How do i remove this? http://renegadehealth.com/blog/wp-content/themes/TheRenegadeHealthShowTheme/js/ui.accordion.js Gaurav
[jQuery] Validate plugin: help with success function
So while digging around in our group's past discussions centered around the Validate plugin (which is awesome by the way), I found a function that deals with the placement of the error message on an invalid input. This was great because I needed to append the error to the invalid input's parent li, rather than placing the error immediately after the input. I tinkered a bit further and also added the class "invalid" to the parent li as well. My issue is this: how do I remove the "invalid" class from
[jQuery] How to deal with running id fields?
I have this code for jquery $(function() { $('#test').live('click', function() { $('#test').after(' Hello world!'); }); }); and this for php part foreach ($out as $key => $value) { $i = 0; echo $value['name'] . ' : <input id="test'. $i .'" type="text" name="'. $key .'" /> '; $i++; } So I have input fields with running ID's. The question is how can I get the text added under the field that was clicked ? And if it has already been added it should not add the text again.
[jQuery] Problem with selecting objects in dynamically generated HTML
Hi guys. I hope you can help me with my little problem with jQuery. I'd like to do something like this: After the page is loaded I have some forms with submit buttons. The buttons have a class called "open". By clicking any of these buttons the script is using AJAX to take some data from database and add some HTML to the document. This part of generated HTML has also buttons with a class "open". By clicking any of the new buttons script should do what it does with the old ones. The problem is I have
[jQuery] Looking for a plugin similiar to this scriptaculous effect...
Hello everyone. I am searching for a plugin that could potentially perform a moving navigation effect similar to that as seen in this site: http://www.airportbags.com/ This site in particular uses scriptaculous, and I would prefer to use jquery. I would love to be able to navigate both horizontally and vertically and be able to control the speed and easing. Does anyone have a suggestion? Thanks. williampdx
[jQuery] jQuery + .Net + json
I can not get this combo to work with an example from jQuery in action. I'm trying to port the examples from jsp to .net. I'll post the least amount of code. What I've learned is that the $.getJason will not work on .Net because of the handler (not sure if this is true but either method does not work), .Net will only process post request for json. <script type="text/javascript"> $(function(){ $('#styleDropdown') .change(function(){ var styleValue = $(this).val(); $('#detailsDisplay').load( 'getDetails.aspx',
[jQuery] scrollTo plugin: prevent tabbing between slides?
Hi, Does anyone know of a way to prevent tabbing (via keyboard tab key) between form fields in different "slides" when using the jquery scrollTo plugin? For example, I have a UL with 2 LI's in it and each LI has a <form> inside of it. If a user is on slide 1 and hits tab on the last visible form field, the first form field on the next slide comes into view (because the browser gives it focus), thus moving slide 2 partially into view. The same kind of thing happens from slide 2 to slide 1 when shift-tabbing
saving data to external json file
hi i am very new with this, i hope anyone can help me or just point me to the right direction Scenario: i have a user form, and want to modify user details. all user details are from json file. Prob: how can i modify external json file with its updated user details? or what available function to be used? thanks!
[jQuery] Fade a load help
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18702"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=047221417-03062009>I have pretty much what I need except i want the load content to fade-in.</SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=047221417-03062009></SPAN></FONT> </DIV> <DIV><FONT size=2 face="Trebuchet
[jQuery] jCarousel next button always disabled in Safari
Regardless of what I do, I cannot get the Next button to function properly in safari when there are elements that it can (and should) scroll to. My implementation is paired with the jquery Galleria plugin. Anyone else having this problem? This can be observed at http://www.rmrdevelopment.com/Samples/tabid/55/Default.aspx . Navigate to the fifth sample there by clicking the blue bar or the left / right arrows (item says Pioneer Prog. / Teledata Sys), then click the image to bring up the galleria /
[solved] hover overlay effect
When you hover over an image and some content overlays it. It's used on formfiftyfive over the post images. http://www.formfiftyfive.com/ What is this, and where can I download the code? I've scoured the jquery website with no luck. Also looked through the page source but can't work out what it is. Any help would be much appreciated.
[jQuery] Appending a Rails Partial
Im not sure which group to post in, so i thought i'd try both. Any Rails peeps that use jQuery? Im having a problem. I have followed Ryan Bates Screencast about inserting a partial with jQuery, but i like to keep all my code in my application js. This is what i have $(document).ready(function() { $('#add_option').click(function() { $(this).addPollOption(); }); }); jQuery.fn.addPollOption = function() { $("#poll_options").append('#{escape_javascript render(:partial => "topics/poll_option", :object
[jQuery] Need help with DIV manipulation
Hi all, I need help with manipulating two div's, one holds the main content and the other holds the images matching that content. Right now I have the menu changing the content of the main div just fine, however I do not know how to change the images in the second div at the same time based on the users selection from the menu. Below is the code I'm using to change the main div content. Thanks in advance! Tim <script type="text/javascript"> function loadContent(id) { $("#content").load("pages.php?o="+id+"");
[jQuery] posting an xml
hai i want to post an xml document to a url like https://newport.ingrammicro.com/mustang. But i don't know java and jQuery .i know only php ,,javascript , ajax and asp , So is there is any another way to do this .Actually it's work in our local system , But while uploading it's not working , also shown javascript error "permission denied" .why this shown in only site?.is it's not possible to do this using javascript and ajax. Or for using jQuery , what are the requirement for that? can u help me?
[jQuery] JQuery [validate] plugin - how to disable the validation for an specific button
Hi, I'm using jquery validation with asp.net. The problem is, I have the search button and the comments button in the same form. When the users want to write a comment, the validation works perfect, but when the users want to make a search in the page, the required fields of the comments doesn't allow them. So the question is how can I disable the validation for an specific button. Thanks
[jQuery] jquery news ticker(help me)
i want jquery news ticker with fade options please help me?
[jQuery] looping through all elements of a form and keeping track of different font size
hi all, here is the scenario: i have created an option on a website to give the possibity to the user to change the font size (smaller, bigger, reset), like the famous x3 'A' that we see in most of the websites. the code i have is based on a plugin copywrite to (http://cool-javascripts.com). now i'm facing a problem with different font size for different elements. to make the text bigger and smaller works like a charm but to reset the font size is not working so good. here is the code of the plug
Next Page