What's the best way to implement user controls that require AJAX callbacks? I want to accomplish a few things: Have events done in the browser (eg, drag and drop) trigger an AJAX notification that can raise a control event, which causes code on the page using the control to do whatever it needs to do (eg, change a value in a database...
So I have some html like so: <div id="avatar_choices"> <label for="id_choice_0"> <input id="id_choice_0" type="radio" name="choice" value="7" /> <img src="someimage.jpg" /> </label> <label for="id_choice_1"> <input id="id_choice_1" type="radio" name="choice" value="8" /> <img src="someimage2.jpg" /> <...
I have a form, when I click on submit button, I want to communicate with the server and get something from the server to be displayed on the same page. Everything must be done in AJAX manner. How to do it in Google App Engine? If possible, I want to do it in JQuery. Edit: The example in code.google.com/appengine/articles/rpc.html doesn'...
Coming from a Ruby background, I'm used to writing all my code using classes with methods and such. I do know javascript quite well, but I'm new to jQuery and its best practices. Obviously there are a million ways to simulate classes in javascript. But, what is the actual jQuery community REALLY using in the real world? Specific exampl...
I have a single image with 9 different states and the appropriate background-position rules set up as classes to show the different states. I can't use the :hover pseudo-selector because the background image being changed is not the same element that is being hovered over. I have defined the classes this way: #chooser_nav {width:580px; ...
I'm trying to use jcarousel to build a container with multiple rows, I've tried a few things but have had no luck. Can anyone make any suggestions on how to create it? ...
Say I have jquery code like this: html += '<div class="index">' + item.index + '</div>'; // many more similar html += statements // load items $('div').append(html); This html is getting too unmanageable, so I'd like to move it to an external file. What's the best way to pass variables to the HTML as i load it? Do i just have to loa...
I just moved a project to the the beta release of ASP.net MVC framework and the only problem I am having is with jQuery and jQueryUI. Here's the deal: In Site.Master are the following script references: <script src="../../Scripts/jquery-1.2.6.js" type="text/javascript"></script> <script src="../../Scripts/jquery-ui.js" type="text/javas...
I have the following javascript: $.ajax({ type: "POST", dataType: "json", url: "/Home/Submit", data: { email: strEmail, message: strMessage }, success: function(result) { //alert('here'); alert(result.message); }, error: function(error) { ...
I have a really long 3 column table. I would like to <table> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Start</td><td>Hiding</td></tr> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Column1</td><td>Column2</td></tr> <tr><td>Column1</td><td>Column2</td></tr> ...
I have this HTML structure and want to convert it to an accordion. <div class="accor"> <div class="section"> <h3>Sub section</h3> <p>Sub section text</p> </div> <div class="section"> <h3>Sub section</h3> <p>Sub section text</p> </div> <div class="section"> <h3>Sub section</h3> ...
I get the warning "childNodes is null or not an object' with different line numbers, depending on which version of the library I reference (I've tried about three different versions of 1.2.6). Consequently, I get jack for jQuery intellisense. I can hack this to get it to work, but I'd rather not as I don't understand the full implicati...
Hi, I have a form that uses jQuery to submit an ajax post and it serializes the form that is sent up. The code looks like this: var form = $("form"); var action = form.attr("action"); var serializedForm = form.serialize(); $.post(action, serializedForm, function(data) { ... }); The problem here is that if a field has trailing white...
I have the classical table with expandable and collapsible records that if expanded show several subrecords (as new records in the same parent table, not some child div/child table). I am also using tablesorter and absolutely love it. The problem is that tablesorter isn't keeping expanded child records next to the parent records. It sor...
Hi All, I'm using JQuery's jquery.corner.js to create rounded corners on some td tags, and they look fine in IE EXCEPT if you open a new tab and then come back to the page if you go to another tab, click a link, then come back to the page if you hover over a javascript-executing div / menu (I think). The rounded corners are replace...
how exactly do you make an auto-refreshing div with javascript (specifically, jQuery) ? I knew about the setTimeout method, but is it really a good practice ? Is there a better method ? function update() { $.get("response.php", function(data) { $("#some_div").html(data); }); window.setTimeout("update();", 10000); } Thanks be...
Hi, I have a page, with some code in js and jQuery and it works very well. But unfortunetly, all my site is very very old, and uses frames. So when I loaded my page inside a frame, $(document).ready() doesn't fire up. My frameset looks like: <frameset rows="79,*" frameBorder="1" frameSpacing="1" bordercolor="#5996BF" noresize> <fr...
Hi there, Has anyone gotten the jquery plugin jeditable to run properly in a Rails applications. If so, could you share some hints on how to set it up? I'm having some trouble with creating the "submit-url". Regards, Sebastian ...
I want to change a flash object enclosed within with jQuery after an onClick event. The code I wrote, essentially: $(enclosing div).html(''); $(enclosing div).html(<object>My New Object</object>); works in Firefox but not in IE. I would appreciate pointers or suggestions on doing this. Thanks. ...
Hi, I'm trying to have a new layer appear above existing content on my site when a link/button is clicked. I am using jquery - but the code I have doesn't seem to work as expected. Here is what I have: $(document).ready(function(){ $("#button").click(function () { $("#showme").insertAfter("#bodytag") $("#showme").fadeIn(2000);...