Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I've been searching for a long time now for a fairly simple JavaScript based tooltip solution. It needs to be:
Open-Source and freely re-distributable, and allows my application to include it which would be distributable via free or commercial license.
'Sticky' i.e when opened it stays visible until the user clicks a little close button on it or ESC button is pressed.
Style-able via CSS (preferably) or JavaScript.
Compatible with IE6 or IE7 onwards, as well as modern browsers ;)
I did manage to find http://www.nickstakenburg.com/projects/prototip2/ (see the buttons example on that page) which meets all the requirements - except that I wouldn't be able to distribute what I'm creating for free which makes it a no-go :(
It only needs to able to handle basic HTML (div, p, span, img, etc) within the tooltip.
Thanks,
Alex
Use qTip a jQuery based opensource tooltip plugin, you can control the events when to show the tip. for example show: { when: { event: 'click' } } this will show the tooltip on click on the target element. Hope this helps
If you're looking for a tooltip that also works without a library (like jQuery) you can use Opentip which uses adapters for all major frameworks, and provides a native adapter that doesn't need a framework.
It's open source and MIT licensed.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I would like to find a js library that allow me to do similar things as same as gmail:
They got a textarea, when you typing it, it search things and provide a list of contract list for you to choose from, when you tab it, it becomes a separate element, you can delete it by pressing the X. I know it is not come with textarea, or standard html element, how can I describe / search related lib on the web? Any keywords ideas?
stackexchange tags and Pinterest filters work similarly.
I did a google search with
"tags interface" filter
I searched both normal and images.
The images quickly allow you to focus in on an interface.
For example, the jQuery plugin Bootstrap Tags Input jumped out.
A further search on the following brought up more google images which seem right on.
"Tags Input"
I suggest this is better suited for the UX - User Experience StackExchange site. There is one discussion I found here
Good luck. I will likely write something myself in the not too distant future. It is a user friendly interface.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
So far I've been using jquery ui's draggables and droppables, but I've also heard of extjs and I'm sure there are more. I'm looking to develop a (hopefully) professional plugin. What would be the best library to use and or is anyone aware of any limitations to jquery ui's functions for this?
I'm going to need to go 1-3 layers deep at least of dropping things inside each other, if not more.
There are various options available to you even including the possibility of writing your own drag and drop functionality if you really wanted.
jQuery UI isn't a bad choice and there will be plenty of support going down that route. jQuery UI sortables sounds to fit the behaviour you desire. I've used this for nested drag and drop in the past.
dragula is a nice vanilla js alternative for drag and drop behaviour supporting IE7+ that could also be a good choice.
Hope that helps!
Depends on the browsers you need to support. HTML5 has native drag & drop support, so if you only have to support IE9 and above, you can just use the attribute draggable=true and handle the drag events; see http://www.w3schools.com/html/html5_draganddrop.asp for examples. If you need to support IE8, however, jquery ui is the best (read: easiest) I've used.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
As the title says, I am searching a very tiny rich text editor. Every editor I've seen is big and has too many features. All I need is buttons to make text bold, italic, set the font of text, set the style to a paragraph or a heading and to add/edit links. I won't have a big library for that.
I think I will need to change it a bit. I have to integrate an image upload (already existing) as a feature to add and resize images in the content.
Thank's in advance.
Check out:
TinyEditor
TinyEditor is a simple JavaScript WYSIWYG editor that is both
lightweight (8KB) and standalone. It can easily be customized to
integrate with any website through CSS and the multitude of
parameters. It handles most of the basic formatting needs and has some
functionality built in to help keep the rendered markup as clean as
possible.
If you using bootstrap. Consider to use summernote.
Super Simple WYSIWYG Editor on Bootstrap.
http://summernote.org
It depends on what you're looking for. Do you need WYSIWYG? If not, I've had success using markitup:
http://markitup.jaysalvat.com/home/
Did you look at TinyMCE?
If you're using bootstrap try Bootstrap-WYSIWYG
How about bootstrap-editor?
It's simple and beautiful. It extends bootstrap-wysihtml5 with file-uploading feature (by using jQuery-File-Upload).
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Does anyone have a good recommendation for a drop shadow jQuery plugin?
I've been working on a project that had every element on the page with a subtle drop shadow, we started using RUZEE to do the shadows but there was a severe performance hit when you had more then 4 or 5 shadows being calculated on the page.
I went to writing my own plugin, I call it simple shadow and it only uses jQuery to inject images in floating div's around the div you want a drop shadow. Nothing elegant but for the purpose of completing that site it worked without performance hits.
Now my plugin isn't anything special but I am still in search for a good light weight shadow plugin.
CSS 3 will support drop shadow. Firefox and Safari are already supporting the feature.
You might want to use that instead of the jQuery functionality, since it will run in browsers who have turned off javascript.
Take a look at http://www.css3.info/preview/box-shadow/ for a demo of the shadow.
The original site hosting the jQuery Dropshadow plugin has apparently gone down.
For anyone looking for it, I'm currently hosting it on my Dropbox account.
jQuery UI also provides drop shadow functionality.
The JQuery UI no longer supports shadow functionality.
try the FontEffect jQuery Plugin, sorry I can't post the link, but you can find it easily on google or jQuery plugin site.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
There are several (very good) rich text web editors written in Javascript (eg FCKeditor, YUI Texteditor and many many others).
However I couldn't find any tutorial on how to build such a component. Something that would explain both high-level considerations (architecture) and/or more details in low-level "critical" points (ie why do most of the editors out there use iFrame, how do you handle keyboard input like Ctrl-B, Ctrl-C when the text is selected and when it is not etc)
My main motivation is curiosity; if I had to develop such an editor today I wouldn't know where to start from.
Does anyone know of any tutorial that covers the above issues (ideally, something that explains how to build a wysiwyg editor from scratch)?
After more research I found the following. The functionality for building a rich-text-editor is already implemented at the browser. IE was the first to create such an API and Firefox replicated it.
Overview
The main point is that the javascript object "document" has a property called designMode which can be set to "on". This converts all the page to to a textarea-like component. Imagine that the browser opens the page the same way that MS-Word would: the user can see the formatting but he can also type in the page (normally the browser opens a page as readonly).
window.document.designMode = "On";
Because the above affects all the web page, most editors use iFrames so that the editable area is only the iFrame which has it's own document object.
On top of that, there is an API that allows easy javascript access to styling. This is exposed throw the execCommand() method. For example you can call from Javascript
document.execCommand('bold', false, '');
and the selected text will become bold.
Tutorials
I have found the following:
A brief step by step guide.
A mozilla guide. It has the most convenient API reference I have found and also some more links.
A guide by microsoft.