jquery

jquery async treeview collapse problem

I am using async jquery treeview to build a tree. The treeview is populated based on the selection of dropdown list(select input). Everything works fine for the first time of treeview load. When the select option is changed and the treeview is built then the nodes expand but do not collapse. Has any one got such a problem. I would be th...

What's the difference between .show() and .css({'display':'block'}) ?

I just got a script to work by changing $('#thisElement').show(); to $('#thisElement').css({'display':'block'}); where #thisElement had been loaded as having display:none; Is there a fundamental difference in these two expressions? ...

Doing something on time intervals, but only when user is inactive

Possible Duplicate: Detecting idle time in JavaScript elegantly. I have a table with some rows that I want to refresh for example every 10 minutes. Is there a way I can do this, but only if the user isn't currently active on that page? Is there for example anything like an inactivity timer or something in JavaScript? ...

How to submit by just selecting an option from a dropdown with jquery?

http://fsc.no/timeplan_rommen_197.html When you select a different week (uke) from a dropdown on the right or trainer from the left dropdown above the schedule, it submit automatically . You don't need to click Submit(Vis). How do you submit when you just select an option from a dropdown list? Can it be done with jquery? Thanks in ad...

jquery - scrolling the background

What I wanted to achieve is a logo with png transparency and the background which automatically scrolls down so it gives an effect like it's made in flash. I used jquery.backgroundPosition.js plugin, which enables background scrolling. The code: HTML <div id="logo"> <h1><img src="img/logo.png" alt="The logo" width="420px" height="...

a box appear next to an li element

i have a box : #box1 { height:100px; width:208px; } and a list <li id="first"><strong>FIRST</strong> </li> <li id="second"><strong>SECOND</strong> </li> <li id="third"><strong>THIRD</strong> </li> <li id="fourth"><strong>FOURTH</strong> </li> with jquery i can make the box appear when i cl...

using jquery.InArray() if i have a collection of objects

in my javascript, i have an Array of Calendar objects. Each Calendar objects has an array of CalendarEvent objects Each CalendarEvent object has a property Date, Name. i want to check, give a date, it its exists in a specific Calendar. I wanted to see if i could use jquery.InArray() but it seems like i have to loop through every Cal...

How can I maintain reference to a particular plugin instance after an AJAX callback?

I want to fire off an AJAX call when a plugin is created that will retrieve some data and then continue building the plugin control. So given this simplified version: $.fn.grid = function (options) { this.each(function () { var $this = $(this); // Somehow to maintain $this for the callback buildPluginBasics($this); ...

jquery's append not working with svg element?

Assuming this: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http:...

Can someone walk me through this line

var types = { "Grocery": "gro", "Restaurant": "res", "Bar": "bar", "Pizza Delivery": "piz", "Quick Service": "qui", "Retail": "ret", "Salon": "sal" } $(".type_changer").attr("id", types[$(this).text()]); I understand that the class type_changer id is being changed to the part of this array but I don't understand types[$(...

jQuery how to get select change work in multiple form?

I got this script from here $(document).ready(function() { $('#choose').change(function(event) { $.post('select-ajax.php', { selected: $('#choose').val() }, function(data) { $('#update').html(data); } ); }); }); <form id='form'> <div id="update"></div...

Recreate Simple Flash Animation using Javascript

I came a across a really sharp intro effect I'd like to try and create in jQuery, mootools or prototype: http://www.johndigweed.com/ (Just the spin in effect) So in a sense, I want to spin in the main content div of the page. Any suggestions to get started or are there base plug-ins that have help achieve this intro effect outside of fl...

How to kill .animate() after the user hovers off?

Code: //create the animation. $('img#header').hover(function(){ $(this).animate({"top": "-10px" }, "slow"); I am trying to have the hover stop and go back to normal when the user hovers off the image. I got the animation working, just not when I hover off. Any help? ...

parse partial html string with jquery

I use $.ajax() to get some HTML pages from my server. The retrun contains the full HTML result. But i am only interested in a very specific div inside this document. The only given thing is that my ajax success function returns a JSON object. I have made a PHP proxy file i use for other stuff that returns me a JSON object with the head...

jquery + table row edit - String problem

Hello, I've one problem with editing a row... I wanted to use a button to enter edit mode in the table (generated from php array (data taken from mysql)) I have two rows for each data: <tr class="dataline"> <td><?=$row->id; ?></td> <td><?=$row->pl>0 ? '<div id="gain">' . $row->...

How do i select them seperately in Jquery

I have two a tags and I want to create two separate click functions because they behave different. <div class="select-big"> <div class="select-holder"> <div class="button"> <a href="#" class="trigger right"></a> <div class="cl">&nbsp;</div> </div> <div class="dropdown"> <u...

Jquery ajax error callback

Hello All, I need some suggestions here or maybe some explanations. I have a jquery ajax call, $.ajax({ type: "GET", url: base_url+'/ajax/fetch/counts/', dataType: 'json', data: {}, error: function(xhr, error){ console.debug(xhr); console.debug(error); }, success: display_counts }); It's working fine. My success callba...

how to animate two things at the same time in jquery

i want to animate 2 things at same time when mouse hovers something. for example i want to change background color of box1 with id = "box1" and position of box2 with id="box2" when mouse hovers a div with id="trigger". but i don't want them to animate in a queue, i want them to start animating at same time and finish at same time! ...

Is there a correct way of using the HtmlHelper within a JavaScript function?

I'm writing a jQuery grid plugin and I've designed it so it works independently from the language being used. The following is the basics of how my plugin is assigned: $("#grid").grid({ enablePager: true, dataPath: "Movement/GetGridPage", columns: { Edit: { title: "", cellCallback: editButtonCallBack, width:"16px" }...

Problem with post in Sinatra

I'm using JQuery to post in a Sinatra application. $.post("/addnewlistitem", $('#inputrow1').val(), function(data){alert(data);}); Haml looks like this: %input{:type => "text", :id => "inputrow1", :name => "item", :class => "txt"} And the ruby code, like this: post '/addnewlistitem' do @v = params[:item] end The problem is ...