Ir para conteúdo
joao b silva

como chamar uma janela modal sem uso de link?

Recommended Posts

Existe uma maneira de chamar uma janela modal sem uso de link ou botão? Estou criando uma rotina de abertura de torno e quanao não houver turno aberto preciso chamar uma janela/modal para que o usuári entre comos dados de abertura do turno.

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script>
function abrirTurno(){
	turnoModal.style='width:300;height:200;background:lightgray;margin:0 auto;display:block'}
setInterval(abrirTurno,2000);
</script>

<div style=background:lightblue;width:300>O novo turno começa daqui 2 segundos</div>

<div id=turnoModal style=width:80;display:none>
	<div style='width:200;margin-top:20;margin: 0 auto'>
    <p>Começou o novo turno!</p>
	</div>
</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
<?php
//Se o turno for vazio então abre o modal
//$turno1 ='';
$turno1 ='18:30';
//$turno2 ='1';
//Se qualquer um do turno for vazio abre o modal, ambos não podem esta vazio
//if(empty($turno1 AND $turno2)) {
if(empty($turno1)) {
	$Ativar = 'False';
}else{
	$Ativar = 'True';
}
?>  
  
<script>
function abreModal() {
  $("#<?= $Ativar; ?>").modal({
    show: true
  });
}

setTimeout(abreModal, 1000);

</script>

<div id="True" class="modal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
  <form id="post">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Abertura de turno</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
	  <label>Turno 1</label>
        <input name="turno1" type="time" required>
		<label>Turno 2</label>
		<input name="turno2" type="time" required>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary">Salvar</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Sair</button>
      </div>
    </div>
	</form>
  </div>
</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Apesar de considerar a ação de acionar tal artifício sem um caso específico que o usuário tenha influenciado veja isso:

https://github.com/Spell-Master/sm-web/tree/master/javascript/ModalShow

Para abrir o modal use o método open mesmo sem que um botão chame a função:

https://github.com/Spell-Master/sm-web/tree/master/javascript/ModalShow

Verás também mais métodos para afins do modal....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×

Informação importante

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