Ir para conteúdo

POWERED BY:

Arquivado

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

jmarcos_oliveira

aviso modal ao abrir pagina

Por , em Desenvolvimento frontend

Recommended Posts

jmarcos_oliveira    0

jmarcos_oliveira
Postado

pessoal, preciso muito de ajuda... nao sou expert, infelizmente... tenho esse site www.ineclub.com.br e  coloquei um aviso modal para abrir assim que a pagina seja carregada...mas nao abre o aviso de jeito nenhum e deve ser erro meu em alguma parte...como sou tosquinho na programacao, nao sei o que fazer...tem como dar uma ajuda...é so um aviso que preciso que abra....bem na real que queria muito fazer igualzinho tem nesse site do imaster aqui, que fica uma barra lá no rodape da pagina pedindo pra pessoa aceitar... se algum ser bondoso puder me ajudar, agradeço...

Compartilhar este post

Link para o post
Compartilhar em outros sites

kim.y    11

kim.y
Postado

Utilizando bootstrap e jquery seria isso:

 

Spoiler 

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <title>Bootstrap Modal Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Modal Example</h2>

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Modal Header</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>
  
</div>

<script>
    $('#myModal').modal('show'); 
</script>
  
</body>
</html>

 

 

Compartilhar este post

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

Informação importante

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

  Aceito