javascript button onclick show modal code example

Example: como criar uma modal jquery

var modal_estilos = 'display: block;'
+'width: 85%; max-width: 600px;'
+'background: #fff; padding: 15px;'
+'border-radius: 5px;'
+'-webkit-box-shadow: 0px 6px 14px -2px rgba(0,0,0,0.75);'
+'-moz-box-shadow: 0px 6px 14px -2px rgba(0,0,0,0.75);'
+'box-shadow: 0px 6px 14px -2px rgba(0,0,0,0.75);'
+'position: fixed;'
+'top: 50%; left: 50%;'
+'transform: translate(-50%,-50%);'
+'z-index: 99999999; text-align: center';

var fundo_modal_estilos = 'top: 0; right: 0;'
+'bottom: 0; left: 0; position: fixed;'
+'background-color: rgba(0, 0, 0, 0.6); z-index: 99999999;'
+'display: none;';

var meu_modal = '
' +'
' +'
Esqueceu sua senha?

' +'
' +'
' +'
' +'
' +'' +'
' +'
' +'' +'' +'
' +'
' +'
' +'Qualquer coisa aqui nesta coluna' +'
' +'
' +'
' +'' +'
'; $("body").append(meu_modal); $("#fundo_modal, .close").click(function(){ $("#fundo_modal").hide(); }); $("#meu_modal").click(function(e){ e.stopPropagation(); });

Tags:

Misc Example