Ajax - duda para utilizarlo

[ars1993]

Buenas, tengo un menú hecho de la siguiente manera:

HTML:

Código [Seleccionar] Expandir


<div class = "navigation">
<ul>
<li>
<a href = "#"><h2>opcion1</h2></a>
</li>

<li>
<a href = "#"><h2>opcion2</h2></a>
</li>
       </ul>
</div>


y me gustaria que cuando pulse sobre "opcion1" o "opcion2" me cargue con ajax lo que seria el div central de la página. El contenido que quiero en ese div central, lo tengo en dos ficheros.php (se cargará uno u otro dependiendo de la opcion que haya clicado el usuario).

Alguien me puede hechar una mano con esto? gracias!

[engel lex]

busca sobre jquery, seguro te ayuda mucho ya que tienes metodos implantados para el uso de ajax

[EFEX]

javascript estandar.
https://developer.mozilla.org/es/docs/AJAX

Utilizando la libreria jquery.
http://api.jquery.com/jquery.ajax/
http://api.jquery.com/category/ajax/

[ars1993]

Quizá no me he expresado bien, pero mi problema es que no me funciona. Mejor pongo el código que tengo aver si alguien detecta algun problema:

HTML:

Código [Seleccionar] Expandir


<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
...
...
<div class = "navigation">
<ul>
<li id = "els_musics">
<a href = "#"><h2>L'orquestra</h2></a>
<p>Descobreix qui som</p>
</li>

<li>
<a href = "#"><h2>Informació</h2></a>
<p>Aprèn coses noves</p>
</li>
       </ul>
</div>

...
...
<div class = "contingut">
</div>


javascript:

Código [Seleccionar] Expandir


$(document).ready(function(){
$("#els_musics").click(function(){
$("#contingut").load('els_musics.php #contingut');
});
});


els_musics.php

Código [Seleccionar] Expandir


<div class = "contingut">
.......
....
.....
</div>



Muchas gracias!

[EFEX]

Código (javascript) [Seleccionar] Expandir


$(document).ready(function(){
$("#els_musics").click(function(){
$(".contingut").load("els_musics.php");
});
});

La propiedad class se denota como en css con un '.' y la propiedad id como '#'.

[Nakatsukasa Itero]

incluso para este tipo de como usarlo puedes usar las bases de librosweb librosweb.es, está muy faiil de entender, pero debes de tener cuidado con no se si es el navegador o que, mira que realizando una aplicación web, me topé con la necesidad de validar si un formulario está vacío o no y más adelante usar ajax  para iniciar sesión sin necesitar ir a otra página y regrear a donde mismo (coas que con php me viene raro pero funciona transparente....) el caso es que tengo un script externo que importo a mi html, y todo bien, cuando hago una variable de las función o calse que está en el archivo, todo el resto de script deja de funcionar, inclsuo cuando hago un var x=new nuevo ajax(); todo lo que está abajao de este script dentor de las etiquetas script deja de funcionar:

ejemplo:

Código [Seleccionar] Expandir

<script src="js/funciones_ajax.js"></script>
        <script>
            function aja(){}
            alert("jeje");
        </script>

funciona perfecto, correcto no pasa nada más que por el momento mostrar la alerta de "jeje", pero cuando pongo algo así:

Código [Seleccionar] Expandir


<script src="js/funciones_ajax.js"></script>
        <script>
alert("jaja");
var mio=new nuevoAjax();
            function aja(){}
            alert("jeje");
        </script>

solo funciona la alaerta "jaja", pero todo lo demás no funciona  , alguna idea de qué es lo que puede suceder... tengo un mes intentando hacer que funcione una ndemoniada variable y NO, no pasa jamás nada

¿ya no se que hacer alguien tiene una idea del por qué?

uso NetBeans, notepada++, eclipse, nvu, no me importa el ide (tengo muchos proyectoss en los que uso javascript y me funcionana, copié el codigo exactamente con las mismas variables y funciones y no+ no).

quiero implementar jquery y muchos scripts de calendarios pero si ni siquiera puedo hacer una variable, como se supone que pueda hacer lo demás.

[EFEX]

¿ya no se que hacer alguien tiene una idea del por qué?

Debe haber un error cuando llamas la funcion nuevoAjax()..

[Nakatsukasa Itero]

Debe haber un error cuando llamas la funcion nuevoAjax()..

Estuve revisando y nada , incluso si en el script externo pongo solo

Código [Seleccionar] Expandir

function hola(){alert("olaaaa");} y luego lo llamo (creo una instancia)

Código [Seleccionar] Expandir

var externo=new hola();
A partir de esta linea (hasta que se acaba la etiqueta script del codigo html) el código deja de funcionar, no se crea, etc, que  sé, probé en las computadoras de la escuela y me pasa lo mismo, comprobé el código en la compu de un compañero de clase y escribiendo el código tal cual, a él si le funciona y a mi no... (pero el code es el mismo, incluso, le paso mi código y no funciona, aún y cuando pasamos un diff y es exactamente igual   )

necesito una limpia y cazar brujas y eliminar envidias.... . gracias de todos modo me resginaré (al menos en este proyecto) a usar PHP+MYSQL+HTML-JS