jQuery pagination in CodeIgniter? - javascript

How to create a jQuery pagination in CodeIgniter?
Please give me an example of it.
I would not like to use a plugin, because the code plugin is large. Is there a way to reach this with less code.

You can try this out TOHIN example pagination with ajax ,Or work around GOOGLE

There are a number of tutorials out there which explain how one might do this. It is a bit much to be able to fit it all here.
As to plugin size, I'm not certain how you came to that conclusion. Just because it is a plugin does not mean that it is large or cumbersome. It can be argued, rather easily, that CodeIgniter itself is just a large series of plugins...

Related

Dynamic Masonry Gallery using JavaScript and Bootstrap

I wanna create a gallery full responsive and dynamic like this: https://www.pixelflakes.com/work/
Where I should start looking for some good stuff to really understand how to create this? I'm a beginner at JavaScript, but I'm pretty good at html, CSS and bootstrap.
thanks for the help!
I came across a demo that might help you understand how to create a gallery like that. Also mensonry's codebase is available on Github. Considering that you're new to javascript, it might take some time to grasp but you'll be alright after putting in some effort.

Responsive filterable portfolio

I am attempting to program a portfolio section very similar to: http://www.nouvehmedia.com/#3_columns_projects.html
However, it seems that with my zero knowledge of jquery/javascript, I am not able to recreate the results.
Ideally I was attempting to put my own 'touch' on it. It would function in its entirety like portrayed on the website above, but clicking on them would actually open a modal instead.
My trouble areas are:
* filtering the results
* applying the mouse overlay effect (I can only seem to effect the bottom text when my mouse is over that, but it does not transition if it is over the image)
Here is my code, I am using foundation framework and so it looks quite off when I import the code into jsfiddle to show my work: jsfiddle.net/feF43/1/
Here is what it looks like on my end:
Is what I'm trying to do possible in CSS, or should I be looking into finding a similar effect on github or such to implement with my code?
Oh that's a shame, I actually looked at this yesterday as I'm looking to use it in my next site. I'm more of a Bootstrap framework fan than Foundation though.
There is a plugin called quicksand.js which does what I think you're trying to do above. And I stumbled across a tutorial for using that with Bootstrap just last night:
http://untame.net/2013/05/how-to-build-a-sortable-image-gallery-with-bootstrap-jquery/
Unfortunately I had a look into this for you and it seems the way that Foundation applies its grids means that quicksand doesn't work very well with it:
https://groups.google.com/forum/#!topic/foundation-framework-/0M-H3kWiChY
So, perhaps suggesting you change frameworks is a little bit of a drastic solution :) but looking at your fiddle it seems the markup is very similar between the two frameworks.
I just had a look at the quicksand source code as well and its really not that long. So even if you stick with zurb you can see the inner logic of quicksand here:
http://mode87.com/untame/demo/filteredgallery/js/jquery.quicksand.js
Hope this helps.

What's an easy way to get started with an interactive Javascript slideshow / image viewer?

I'm very very new to Javascript. What I'd like to do is one of those rows of smaller images, that when you click on one it pops up bigger with left and right arrows for sliding through the photos.
What's the easiest way to get started doing something like that?
Any help is greatly appreciated, thanks.
You know we're not your research site, but since you're asking for the easiest way, I'd recommend HighSlide JS. It doesn't require JQuery, is highly personalizable, comes with examples which you can just copypasta and a nice tutorial.
Of course, if you'd include the JQuery lib to your page, you could also try one of these fancier plugins. And there are also some JQuery carousel plugins as noted by #Nupul.
Check out the galleries plugins at Web Resource Depot

Javascript / jQuery plugin to allow horizontal scroll effect

Basically I would like to archive results like that: http://www.pixelapse.com/#
Does someone know any nice plugins for that or good articles explaining how to do such effect. I'm able to google http://flowplayer.org/tools/scrollable/ but maybe you know some alternatives?
This effect is called a carousel. Typically you shift through elements in a list with some sort of animations and controllers.
This article from Tripwire Magazine should give you a pretty good overview of what's out there. As you can see, a lot of the carousels out there are intended for displaying picture galleries, so it might require a bit of hacking on your part to get the result you want.

JavaScript Charting library - Google Analytics Style

I'm searching for a Javascript library to create line charts like the ones of Google Analytics. When the mouse is over a point, a box shows you the data.
An example is at http://wikirank.com/en
No Flash or Air, only JS and client-side Canvas...
Better if Free...
Edit: If you want a free library, try Flot.
Emprise Charts is a commercial library that I've seen featured on news sites.
Another option is to use Google's visualization APIs.It's pretty easy to use, and they have a several options for displaying data. One thing to keep in mind is some of the visualizations require you to send your data to their server, though none of the canvas/svg ones have this requirement.
There's JS-Charts which looks pretty awesome.
Or, if you fancy rolling your own you can create your own charting component using this library...
As an alternative to Flot, if you are using Prototype.js as JS framework, you can use Flotr.
Dojo also has something similar, though the example shown doesn't have similar functionalities but can be implemented to behave like the one you want,
http://dojocampus.org/explorer/#Dojox_Charting_2D_Lines,%20Markers,%20No%20Axes,%20Purple%20Theme,%20Custom%20Min%20Max
Raphael.js is pretty good at making graphs with svg/vml, you have to write some custom code though, but you can make some really nice animation with it, next to that it's compatible with ie6+ (only not with android 2 browsers).

Categories