Skip to main content

Posts

Showing posts with the label jquery-plugins

Jquery UI slider how to make a box follow the handler?

I am trying to create a div that should follow the handler as it is seen here: http://m1.dk/Priser/#tab:#calc,#abb

Non-ajax GET/POST using jQuery (plugin?)

This is one of those situations where I feel like I'm missing a crucial keyword to find the answer on Google... I have a bag of parameters and I want to make the browser navigate to a GET URL with the parameters. Being a jQuery user, I know that if I wanted to make an ajax request, I would simply do: $.getJSON(url, params, fn_handle_result); But sometimes I don't want to use ajax. I just want to submit the parameters and get a page back. Now, I know I can loop the parameters and manually construct a GET URL. For POST, I can dynamically create a form, populate it with fields and submit. But I'm sure somebody has written a plugin that does this already. Or maybe I missed something and you can do it with core jQuery. So, does anybody know of such a plugin? EDIT: Basically, what I want is to write: $.goTo(url, params); And optionally $.goTo(url, params, "POST"); Source: Tips4all

JQuery Templates - too much recursion

I am using jquery templates to generate a tree structure to later display as a treeview of sections and items. The structure of data looks like this, where each section has items and sections and each item can have more sections: section items item sections item sections sections section sections items ...and so on My templates then recursively call each other: <script id="my-item-tmpl" type="text/x-jquery-tmpl"> <li> <span>${text}</span> <ul> {{each sections}} {{tmpl($value) "sectionTmpl"}} {{/each}} </ul> </li> </script> <script id="my-section-tmpl" type="text/x-jquery-tmpl"> <li> <span>${text}</span> <ul> {{each items}} {{tmpl($value) "itemTmpl"}} {{/eac

jQuery Plugins vs UI vs some alternative

I've been building a web app using jQuery as much as possible. Every time I need to add some new feature, I usually search for a jQuery plugin that does what I need, then I integrated it into my web app. Of course after a while this application becomes very cluttered with all these "random" plugins from different authors, each one having different coding style, naming convention, etc. I would really prefer to use one uniform UI library or framework. I am looking at jQuery UI, but frankly I am not impressed. Although jQuery Tools ( http://flowplayer.org/tools/download.html ) looks kind of nice. Does anyone have any experience with any of these? Do you have any other suggestions? Not just regarding what UI frameworks to use, but your thoughts regarding dealing with cluttering web applications with different UI plugins in general. Thanks Source: Tips4all

div not scrolling properly with slimScroll plugin

I am using the slimScroll plugin for jQuery by Piotr Rochala Which is a great plugin for nice scrollbars on most browsers but I am stuck because I am using it for a chat box and whenever the user appends new text to the boxit does scroll using the .scrollTop() method however the plugin's scrollbar doesnt scroll with it and when the user wants to look though the chat history it will start scrolling from near the top. I have made a quick demo of my situation http://jsfiddle.net/DY9CT/2/ Does anyone know how to solve this problem?

Using jquery.calculation.js with dynamically added form fields

I'm creating a form with dynamically added fields and would like to sum all added fields. So far I have the following code, but it only sums the first row: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Totals</title> <script type="text/javascript" src="../js/jquery/jquery-1.6.2.js"></script> <script type="text/javascript" src="../js/jquery/jquery.calculation.js"></script> <script type="text/javascript"> //Sum $(document).ready( function (){ $('input[name^=reds]').sum("keyup", "#totalSumReds"); $("input[name^=blues]").sum("keyup", "#totalSumBlues"); } ); </script> <script type="text/javascript"> //Add/remove form fields jQuery(func