Ajax Based Multiple Auto Complete/ Auto Suggest Plugin - javascript

I am trying to find some plugin like the one, used in this website search box auto suggest.
http://www.propertyfinder.ae/en/buy.html
The second auto suggest list is based on the first keyword selected. I already know that mootools are used for it. If somebody knows about any plugin like this, please any advise.
Your suggestions will be a great help
Thank you!

Jus follow the link http://aehlke.github.com/tag-it/ you will get what you want

if you want to do this for mootools, then try this: http://mootools.net/forge/p/mootagify
demo that works with backspace bound:
http://fragged.org/mooTagify/Demo/
autocompleter for tags is built in. source code and also unit tests (via busterjs + syn) on my github page - https://github.com/DimitarChristoff/mooTagify/

Related

Open Javascript code in editor on click

I am trying to create an interactive tutorial for learning an API. I've been googling my options for an entire day now. I came across ace, code mirror etc. but I'm not sure how I can use them in my case.
What I wish to do is that when the user clicks a button, a javascript code linked to it should open up in an editor on the same webpage. This would aid the users to see how the code is working and give them scope to modify and learn.
I know its not a constructive question but any help is appreciated! Thanks!
you can just wantch here how it is done
They made it with knockout MVVM but you can use angular or anything else you like.
I used tags to store my code and displayed it using codemirror's setValue property mentioned by #georg.

onContext change in splunk using javascript

i have a splunk app and now i want to add an oncontext change option with those app. i have 6 forms and each are having separate,pulldowns/dropdowns,
could somebody can help me in creating a javascript*(actually i am confused whether it can be done with javascript)* to update all the dropdowns, if the context of any of the drop down changes, actualy all the dropdowns are populating same input i.e source filename.
please help
Thank you
Sruthy
You don't even need custom javascript to accomplish this in Splunk.
You can do this in a Splunk Advanced XML View.
I would recommend having look at the examples in this app : http://splunk-base.splunk.com/apps/64805/splunk-dashboard-examples
this explains it well. thanks for your assistance. append the javascript specified in t

jQuery Easy UI within JSFiddle

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

coder textarea in javascript/jquery

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

Best way to create custom html joomla link

I'm new to Joomla , just want to understanding the best way to implement this.
http://jsfiddle.net/PSYCKIC/JyKJf/
The IDEA is to use that as a link , i click there and lead me to a article or link. (didn't include the javascript in the example)
PROBLEMS :
-I was doing as a custom HTML, but the problem probably have to use javascript for the link but when i save it save without javascript (and probably it a little hardcoded)
- doesnt work for div
LOOKING the best way:
1) Have some ideas , one was to create a module, or something where i just put the image , link of the article and then is always automatically ( but not sure how to import javascript/jquery trough modules ANY HELP? Someone can help me building?)
2) any good module already created for this?
3) Tutorial than can help me understand?
Like a solution where i have possibility to reuse the code not hardcoded.
Thanks in advance.
There are some Joomla extentions which allow to insert into joomla site any code
http://extensions.joomla.org/extensions/edition/custom-code-in-modules/8651
http://extensions.joomla.org/extensions/edition/custom-code-in-modules/2861
If you want to include such code into article, you have to publish module in any position and then use this shotrcode {loadposition _any_position_}.
I hope it will be helpfull
Which Joomla Version are you using?
You have to disable the built in filtering of joomla and your editor:
http://www.tutorials2learn.com/2010/02/cms/fix-tinymce-editor-strips-flash-embed-code-joomla/
for your eitor, go to plugins -> editor -> options -> filter onload ...
you dont need an extra extension for just a simple javascript link

Categories