Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   передача a name (https://forum.antichat.xyz/showthread.php?t=142472)

dailik 20.09.2009 06:43

передача a name
 
есть шапка, левое меню и посередине стоит iframe так вот в одном из пунктов нужно в этом левом меню установить ссылки вида link.php#1 link.php#2 link.php#3, проблема в том что как пeредать их в iframe? что бы по нажатию сразу спускалось вниз туда где будет стоять <a name=1 id=1> ?

Gray_Wolf 20.09.2009 10:33

Можете пример такой страницы показать?
Ибо не совсем понятно что требуется сделать...

heretic1990 20.09.2009 11:23

ну так в линке должно быть id фрейма, и линк откроется в нём!

dailik 21.09.2009 21:31

вот на этой странице как есть точно также и мне надо, там слева меню и при нажатии спускаеться куда надо но у меня неполучаеться www.penetron.com/en/products.htm

dailik 21.09.2009 22:05

Pashkela ты где мой спаситель??? :)

Gray_Wolf 22.09.2009 10:16

Вот вариант под 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"></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">&copy; Влад Мержевич</div>
 </body>
</html>

А в том примере что вы показали это реализованно на флеше.

Pashkela 22.09.2009 12:05

вот вариант под все браузеры (сделал один в один как в www.penetron.com/en/products.htm):

1. Файл меню - iframe1.html:
Код:

<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:
Код:

<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 - главная, где всё это будет отображаться и работать:
Код:

<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>


dailik 23.09.2009 21:35

я вас люблю :D:D спасибо большое


Время: 14:36