Menu con iframes

juanmata · #1 (**permalink**) 07/01/2011, 15:36

Necesito saber como poner un Menu en la página principal y que al dar clic en una opcion del menu me muestre el contenido en un iframe, es decir que al seleccionar una opcion del menú me muestre el contenido de un iframe

maycolalvarez · #2 (**permalink**) 07/01/2011, 18:22

simple:

con un link: <a target="name_iframe" href="url" ... >..</a>

con js: window.open('url','name_iframe');

juanmata · #3 (**permalink**) 07/01/2011, 19:04

Cita:

Iniciado por maycolalvarez

simple:

con un link: <a target="name_iframe" href="url" ... >..</a>

con js: window.open('url','name_iframe');

y como lo pondria poner aqui yo se que en append puedo poner cualquier link quiero que el iframe se despliege en esa misma pagina

1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2.
<html>
3.
<head>
4.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5.
<script src="jquery-1.4.2.js"></script>
6.
<script>
7.
$(function(){
8.
$("#op1").click(function(){
9.
$("#menu ul").hide();
10.
$("#menu ul").empty();
11.
$("#menu ul").append("<li>Opcion 1.1</li>");
12.
$("#menu ul").append("<li>Opcion 1.2</li>");
13.
$("#menu ul").append("<li>Opcion 1.3</li>");
14.
$("#menu ul").append("<li>Opcion 1.4</li>");
15.
$("#menu ul").show('slow');
16.
})
17.

18.
$("#op2").click(function(){
19.
$("#menu ul").hide();
20.
$("#menu ul").empty();
21.
$("#menu ul").append("<li>Opcion 2.1</li>");
22.
$("#menu ul").append("<li>Opcion 2.2</li>");
23.
$("#menu ul").append("<li>Opcion 2.3</li>");
24.
$("#menu ul").append("<li>Opcion 2.4</li>");
25.
$("#menu ul").show('slow');
26.
})
27.

28.
$("#op3").click(function(){
29.
$("#menu ul").hide();
30.
$("#menu ul").empty();
31.
$("#menu ul").append("<li><iframe src="www.gethunder.com">Opcion 3.1</iframe></li>");
32.
$("#menu ul").append("<li>Opcion 3.2</li>");
33.
$("#menu ul").append("<li>Opcion 3.3</li>");
34.
$("#menu ul").append("<li>Opcion 3.4</li>");
35.
$("#menu ul").show('slow');
36.
})
37.
})
38.
</script>
39.
<style>
40.

45.
</style>
46.

47.
</head>
48.

49.
<body>
50.
<table width="500">
51.
<tr>
52.
<td><a href="javascript:void(0)" id="op1">Opcion 1</a></td>
53.
<td><a href="javascript:void(0)" id="op2">Opcion 2</a></td>
54.

juanmata · #4 (**permalink**) 07/01/2011, 19:06

Cita:

Iniciado por juanmata

y como lo pondria poner aqui yo se que en append puedo poner cualquier link quiero que el iframe se despliege en esa misma pagina

1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2.
<html>
3.
<head>
4.
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
5.
<script src="jquery-1.4.2.js"></script>
6.
<script>
7.
$(function(){
8.
$("#op1").click(function(){
9.
$("#menu ul").hide();
10.
$("#menu ul").empty();
11.
$("#menu ul").append("<li>Opcion 1.1</li>");
12.
$("#menu ul").append("<li>Opcion 1.2</li>");
13.
$("#menu ul").append("<li>Opcion 1.3</li>");
14.
$("#menu ul").append("<li>Opcion 1.4</li>");
15.
$("#menu ul").show('slow');
16.
})
17.

18.
$("#op2").click(function(){
19.
$("#menu ul").hide();
20.
$("#menu ul").empty();
21.
$("#menu ul").append("<li>Opcion 2.1</li>");
22.
$("#menu ul").append("<li>Opcion 2.2</li>");
23.
$("#menu ul").append("<li>Opcion 2.3</li>");
24.
$("#menu ul").append("<li>Opcion 2.4</li>");
25.
$("#menu ul").show('slow');
26.
})
27.

28.
$("#op3").click(function(){
29.
$("#menu ul").hide();
30.
$("#menu ul").empty();
31.
$("#menu ul").append("<li><iframe src="www.gethunder.com">Opcion 3.1</iframe></li>");
32.
$("#menu ul").append("<li>Opcion 3.2</li>");
33.
$("#menu ul").append("<li>Opcion 3.3</li>");
34.
$("#menu ul").append("<li>Opcion 3.4</li>");
35.
$("#menu ul").show('slow');
36.
})
37.
})
38.
</script>
39.
<style>
40.

45.
</style>
46.

47.
</head>
48.

49.
<body>
50.
<table width="500">
51.
<tr>
52.
<td><a href="javascript:void(0)" id="op1">Opcion 1</a></td>
53.
<td><a href="javascript:void(0)" id="op2">Opcion 2</a></td>
54.

Si se fija ahi tengo un iframe que puse pero si lo pongo asi no me funciona ningun menu