JavaScript Trying to create notification box when clicking a button

I have been having some trouble in creating a simple notification box. Basically the objective here when I click the submit button input type=button it will display a simple notification box like this.

enter image description here http://i255.photobucket.com/albums/hh140/testament1234/onclick_zps124dc641.png

I have been told a plugin is not necessary for this kind of thing. I'm still in the process of learning Javascript and would like to ask for some advice on how i can obtain this kind of result.

I have tried using alert but it seems it cannot be styled and I need to use jquery instead.

Answer:1

you can use jquery ui dialog, if you're planing to use jquery. Have look: http://jqueryui.com/dialog/

Answer:2

This will give you a decent walkthrough as well as the code to do what you are looking for without using plugins. These are often called "modal dialogs".

http://javascript.about.com/library/blmodald2.htm

Answer:3

I was reading the javascipt code in some application and code was this getTotalFees:function(){ return this.grid &&this.grid.getStore().sum('fees'); } Now i am confused what ...

I was reading the javascipt code in some application and code was this getTotalFees:function(){ return this.grid &&this.grid.getStore().sum('fees'); } Now i am confused what ...

  1. what does return do in python
  2. what does return service requested mean
  3. what does return on equity mean
  4. what does return mean
  5. what does return on assets mean
  6. what does return to sender mean
  7. what does return do in java
  8. what does return of the mack mean
  9. what does return on investment mean
  10. what does return accepted mean
  11. what does return on assets measure
  12. what does return do in javascript
  13. what does return status printed mean
  14. what does return on sales mean
  15. what does return 0 do in c++
  16. what does return of service mean
  17. what does return mean in java
  18. what does return do in c++
  19. what does return to sender processed mean
  20. what does return in transit mean

I'll start off with mentioning I'm very new to Angular so I'm probably not doing things in the correct "Angular way". I have the following ng-repeat looping through some data - the correct data is ...

I'll start off with mentioning I'm very new to Angular so I'm probably not doing things in the correct "Angular way". I have the following ng-repeat looping through some data - the correct data is ...

Having a div element, I can style its bg-color through either Javascript or CSS. Is there any difference between the two, or which one should we use? div:hover {background-color:gray;} or $( div)....

Having a div element, I can style its bg-color through either Javascript or CSS. Is there any difference between the two, or which one should we use? div:hover {background-color:gray;} or $( div)....

  1. hover through the fog and filthy air
  2. hover through div
  3. hover through js
  4. hover through element
  5. hover through css
  6. hover through the fog
  7. hover through meaning
  8. hover through the filthy air
  9. hover through javascript
  10. hover through jquery
  11. css hover through element
  12. mouse hover through javascriptexecutor
  13. mouse hover through javascript
  14. html hover through element
  15. macbeth hover through the fog
  16. javascript hover through element
  17. add hover through jquery
  18. hover effect through css
  19. hover effect through javascript
  20. css hover through javascript

I need to extract the Operating System's name and the browser's name from the user agent string. Sample of user agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.2.9) Gecko/20100825 Ubuntu/9.10 (...

I need to extract the Operating System's name and the browser's name from the user agent string. Sample of user agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.2.9) Gecko/20100825 Ubuntu/9.10 (...

  1. user agent parsing library
  2. user agent parsing java
  3. user agent parsing python
  4. user agent parsing c#
  5. user agent parsing
  6. user agent parsing javascript
  7. user agent parsing api
  8. user agent parsing regex
  9. user agent parsing scala
  10. user agent parsing npm
  11. user agent parsing nodejs
  12. user agent parser
  13. user agent parser online
  14. user agent parser python
  15. user agent parser java
  16. user agent parser javascript
  17. user agent parser php
  18. user agent parser c#
  19. user agent parser api
  20. user agent parser js