Problema AJAX??? Not sure!

fef · #1 (**permalink**) 29/09/2013, 16:23

Hola buenas tardes que tal, soy nueva aca...

Tengo un problema con mi código, no se que falla... cuando lo corro en explorer
funciona, no taaan bien, pero lo hace.. y cuando lo abro en chrome, no hace nada!! ...

Mi problema es en mi menu tanto INICIO, como ACERCA DE y AYUDA, cuando les doy click, no hace nada, no se abren... en explorer si.. y chrome no! No entiendo por que ????

este es mi codigo.. lo trate de poner lo mas entendible posible

__________________________________________________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title> Pratica 5 </title>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="hoja_estilos3.css">
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

<script type="text/javascript">

function carga(pagina){

$.ajax({
url : pagina,
cache : false,
success : function(object,status,response){

$("#principal").html(response.responseText);
}
});
}
</script>
</head>

<body>
<div id="area">
<div id="menu">

<a href="javascript:carga('acerca_de.html')">Inicio</a>
<br>
<a href="javascript:void(0)"
onClick="javascript:carga('mi_pagina4.html')">Acer ca: </a>
<br>
<a href="javascript:void(0)"
onClick="javascript:carga('ayuda.html')">Ayuda</a>

</div>
<div id="principal">

</div>
</div>
</body>

</html>

vesper_metal90 · #2 (**permalink**) 29/09/2013, 21:23

te falto poner algo

Código Javascript:

Ver original<script type="text/javascript">
 
$(function(){
 
function carga(pagina){
 
$.ajax({
url : pagina,
cache : false,
success : function(object,status,response){
 
$("#principal").html(response.responseText);
}
});
}
 
});
</script>
 
o lo puedes hacer asi
 
<script type="text/javascript">
 
  $(document).ready(function(){
     
      function carga(pagina){
 
           $.ajax({
                  url : pagina,
                  cache : false,
                  success : function(object,status,response){
                        $("#principal").html(response.responseText);
                       }
                 });
     }
 
});
 
</script>

Cuando se termine de carga la pagina el $(function) o el $(documet).ready() empezaran a trabajar y podra implementar los metodos ajax ya que eso es de plugin de jquery