GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Javascript - Como adicionar um evento de forma dinâmica a um botão?

javascript
Tags: #<Tag:0x00007f6538a925f0>
#1

tentei assim mas não funciona :confused:

document.getElementById(‘modal_btn’).className = ‘onClick="window.location.replace(’/login’)"’

0 Likes

#2
var botao = document.getElementById('seuBotao');

botao.addEventListener('onclick', function(event) {
	window.location.replace('/login');
});
0 Likes

#3

só tem dessa forma? pq tipo eu tenho uma modal que eu utilizo para vários tratamentos de erros. e pra não sair duplicando eu mudo o o html…
ex:

	document.getElementById('modal_titulo').innerHTML = 'O usuário não está associado a uma empresa.'
	document.getElementById('modal_titulo_div').className = 'modal-header text-danger'
	document.getElementById('modal_conteudo').innerHTML = '<strong>Verifique com o administrador do sistema!</strong>'
	document.getElementById('modal_btn').innerHTML = 'Voltar'
	document.getElementById('modal_btn').className = 'btn btn-danger'

    <!-- Início do Modal -->
        <div class="modal fade" id="exibirmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div id="modal_titulo_div">
                <h5 class="modal-title" id="modal_titulo"></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body" id="modal_conteudo"></div>
              <div class="modal-footer">
                <button type="button"  data-dismiss="modal" id="modal_btn">Voltar</button>
              </div>
            </div>
          </div>
        </div>
        <!-- Fim do Modal -->
0 Likes

#4

Essa é uma forma, outra pode ser assim:

document.getElementById('modal_btn').onclick = function() {
	alert('ok');
}

Mas acho que dá na mesma.

Quais situações vc pretende ter nessa modal? Como vc faz para chamar ela na tela?

1 Like

#5

Funcionou!!
é ao click de um botão.
vlw man! abraços!!

0 Likes