Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wneo

Shotcut key para chamar modal

Por , em Javascript

Recommended Posts

wneo    5

wneo
Postado

Bom diaa!!

 

Estou montando uma area restrita, onde preciso que o formulario para login e senha seja acessado com teclas definidas por javascript. (por ex: pressionar ctrl+x e aparecer o form). Esse form quero que venha na mesma página em uma modal...Então minha questão é como montar isso..

Abaixo ou colocar o script que estou usando:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>body {    background-color: #98C000;    font-family: Helvetica, Arial, sans-serif;    font-size: 20px;    margin: 20px;}a {    color: #466000;}a:hover {    color: #fff;    cursor: pointer;}.fullScreen {    width: 100%;    height: 100%;    background: rgba(0,0,0,0.8);    display: block;    position: absolute;    top: 0;    left: 0;    display: none;}.dialog {    position: relative;    background: rgba(0,0,0,1.0);    color: #eee;    width: 500px;    height: 200px;    border-radius: 10px;    margin: 0 auto;    padding: 15px;    z-index: 999;    box-sizing:border-box;    -moz-box-sizing:border-box;    display: none;    font-size: 14px;}.button {    position: absolute;    display: block;    bottom: 15px;    background: #cc0000;	color: #fff;	width: 100px;    border-radius: 4px;        margin-left: 185px;    padding: 5px;    text-align: center;    box-sizing:border-box;    -moz-box-sizing:border-box;	font-size: 13px;}.button:hover {    background-color: #ee0000;    cursor: pointer;}</style><script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script><script>$(document).ready(function(){    $(".openBox").click(function(){        var windowName = $(this).attr("name"),            height = ($(window).height() - $('.dialog').outerHeight())/2;        $(".fullScreen").fadeIn("fast");        $("#"+windowName).css("margin-top",height+"px").fadeIn("fast");    });        $(".button").click(function(){        $(".fullScreen, .dialog").fadeOut("fast");    });});    </script><title> Teclas de Atalho </title><script language="JavaScript" src="shortcut.js"></script><script>shortcut.add("CTRL+X",function() {	alert("Bem vindo! você entrará na area restrita...");window.location.href='';}); </script></head><body><h1>Você sabe as teclas secretas...?</h1><div class="fullScreen">	<div class="dialog" id="box1">Esta é a janela 1 com form.<form action="ola_teste.html"><input type="text"><input type="submit" value="enviar"></form>		<a class="button">Ok</a>	</div>	<div class="dialog" id="box2">Esta é a janela 2.		<a class="button">Fechar</a>	</div>	</div></body></html>

Nesse script eu conseguiria colocar no window.location.href="" para me direcionar para uma página após pressionar o atalho do teclado... mas como ficaria para eu poder acessar a div da modal com o form?

 

 

Alguém sabe???

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

No lugar do location.href vc abre o modal.

 

Depende de qual plugin vai usar.

No caso desse teu atual, vc pode forçar um click:

$(".openBox").trigger('click');

Compartilhar este post

Link para o post
Compartilhar em outros sites

wneo    5

wneo
Postado

No lugar do location.href você abre o modal.

 

Depende de qual plugin vai usar.

No caso desse teu atual, você pode forçar um click:

$(".openBox").trigger('click');

Oi william!

 

Então ficaria assim?

<script language="JavaScript" src="shortcut.js"></script>

<script>

shortcut.add("CTRL+X",function()

{

 

$(".openBox").trigger('click');

});

 

</script>

 

Mas o trigger está indicando click...vai funcionar o shotcut key?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não entendi a sua pergunta.

 

Mas sim, a idéia era essa. Funcionou ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

wneo    5

wneo
Postado

Não entendi a sua pergunta.

 

Mas sim, a idéia era essa. Funcionou ?

testei..mas não foi..=/..nenhuma ação foi executada...

 

minha pergunta é em relação a montagem do script que executa o atalho e chama a modal:

 

<script language="JavaScript" src="shortcut.js"></script>

<script>

shortcut.add("CTRL+X",function()

{

$(".openBox").trigger('click');

});

 

</script>

Esse trecho adicionado... $(".openBox").trigger('click');

mas não obtivemos resultado...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito