Preciso que quando uma pessoa clique em determinado botão, seja criado um elemento na página.
Vou explicar o que quero fazer com isso.
Estou criando um botão, e quando é clicado, aparece um
modal-box
(uma espécie de janelinha que abaixa na tela), e dentro desse modal, quero colocar alguns widgets sociais, como facebook, twitter, Google+, etc... Porém preciso que esses widgets sejam carregados somente quando a pessoa clicar nesse botão "compartilhar".
O que preciso é isso.
Um link que ao ser clicado, seja carregado o conteúdo do modal.
Meu código
Botão:
<a href="#compartilhar" data-toggle="modal">Compartilhar</a>
Modal:
<div id="compartilhar" class="modal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<span id="loginModalLabel">Compartilhe!</span>
</div>
<div class="modal-body">
<!-- AQUI IRÁ FICAR O CONTEÚDO CARREGADO /-->
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
</div>
</div>
Obrigado desde já :D
modal
para conteudos diferentes?