Jump to content

modal bootstrap


pessantiago
 Share

Recommended Posts

boas estou a tentar abrir um modal de uma outra pagina mas não em esta a fazer nada

tenho uma datatables e ao clicar no elemento abre uma modal com o resto de informação.

esta função recebe o id o elemento que quero procurar




               <div id="Content"></div>  
<script>
function load(id){
  $("#Content").load("../temp/tst.php?id="+id +""); 
('#myModal').modal('show') ;

}
</script>

na pagina tst.php tenho este codigo e não me esta abrir os caminhos estao certos

<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"></button>
	  <h4 class="modal-title"></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>

a ideia depois é no file tst.php popular do modal com informação mais completa

Link to comment
Share on other sites

Colocaste o CSS da modal na página?

Estás a usar jQuery?

Falta-te o $ na segunda linha do Javascript.

Edited by KTachyon

“There are two ways of constructing a software design: One way is to make it so simple that there are obviously no deficiencies, and the other way is to make it so complicated that there are no obvious deficiencies. The first method is far more difficult.”

-- Tony Hoare

Link to comment
Share on other sites

tinha de ter o html do modal na mesma pagina (bootstrap modal).

depois para chamar o modal e carregar os dados de outra pagina fiz assim por jquery

   $.ajax({
		   method: "GET",
		   url: "../info/info.php",
			 data: { id: id},
			   success: function (data) {  
				  $("#conteudoModal").html(data);
				   document.getElementById("show").style.display = "";	
		    }

	    });
		 $('#detalhes').modal('show');
};
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.