I know this is an extremely simple question... but I do not know the name of the element I am looking for so I can not research it.
I am looking to add one of those up/down arrow buttons that allows you to increment a textbox.
If you can wait for HTML5, you could have used input type="number" for this. You can find here a link to a live example (works in browsers supporting HTML5 only though, currently that's only Opera).
But until then you'll need to look around for a Javascript library using the keyword "spinner".
I think what you're talking about is a Number Spinner/UI Spinner.
You'll need javascript in order to do something like this. Here is a jQuery example that you might find useful.
Related
I have created a website and have added a button and lot of text. What I want is to use the browser search (Ctrl+F), when I press the button which I added in website.
How can I achieve this?
It kind of works for FF. See this page
Find in This Page...
update: from mark's comment:
From my testing
window.find()
is supported in Chrome 37, and FF31, but
not IE11
update:
for more information on this window.find go here
No. In general, you cannot invoke browser controls from inside the webpage - security, sandboxing, and all that.
You need to make some sort of in-page search - if you're using a CMS, most of them have a simple search feature built-in.
If you want to do this in JavaScript, there are various scripts that emulate this in-page; randomly selected from my query "javascript find in page" is this one: http://www.seabreezecomputers.com/tips/find.htm
I'm working on a web app for folks with brain injuries. I'd like to make the cursor in the textbox more noticeable than a think blinking line.
Is there a way to make it larger?
(Searched on Google and SO. No luck)
This isn't naively possible/reliable on all browsers as it's controlled by the OS. I would suggest a help doc of sorts that links your users to modify their system so that not only yours, but all websites, are easier for them to navigate.
see: http://etc.usf.edu/techease/4all/vision/how-do-i-change-the-cursor-options-in-windows-7/#html
Here is a demo of how to do it from another post (Styling text input caret)
Demo: http://shachi.prophp.org/demo.html
I am new to web development and just trying to add spelling suggestion to a textarea. I really don't know what I am going to need for this, need to write the code myself or use a third party library etc. Can someone suggest me how to add this functionality to a simple HTML page containing a textarea. I want when I write a misspelled word in text area, some suggestions matching that word should appear in dropdown.
Well autocorrect in the web page can be achieved by JavaScript for sure.
There are some nice frameworks for this, probably you could see this:
https://github.com/sanisoft/jQuery-auto-correct
For only spellchecking (despite built-in browser checking):
http://www.javascriptspellcheck.com/JQuery_SpellCheck_Plugin
So i am creating a mobile version of my employers website using jquery mobile. So far, very good and everything works as expected.
But there are some areas where users would input some data, to submit a form. For ease of use on such small screens every input utilizes "placeholders" that was introduced with html5.
Works like a charm on anything but WP7.5. So without appropiate labels it does not make sense where to type what (note, in accordance to jquery's recommendations, i have made hidden labels associated to their respective input fields).
So i searched around for various javascripts that can work around this issue, but none of them works on windows phones for some reason.
Anyone have a suggestions? Ideas? Workarounds? Or something else?
Funny, after having trying to find a solution for hours on end, after writing i found a solution.
I took out the code for adding placeholders from Zurb's excellent Foundation framework. For anyone stopping by with the same problem, look here: https://github.com/mathiasbynens/jquery-placeholder
It doesn't work because both Desktop and Windows Phone versions of IE9 don't support the input placeholder attribute.
What you can do is use a Polyfill, like this one: https://github.com/ginader/HTML5-placeholder-polyfill
I want to create a sliding effect as seen in http://demos.flesler.com/jquery/scrollTo/ but with plain html and css. is that possible? if so, how?
If it is html5 and css3, no problem (I won't use IE (-: )
thanks in advance!
See this demo:
http://tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/
And the explanation here:
http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/
It shows how to set up a CSS3 scrollTo transition, however, only works with the link anchors - not the scrollbar - which is a deal-breaker for me.
I think you can use the psuedo :target to achieve this, quick Google search fetched this example - it gives a detailed write up on how it works on this page. I'm sure Google will bring up other results and more examples to get it working how you want it :)
Of course only certain new browsers will understand :target but if this doesn't bother you then you have nothing to worry about.