Is there any JavaScript autocomplete which can show categorized suggestions in a multicolumn design like the one here http://www.healthgrades.com/. If there is a jquery or YUI plugin that would be better.
It would be better to create your own autocomplete, because you know what data you want to show and how to show, you can use table structure or ul-li structure. One more thing is that your back end all things shown depends on your back end what queries you needed to extract data. Your main issues is only design, as I think.
Here is a MultiColumn plugin you might use.
Related
Is it possible to add a total row in inputs.Table from Observablehq? The idea is to have a column aggregate such as sum or mean. I searched through the inputs.Table documentation, but it does not seem to mention this option. In addition, I could not find any notebook showing this option either. If this option is not implemented in inputs.Table, do you believe it is feasable to improve the source code to have this functionality for someone relatively new to JavaScript? I had a look, and was kinda of lost in the source code, but maybe with a little guidance from someone more experienced, I could be able to modify it by myself. Alternatively, how can one add the totals using an external library?
This isn't something that inputs.Table supports directly. I'm not sure if it is something that the maintainers of that library would want to include, but it is an issue that has come up before: https://github.com/observablehq/inputs/issues/148. I think you could post there to try and get some guidance about how to move forward.
Another thing you could do is to modify the data you are passing to the table to add those rows. I made an example of that: https://observablehq.com/d/ed915b04358db27c. There isn't a way to style those rows separately though.
Using an external library, one can easily generate a table with totals. An example of such a library is Tabulator. Here is an example notebook.
I'm trying to move the dropdown that DataTables uses to determine how many rows to display. One way I thought of was to use jQuery's prependTo()/appendTo() functions, but it feels a bit too hack-y. I tried searching through the DataTables API to see if there was some native way of doing it, but I couldn't find anything. I was wondering if there was a better way to do this.
This is basically what I'm trying to do: http://jsfiddle.net/jbZG7/
$("#tableID").dataTable();
$("#tableID_length").prependTo("#new-div-id");
Thanks!
I created a custom dataTables widget which combined jQuery UI Dialog with DataTables. I too needed to move dataTable controls to custom locations, which could not be accomplished with sDOM very much in the same way you need to.
When looking for a solutions I was concerned about .appendTo/.prependTo being too hacky, but as it turns out .appendTo/.prependTo are the best solutions I have found.
$('tableID').dataTable({
fnInitComplete : function( oSettings, json ){
$("#tableID_length").detach().prependTo("#new-div-id");
}
});
Updated jsFiddle
fnInitComplete
Open the dataTables.js file. Look inside and see if you can find anything related to paging. I did a CTRL+F and typed pagination. You want to look for information on where the pager is drawn.
Also...using firebug to set breakpoints in the dataTables.js file might be a big help too.
I am trying to build a little test shell for my website using Javascript. What I have at the moment is a normal website. PHP/HTML with an SQL backend.
What I'd like is a simple Javascript feature whereby the user has a single slider object and can use this object to set the upper and lower limit on a number of variables, which will be determined by a drop down box just underneath the slider.
Aside from this, I'd just like a number of checkboxes which dictate which products are displayed (i.e if I'd like food but not drink, the food checkbox would be ticked!).
I'm not expecting anyone on SO to do this for me, of course, but I would like to find some specific areas I could go to learn how to do this, and google is failing me in this regard. I will then begin working/editing this post to show my code/ask for help.
Can anyone help please?
It seems that you want to build a specific search for site, but instead of the user searching it is what is displayed. I would start with looking at php, based upon which checkboxes they choose, you can return variables which would show them what they want to see.
I personally wouldn't use javascipt for this.
I'm not sure what your level of experience is with Javascript, so my apologies if this answer is too basic.
To put a slider on your page refer here for the HTML:
http://webhole.net/2010/04/24/html-5-slider-input-tutorial/
Then in Javascript get the value of that slider when making your GET requests of the server.
You can store the selected value or checked value in the target element, when you process, you just call the element and get the value from them. Using jquery data() method can store the value to element and retrive it pretty easy.
If you still have no clue, I redcomend you learn some basic javscript techniques, go to this site www.jquery.com .
Are you using jQuery and jQuery UI? jQuery UI has a nice slider widget with a number of configuration options and good documentation: http://jqueryui.com/demos/slider/
If you're not used to it, there may be a bit of a learning curve for jQuery, but it makes a great number of UI features much, much easier to code. Showing and hiding elements based on checkboxes, for example, is a pain to do in straight JS but fairly simple to do with jQuery. There are lots of other ways to just make a slider, but if you're planning to do much more with the UI I'd strongly recommend using a library like jQuery to do the heavy lifting.
I have a html table that is dynamically generated using xsl from a stored proc, and all column sizes/classes etc come from meta-data in the db. I need a plugin of some kind that will enable horizontal and vertical scrolling and be able to handle multiple header rows.
So far I've tried quite a few but most either don't have horizontal scrolling or don't seem to support multiple header rows. Both features are essential. What would you use to do this?
try JqGrid
http://www.trirand.com/blog/
try with this....
http://www.datatables.net/
i m doing the same thing with this plugin.
I ended up going with the plugin here fixedtableheader jquery plugin as it was the only thing I found that could handle my badly formatted html. Despite being a little unusual in design it works nicely.
I'm trying to find a html (or maybe flash) table template with rich ui features. I googled it, but couldn't find something that has a rich ui, also looked through jQuery, still no luck. Before going any deeper search, I believe someone may have suggestions for me.
If you're looking for tables with lots of features you might want to take a look at ExtJS Grids (You have to click on Grids section to take a look at the demos).
jQuery has the TableSorter plugin but that is a simpler option.