Making a scrollbar with javascript - javascript

I'm trying to make a scrollbar with JavaScript (jQuery) and Divs. I'm not using any plugin because I can't use it because what i'm doing it's an app for a TV.
I've also read some code from a few plugins but with no luck...
This is what i got http://jsfiddle.net/joseadrian/HEp7U/2/
But what i'm trying to do is a copy of the real scrollbar on his left. And I need those buttons 'Subir'(Up) and 'Bajar'(Down) because you can't use a mouse, only the TV Control.
What am I doing wrong?
I hope you can understand me. Thanks in advance.

It seems to be working fine here: http://jsfiddle.net/maniator/HEp7U/7/
Here is a version based off yours where you can see the start and the end: http://jsfiddle.net/maniator/CsJ79/

Related

Animation with Javascript and CSS

I want to make text animation on my website using css3 and javascript.
Here is what i want:
There is text which is going from right to left see fiddle.
It is working, but it does not work on my page. I do not know why.
Here is web site:
http://rmb-elektro.eu/index.php/sk/o-nas
http://i.stack.imgur.com/tdMgD.png
There is an error in your site $(...).appear is not a function you forgot to include jquery or other required libraries.

can't get scroll magic to work in JSFIDDLE (part 1 of 2)

I have a one page scrolling website that I'm working on. I am trying to implement ScrollMagic and pin the first section so that the remaining sections of the website scrolls over top of the pinned section. I tried to create a jsfiddle to show the issue, but I can't seem to get jsfiddle working (first time using fiddle so I may have something not linked up correctly. link to fiddle...
After I get this working I have a follow up / new question in regards to scroll magic, but I think it would be helpful if I am able to show my problem in the fiddle.
You forgot to include external ScrollMagic libraries:
https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.min.js
https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js
I've added them to your jsFiddle and it looks like everything is working correctly now.
https://jsfiddle.net/fxf4b2cg/
Have fun coding!

iCheck plugin not working correctly on ipad and iphone

I was searching for some custom checkboxes made with jQuery and i run into http://damirfoy.com/iCheck/ plugin. It seems perfect and it acts perfect on web, but there is a little issue on ipad and iphone.
Problem: when i click on a checkbox, something is blinking (ins element) and it look very bad. I need it to work like it's working on the web. Can anybody help please?
Ps. Usually i search for other solutions, but this plugin really seems great besides that problem, it has lots of functions and i really want to use it.
Update: you can test it directly on any checkbox from this page : http://damirfoy.com/iCheck/ from an ipad or iphone. One thing that i found out now is that i see that background appear and disapear quickly on any element not only on checkboxes, on texts to.
-webkit-tap-highlight-color: transparent
will solve your problem.

Ajax Based Multiple Auto Complete/ Auto Suggest Plugin

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/

How to build a drag and drop script like this?

I have recently been using sitecake, I like the drag and drop interface of it for the content editor. Try the demo on their site for the visual editor.
I am wondering how can I build a 'local' script like this for my managing and creating articles for my site.
What I need is the drag and drop options like this and a button which onClick outputs the html of the current display.
I have been looking into jQuery DND, draggable and droppable, HTML5 contentEditable and edit-inplace.
But unfortunately, nothing yet.
Can someone help me with this? Or altest point me in the right direction?
Thanks in advance.
I am the developer behind SiteCake. The first version of SiteCake was developed based on GWT and jQuery/jQueryUI Droppable and Draggable. The current version is powered by GWT and GWT-DnD library.
I am not sure I understand clearly your question about getting the html code.
Check out jQueryUI Droppable and maybe even Draggable.
Droppable is certainly capable of what you're asking. All you would need to do is specify drop points, which is what sitecake does.

Categories