I have a requirement something like "Showing the tool tip as an image."
I want to show the image in the tool tip. Is it possible to show this ?
Well you can try any of the following plugins with jquery
http://plugins.learningjquery.com/cluetip/demo/
http://jquery.bassistance.de/tooltip/demo/
Almost everything is possible. Of course there is no 'native' way of doing it, you can't just add an image to the 'title' attribute.
You need to use JavaScript.
You can either write your own code or use some kind of plugin.
I recommend using some of the great jQuery plugins available out there. Just google it and choose the one that best fits your needs.
here is a start:
http://craigsworks.com/projects/qtip/
And a very simple tutorial: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
Hope it helps.
Related
How are you guys doing?
I am recently doing applying CKEditor to my corp's editor.
It's been great though I've got stuck in some problem.
I expect it to be the best even when we paste other contents from web or Word, but What blocks me doing is something kind of inline style tag, such as 'p style....' since it won't take its style away that my viewer doesn't seem to keep the same form.
I found out that filter.js would be the perfect solution for it. But there doesn't seem to be any way I can handle in my IDE since it doesn't exist.
How can I find a file called 'filter.js' or other plug-in so that I can handle the other way. this is the URL which would be help.
http://docs.ckeditor.com/source/filter.html#CKEDITOR-filter
Thanks.
Do I have to make new file called filter.js so I can edit on my own.
So confused. Hope to get some nice solution to it. Thanks.
CKEditor has a robust content filtering system called ACF (Advanced Content Filter). Read more about it here: http://docs.ckeditor.com/#!/guide/dev_acf and see the samples here: http://sdk.ckeditor.com/samples/acf.html. It's highly flexible so you can customize it to your needs.
Does anybody have any idea if it's possible to create a jsFiddle in which I can use the framework jQuery Easy UI? I cannot choose jQuery Easy UI in the list of the frameworks.
Please let me know if that's possible and how I can do it please.
How about something like this jsfidde link ?
You should select jQuery as your framework and the click the add resources button and add the desired js and css (you can look at this page to see what dependencies the demo has).
In your case, I think the resources are
http://www.jeasyui.com/easyui/jquery.easyui.min.js
and
http://www.jeasyui.com/easyui/themes/default/easyui.css
Here is the documentation for adding resources on jsFiddle: http://doc.jsfiddle.net/basic/introduction.html#add-resources
I need a textarea that looks more like an programing environment, like notepad++. Basically, all I want is to insert TABs and keeps the cursor in the same indenting level as the previous line.
Any help on building my own would be greatly apreciated as well (my javascript/jquery skills are very basic).
thanks (:
Code Mirror would be a great option, it's easy to use with your skills.
You can also check this Wikipedia post for more information. http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors
Good luck ;)
Take a look at this link which will help you decide which editor to use based on your requirement. It has provided wide variety of JavaScript based editors with support for various browsers.
http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors
You can try this plugin for TABs http://teddevito.com/demos/textarea.html
We are developing a social networking project, in this project we are adding content , e.g. images , video,audio,link(html).
Currently we are using shadowbox.js to show it.But for better and effectiveness we want to use some other better plugin, or want to make own window for showing images and link.
Please help , what is the best solution for this project.
I want to know this is the white board quesion means programmer.stackexchange question or stackoverflow quesion?
Thanks
There are 31 here:
http://www.dreamcss.com/2009/03/31-mind-blowing-collection-of-jquery.html
You should find one or more that suits your needs.
I would suggest using colorbox.js it can be found here :
http://colorpowered.com/
It is easily styled, comes with a pleathera of options including an image slideshow, can handle iFrames, Ajax content, Images, etc, and comes with a few options for styling to begin with.
Made my own div and use that for displaying content :)
How do I implement the feedback form that the following sites have?:
http://foodoro.com/
http://www.heyzap.com/
(look at the left center.)
Thanks!
You should probably checkout the JQuery or similar library for this sort of effect. There are heaps of great tutorials and plug-ins out there.
I would use this code in github
https://github.com/lorenzoongithub/getsomefeedback
as a template / boilerplate.
It should be quite easy to adapt to your requirements.
Start by looking into jQuery. It's pretty nice for stuff like this.
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
The first example on there shows a simple way to at least get a sliding panel. It's not exactly what you want but it gives you an idea of what jQuery can do and maybe how you'd achieve what you want.
Edit: Here's a direct link to the sliding panel demo on there...
http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html