alert box without ok button in jQuery - javascript

How to show alert box without "OK" button and close after 2 seconds
setTimeout(function() {
alert("$premium$");
}, 1);

It's not possible to amend the dialog shown by the standard alert() method as the buttons are controlled by the browser/OS.
If you need this behaviour you'll need to use a library which builds alert notifications in HTML which can be amended exactly as you require.

You should create your own alertbox I think in vanilla CSS

You cannot hide buttons from native JavaScript dialogs. Your options depends on frameworks you are using. You can create custom dialogs with jQuery UI, Bootstrap and many other frameworks.

Related

jQuery UI radio button remaining selected

I'm building a site with a few different jQuery UI elements and I've run into a problem.
I'm trying to use this http://jqueryui.com/button/#radio but rather than having a radio button set that toggles through like a radio select should I just get three buttons that once selected remain selected.
I'm using local copies of the jQuery UI css and js files and I have two different jQuery UIs running side by side.
I'm also using the jQuery Select2 widget http://ivaynberg.github.io/select2/ but removing this and using the jqueryui.com hosted versions of jQuery UI doesn't fix my problem.
Has anybody else had any similar problems? I'd post my code but the jqueryui.com example doesn't even work.
The radio buttons work fine as plain html but don't once I've added the jQuery.
Thanks
To disable a jQuery widget button, you should use :
$(".button").button({ disabled: true });
Also open your console and see if you have errors that can cause problems.

Regarding Javascript prompt box

i'm currently developing a simple GUI for my mozilla plugin using JSP. In that Gui,i want to create a prompt box with two input fields with drop-down list option. Is it possible with javascript prompt box option?
Not possible with the default window.prompt(); function but you can roll your own overlay or use something like the jQuery UI dialog.
It isn't possible to do this with pure JS prompt boxes, but you can use a library like jQuery UI or Bootstrap.

Custom Confirm Form by jQuery

Now I use return confirm(Message); when need confirmation in a form. that cause displaye a form with two button OK and Cancel. Is there any way to change the buttons text in displayed form? I need to change buttons to another language? what is your suggestion?
Since you tagged jquery, jQuery UI Modal Confirm is definitely worth a look
Working fiddle: http://jsfiddle.net/naveen/GR2UT/
You can't change the button text on a native confirm box. You can program your own modal dialog, which would give you control to what's in the buttons. In this jsfiddle you'll find a plain javascript example. Or use JQuery, like naveen suggested.

Bullet points in Warning Message box for a web page

Is it possible to add Bullet points for the warning/Alert message box for a webpage using HTML and Java Script? If not, what would be the best possbile way to create one of those?
The message box should have the below properties:
Warning Image
Message box header
Bullet points listing summary
Accept and Reject button
Thanks in advance!!
Just an update on this, you can create a bullet in a JavaScript alert box, you just need to use \u2022, so your script would be something like this (\n is a line break):
alert("!!! WARNING !!!\n\nHeader\n\u2022Point1\n\u2022Point2")
This will display (in an alert box):
!!! WARNING !!!
Header
Point1
Point2
The standard confirm function cannot do all this; instead, you can use jQuery UI Dialog.
There may be a way to sneak bullet points into an alert() box using some Unicode shenanigans, but in general, these boxes can not be styled. Individually labeled buttons are totally out of the question.
You would have to use a custom-made library like JQUery UI dialogs. Alternatively, here is a more light-weight tutorial on building custom alert boxes.
I believe you need to develop a custom alert box. I may develop it using jQuery colorbox. or jQuery UI Dialogs

Looking for particular alert box behavior

I'm interested in alert boxes such as,
http://www.visual-blast.com/javascript/nice-alert-box-with-jquery-impromptu/
and
http://woork.blogspot.com/2008/08/design-stunning-alert-box-using.html
but with a different functionality, the user should be able to interact with the page even with the alert box present, so it needs to be movable and not obscure the underlying page, as in this example,
http://www.open-lab.com/mb.ideas/index.html
Alert box should be generated automatically on page view plus the title and message of the alert box should change with each page refresh from expandable library.
Is there anything out there like this?
Thanks
Sounds like the jQuery UI dialog widget might do what you need?
http://jqueryui.com/demos/dialog/
Here is an example with mootools. You easily can extend any element on the page to be draggable. You may use this plugin as a sample of alerts and you'll just need to remove some functionality and add make it draggable.
There are few custom dialogs in moo.rd. One of them is the Custom.Alert:
http://www.moord.it/examples/custom_alert

Categories