Using a slider control to dyanimcally load pages? - ajax

I was wondering if it is possible to use a slider to dynamically load pages with ajax. Basically I wanted the users to be able to slide the bar over to specific months, and these months would be individual pages that would dynamically load content.
Here's a design example
If anyone knows any resources for starters, I would greatly appreciate it!

Related

Is there a way to render a webpage into a shrinked like control panel like?

I'm new to web development and not sure how to explain this, I'm building a tool with lots of links and features to help making things at a call center easier but I wish everytime the page is opened it resizes to a small rectangular version. Is there a way this can be done? Thanks!!

Opening url (blog) with scroll view

I've tried so many links and they all revert back to a web view.
I only just got Xcode and I'm pretty new to all this stuff, its complete different to C and Java.
Anyways, I have added a scroll view to my frame and gave it a class I've made myself (hopefully that works).
Now, when I load the application, I want it to be able to load a webpage (my blog) into the scroll view
any idea how?
Regards,
Ryan
You need to use a UIWebView for loading web pages. The scroll for UIWebView would automatically adjust according to the size of the webpage.

Backbone Marionette iOS style page transitions

I'm making a single page mobile app with Backbone.Marionette and would like to implement page slide transitions. I know how to achieve this via adding and removing the proper css classes for the animation but I'm having trouble with Marionette regions and managing when these classes are being added. I would like the current view in the region to slide out and the next view slide in. how can I accomplish this with regions or layouts in marionette? P.S i'm a newbie with marionette.
You'll need to write a custom Region implementation to facilitate the transition. There's an open ticket on Marionette that has the core code for making this work: https://github.com/marionettejs/backbone.marionette/issues/320#issuecomment-9746319
But you'll need to adjust this code for your specific needs. Be sure to read the comments and discussion around it. I've used this core code for similar needs many times, but haven't found the optimal way of integrating it in to marionette, yet.
Here is a custom region demonstrating view transitions: http://codepen.io/somethingkindawierd/pen/cpiEw

Multiple Charts on single page: iFrame versus Ajax

Am trying to show multiple Bar Charts using Jfreechart API on a single page, all the charts from the same domain. Wondering if it would be better to use iFrames or are there any other alternatives? If i were to do this with Ajax, something like on page load show the bar charts in each div's, what would be the way to go about it? Would highly appreciate if anyone can throw more light on this.
I would recommend Flot for web-based charting even over my own open source API XChart, which is geared more towards desktop applications. Here is a HelloWorld type example application with source code demonstrating Flot that I made at one point. If more you're more interested in fetching a JPEG containing a chart, you can see how I do it with XChart (Bonus Example, bottom of page), and you could probably do something very similar with JFreeChart.

AJAX Thumbnails

Does anyone know of any free frameworks that help you create thumbnails for web pages, that when clicked, the original image loads ontop of the page (modal like), as oppossed to opening a separate page.
Thanks!
This is really 2 questions in 1. The "lightbox" display of the original, larger sized, images in a modal box is handled in JavaScript with a library such as ThickBox. The resizing of the images can be done manually, or via some kind of code on the server side. Sitepoint has a decent guide on how to resize server side with PHP. I hope this helps point you in the right direction.
Lightbox.
http://planetozh.com/projects/lightbox-clones/
I've used DhoniShow a few times in the past, and clients really liked it. It's not AJAX, as it loads all the full sized images on page load, but if you were motivated I'm sure you could make that change pretty easily.
As have been already said, you can use Lightbox to get the effect to the user, I would use it with its ajax mode, loading the thumbnail as its contents.
Now for the thumbnail, I would recommend you something like http://megasnaps.com/ wich you can use for free.
Good luck.

Resources