Is there any good JavaScript/jQuery plug-in that will 'quicklook' an information on click?
I want it simple so when you click the quick view link it just displays it as a modal form
Ideally it would be set up by just giving said links a class and the JavaScript/jQuery does the rest.
Similar to the (http://us.norton.com/downloads/) quick view button.
qtip plugin might come in handy too
Norton is using colorbox i think.. http://www.jacklmoore.com/colorbox/
colorbox is a jQuery lightbox.. you can customize it using CSS.. it can handel inline content as well as fetch data by making an ajax call
Related
I am building a webpage using Bootstrap 3. I am trying to find the best way to change the main content of the side. I have a Header, left content and right content but I want to change the middle content by pushing a button without changing the surrounding elements. What would be the best thing to use to accomplish this. Is there some demos online that someone can point out? I have been trying to find some but without luck.
Bootstrap doesn't have that feature. First try to learn what bootstrap can do or can't, what bootstrap made for.
What you are trying to do is called templating. You can use php, ajax or other methods to dynamically add content to your content section of your template.
You have many ways to do that, maybe with jQuery .load() and maybe combined with HTML5 history API or some other framework...
But Bootstrap has nothing to do with that..
You can start reading about AJAX and DOM manipulation first, but here is some link you can use:
Dynamically Loading Content in Twitter Bootstrap Tabs
You cannot do that with boot strap that is just not what it's made for you can use either PHP or Ajax personally if you know PHP already and have everything set up for go with that because in my opinion Ajax sucks to learn and work with
How to make a wizard style like: http://www.codecademy.com/courses/web-beginner-en-HZA3b/0/1?curriculum_id=50579fb998b470000202dc8b (when open page then it shows a tooltip with "NEXT" button on it which explains how to use the application)
I have searched for JQuery Wizard or Steps on Google but nothing similar found. I have tried to use http://thecodemine.org/# a formwizard and adapt to my website but with no result because it is for forms.
If this isn't the place to ask questions as this, please tell me to delete.
Also you can use http://linkedin.github.io/hopscotch/ for normal
or http://bootstraptour.com/ if you using bootstrap
Try "Website Tour Plugin":
http://tympanus.net/codrops/2010/12/21/website-tour/
It is similar to your recommended link.
I want to use some jquery plugin to show modal. I have been using fancybox but it has problem that second fancybox can not be shown on one. I have used jquery UI but it has images and I want some plugin which is not dependent on images. Here are my requirements:
to show on page load
to show on ajax success
customizable with custom css
second modal/dialog can be shown on first one.
Please suggest.
I like http://jqueryui.com/dialog/ I know you said that you used it but did not like it as it has images, but I would override your images with custom css - which is not to difficult. simnple model is fine but I find ui better
Your question is not in the Q&A format of Stackoverflow, because you are essentially soliciting opinions (i.e., no definitive answer).
Nevertheless, SimpleModal is an excellent light-weight jQuery plugin I've used for modal dialog boxes.
Have a look on this one, I used it in the past: http://www.paulund.co.uk/how-to-create-a-simple-modal-box-with-jquery
If you visit this page: http://basecamphq.com/tour/
and click on the tour left hand side options: communicate, share files, deliver-on-time you will see that the tour works like a slide show when you click it shows you the next slide. How can i implement this for my website.. are they using javascript or ajax?
Thanks.
They are using Jquery,
This is the specific glide effect they are using: http://code.google.com/p/missingmethod-projects/wiki/Glider
If you want more kinds of it you can use http://www.hacktweaks.com/2010/02/15-awesome-jquery-based-content-slidesowglider-for-your-blogwebsite.html Each one of this examples contains a demo and and explanation, and the jquery code you will have to put in the web page.
Its a simple Content Slider that can be implemented using simple content slider using jQuery.
Here is Implementation Cookbook and a Simple Demo
remember its just a simple demo and you can do every thing you want just using this simple plugin.
So i'm trying out MVC after only playing with it some time ago.
Need to find the best way to selectively show and hide sections (divs, etc) on clicking or changing a value of a control, but not having to post back, i.e. javascript?
Any suggestions.
Use jQuery. You can use a jQuery Event to detect a click and then hide or show divs.
So, You have a button called "HideDiv" and "DivToHide" is the div you wish to hide.
$("#HideDiv").click(function() {
$("#divToHide").hide();
};
It's that easy. Can't really go in-depth here but check out their tutorials: http://docs.jquery.com/Tutorials or browse this site: http://www.learningjquery.com/category/levels/beginner
jQuery actually comes with ASP.Net MVC, check the scripts folder of a new MVC project and you'll see it in there. This site using jQuery and MVC :) So your browsing a sample of what is possible with it
You can use jQuery. It is included with the standard MVC project template.
$("#myButtonId").click(function () {
$("#myDivId").toggle();
});
See more at the jQuery docs for toggle.
You can do the same way as you are doing it with normal ASP.NET application using JavaScript. I think JavaScript is best as its fast and works on client-side.
If you are having a specific requirement then please put the specific requirement here.
You can use jQuery or MooTools if you want some animation.