есть шапка, левое меню и посередине стоит iframe так вот в одном из пунктов нужно в этом левом меню установить ссылки вида link.php#1 link.php#2 link.php#3, проблема в том что как пeредать их в iframe? что бы по нажатию сразу спускалось вниз туда где будет стоять <a name=1 id=1> ?
вот на этой странице как есть точно также и мне надо, там слева меню и при нажатии спускаеться куда надо но у меня неполучаеться www.penetron.com/en/products.htm
Вот вариант под IE HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Байки из склепа</title> <script type="text/javascript"> function change_frame(src){ document.all.fra1.src=src; } </script> <style type="text/css"> body { font: 10pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } h1 { font-size: 36px; /* Размер шрифта */ margin: 0; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } h2 { margin-top: 0; /* Убираем отступ сверху */ } #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 10px; /* Поля вокруг текста */ } #sidebar { /* Левая колонка */ float: left; /* Обтекание справа */ border: 1px solid #333; /* Параметры рамки вокруг */ width: 20%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ } #content { /* Правая колонка */ margin: 10px 5px 20px 25%; /* Значения отступов */ padding: 5px; /* Поля вокруг текста */ border: 1px solid #333; /* Параметры рамки */ } #footer { /* Нижний блок */ background: #333; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ color: #fff; /* Цвет текста */ } </style> </head> <body> <div id="header"><h1>Байки из склепа</h1></div> <div id="sidebar"> <div><a onClick="change_frame('frm.html#1')" href="#">1</a></div> <div><a href="frm.html#2">2у</a></div> <div><a href="frm.html#3">3</a></div> </div> <div id="content"> <iframe src="" width="100%" height="550" frameborder="0" id="fra1"> </iframe> </div> <div id="footer">© Влад Мержевич</div> </body> </html> А в том примере что вы показали это реализованно на флеше.
вот вариант под все браузеры (сделал один в один как в www.penetron.com/en/products.htm): 1. Файл меню - iframe1.html: Code: <h2> <a href="iframe2.html#1" target="mainFrame">Variant1</a><br> <a href="iframe2.html#2" target="mainFrame">Variant2</a><br> <a href="iframe2.html#3" target="mainFrame">Variant3</a> </h2> 2. Файл с информацией, по которой надо прыгать - iframe2.html: Code: <div id="products"> <h4>Variant1:<b><a name="1" id="1"></a></b></h4> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <br> text1 text1 text1 text1 text1 <h4>Variant2:<b><a name="2" id="2"></a></b></h4> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <br> text2 text2 text2 text2 text2 <h4>Variant3:<b><a name="3" id="3"></a></b></h4> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 <br> text3 text3 text3 text3 text3 </div> 3. index.html - главная, где всё это будет отображаться и работать: Code: <frameset cols="174,*" frameborder="NO" border="0" framespacing="0"> <frame name="leftFrame" noresize scrolling="NO" src="iframe1.html"> <frame name="mainFrame" src="iframe2.html"> </frameset>