tags:

views:

81

answers:

3
+1  Q: 

Javascript Prompt: best practice?

I would like to prompt the user for some input on a webpage.

I can't use the builtin Javascript prompt function as it is creates security warnings in IE.

Is there a best practice/method/example that people use to recreate this?

The Javascript would need to be embedded in the page, so I'm looking at avoiding weighty external libraries.

+1  A: 

I'd steer away from prompts; they're obtrusive. You could render a form.

Johannes Gorset  2010-02-05 09:24:00
+1, render a form: http://computer.howstuffworks.com/question369.htm
Rubens Farias  2010-02-05 09:25:20
This is basically what the OP said: He doesn't want to use prompt.
T.J. Crowder  2010-02-05 09:28:50
@T.J. Crowder: It's not "basically what the OP said"; he's asking for an example of how to mimic a prompt, and the answer provides it.
Johannes Gorset  2010-02-05 12:55:30
+4  A: 

The easiest, most user-friendly approach would probably be to create a normal HTML form that you show with JavaScript in response to a click event on a link or button; you'd then hide the form after the data has been submitted.

Ian Oxley  2010-02-05 09:24:54
@OP: When showing the form, you can even position it absolutely in the middle of the viewport (`position: absolute` and `left` and `top` styles), on top of other content (`z-index` style), with an iframe shim underneath it to prevent clicks anywhere outside the form. More on iframe shims here: http://www.macridesweb.com/oltest/IframeShim.html
T.J. Crowder  2010-02-05 09:28:09
You should render the form with JavaScript, too.
Johannes Gorset  2010-02-05 10:01:23
A: 

I use jQuery plugin Impromptu. It's nice and unobtrusive and sufficiently lightweight.

Eugene Morozov  2010-02-05 09:47:10

related questions

What JavaScript patterns do you use most?
Javascript events
What style do you use for creating an "class" in JavaScript?
Graphing JavaScript Library
What's the difference in closure style
Getting the text from a drop-down box
How to specify javascript to run when ModalPopupExtender is shown
Length of Javascript Associative Array
How Do I Post and then redirect to an external URL from ASP.Net?
How to set up a CSS switcher in ASP.NET
Wrapping lists into columns
Javascript keyboard events primer? (or rather: help me with my custom dropdown)
Http Auth in a Firefox 3 bookmarklet
Best Debugging Tools for JavaScript/xulrunner Development
How can I turn a string of HTML into a DOM object in a Firefox extension?
Call ASP.NET Function From Javascript?
Javascript troubleshooting tools in IE
MAC addresses in JavaScript
Capturing TAB key in text box
CSS Background Color in Javascript
How can I make the browser see CSS and Javascript changes?
Triple Quotes? How do I delimit a databound Javascript string parameter in ASP.NET?
ASP .Net Custom Client-Side Validation
What JavaScript library would you choose for a new project and why?
Detecting font in JavaScript