jquery

How to load jQuery dynamically with Rails?

I have a page, where I load a partial (that contains a form) dynamically. So after that you click in a button, via jQuery I do a get, get the form and I change the html of a div. Everything works great. The problem is I have some javascript that I added inline on the partial and I would like to remove it. So in my partial I made some...

Problems with UTF-8 accent Characters in JQuery form submission using Internet Explorer

Hi, I am using JQuery to submit a form with $.ajax() and then get the params in a php page to store them in a Database. My Pages are UTF8 encoded. Everything works well when I use Firefox. However, with Internet Explorer, when the data has accent characters in it, it discards these completely. I am using : $.ajaxSetup({ scriptCharset:...

Google Maps API and jQuery $.load

My site displays the map when you dynamically go to a page using $.load of jQuery. The problem I have is that the maps won't load, so I have tried this. <script to googlemapsapi> <script> load('lat,'lng') { // code here etc which works } </script> (Those scripts work fine when the page is directly visit...

jQuery calculation

Hello, I am new to jQuery and I would like to know how to accomplish a simple calculation based on the value selected in the picklist. please see the below screen shot I put on ImageShack for reference. I want to be able to show the result of the calculation in the text box at the right, If I enter number 2 on the text box on the left...

Refresh parent page from rich:modalPanel using rich:jQuery

Hi , I am trying to refresh the parent page of rich:modalPanel and keep open the modal panel, somehow the refresh to be done behind modal panel. Basically i am trying to do this having this code: parent page: <a4j:form id="myForm"> ... <a4j:commandLink oncomplete="#{rich:component('myModalPanel')}.show()" ajaxSingle="t...

Prevent div from collapsing while using jQuery.load

Hi, I load external content to replace a DIV. Problem is, when the ajax-loader.gif replaces the initial content the page shrinks in height and the scrollbar is likely to disappear. As soon as the external content is loaded the scrollbar reappears. That jerking takes away the smoothness. Is there a smoother way? Maybe preserve the heigh...

jquery datatables row count across pages

Hello all, I'm using the jQuery datatables plug-in for my HTML table. Is there a way to get the row count of the # of rows in my table across pages... For example, if I have 70 rows in my table, and lets say 50 of them get displayed on the 1st page, and 20 on the 2nd page..is there a way to get the count of 70? I've tried all the sugg...

jQuery rel attribute

We have many links with rel attributes: <div class="team-tags"> <a class="s1" rel="t1 t2 t3" href="#">One</a> <a class="s2" rel="t2 t3" href="#">Two</a> <a class="s3" rel="t1" href="#">Three</a> <a class="s4" rel="t4 t6" ref="#">Four</a> <a class="s5" rel="t2 t5" href="#">Five</a> </div> And one ul: <ul class="team"> <li class=...

Successfully using jScrollpane and Colorbox plugins together

Hi, Has anyone managed to get these two plugins working together: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html http://colorpowered.com/colorbox/ Am having no luck with the following: // Colorbox dialog window $('.w_price_assess p.price_report > a').colorbox({ title: "Price report", transition: "elasti...

Add handheld touch events to web app

Hi. What's the best way to add touch events to a web app? The page works well enough on the iPad but it would be nice to have some touch events specific to the handheld devices. Do you recommend any jQuery plugins for this? Thanks. ...

getJSON without Jquery

How to use getJSON() without jquery? ...

Why does Firefox 3.6 alter jQuery and CSS properties?

Why does Firefox 3.6 alter jQuery and CSS properties? Alright, more specifically. I have a crossfade plugin to create a glow effect between two images that are placed on top of each other. The function (posted below) will make the top image transition to an opacity of 0 in 200 ms on hover and transition back to an opacity of 1 in 500 m...

Using jQuery Cycle, how can I change transitions on click?

I'm using the jQuery cycle plugin, and it works quite well. The only issue is that if using the fx transition "scrollHoriz" you can't dictate which direction the slides initially go. How can I assign a different direction? ...

jQuery UI/Autocomplete - How to change default variable names?

jQuery UI Autocomplete uses the variable names "value", "id" and "label" to create the drop down list. For example: $("#cities").autocomplete({ source: "backend/cities.php", minLength: 2, select: function(event, ui) { city = ui.item.id; region = ui.item.label; country = ui.item.value; } }); the ...

How to add Javascript code using jQuery and setTimeout()

I have some tracking code that the provider (WebTraxs) says should be placed at the bottom of the tag. The problem is that this same code is causing everything on the page (including my jQuery code) to run AFTER the WebTraxs is executed. This execution sometimes takes long enough where images rollovers, etc aren't working because the ...

Jquery Ajax Validate Checkboxes

Probably a simple solution so I'm a bit embarassed, but JS is not really my forte so I figure I'll ask. I'm using the Jquery Form plugin to submit a group of checkboxes for requirements for an event planning app I am making. I'm having trouble making my validation presubmit callback refuse the form if there is no array key for 'require...

Problem receiving Json response with responseType set to Json in Jquery AjaxUploader.

hi, I am using jquery ajaxuploader in my asp.net website.When I set responseType: 'json' in 'AjaxUpload' the onComplete is not getting executed.In the firebug I am able to see the json response as {"Error":null,"Success":true} along with the entire page markup to which the 'AjaxUpload' has made the request. I am having trouble understan...

jQuery.url plugin not working from within click handler function

I'm trying to use the jQuery.url plugin (http://projects.allmarkedup.com/jquery_url_parser/) to grab a specific parameter from the query string of a url of an anchor which has just been clicked on, like so: HTML: <a class="clickonme" href="http://www.example.com/my/url/params?myparam=ABC123"&gt;Link text</a> JavaScript: var myPa...

Applying scrollTo to auto generated links

Edit! Turns out I had just got too many apostrophes going on when calling the scrollto. The working code is below: $('.miniImage').click(function() { var $th = $(this); var id = $th.attr('id'); $.scrollTo("#" + id + "Image", 1000, {offset: {top:96, left:-636} }); }); Thanks for the help! I am making a portfolio site f...

a href to upper

Hi All, I have a div that contains a list of spans. And each span has a link. Is there a way to convert all of the link text to upper case? <div> <span><a href="#">abc</a></span> <span><a href="#">def</a></span> <div> Thanks, rod. ...