JavaScript - Cargar un Html en Otro

 
Vista:

Cargar un Html en Otro

Publicado por alejandra (1 intervención) el 26/02/2015 00:14:13
Hola....

Resulta que tengo un sitio web, en donde me gustaria navegar a traves de mis menus, usando javascript.

mi HTML index tiene masomenos este codigo:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
 
    	$('#productos').click(function() {
        $.ajax({
            url: 'Productos.html',
            success: function(data) {
                $('.contain').html(data);
            }
        });
   	 });
 
<div class="logo">
<div class ="frase">
<div id= "contain">
          <div id="menu">
 
             <div id="productos" href="productos.html"></div>
             <div id="servicios" href="servicios.html"></div>
         </div>
</div>



Y RESULTA QUE EXITOSAMENTE ME SIRVE.. y me manda a mi otro html... teniendo aun el div logo y el div frase de mi index...
pero al momentooo de que me lleva mi otro html, me gustaria que tuviera un boton y ahora me llevara a mi html "SERVICIOS" pero que contenga el mismo logo y la misma frase del index, alguien podria ayudarmeeeeeee?? URGE
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cargar un Html en Otro

Publicado por xve (2100 intervenciones) el 26/02/2015 08:48:07
Hola Alejandra, tal y como veo, la manera mas sencilla que tienes creo que es duplicar la función ajax, no?

algo así:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function(){
    $('#productos').click(function() {
        $.ajax({
            url: 'Productos.html',
            success: function(data) {
                $('.contain').html(data);
            }
        });
    });
    $('#servicios').click(function() {
        $.ajax({
            url: 'Servicios.html',
            success: function(data) {
                $('.contain').html(data);
            }
        });
    });
});

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar