передача a name

Discussion in 'PHP' started by dailik, 20 Sep 2009.

  1. dailik

    dailik New Member

    Joined:
    27 Oct 2008
    Messages:
    94
    Likes Received:
    2
    Reputations:
    0
    есть шапка, левое меню и посередине стоит iframe так вот в одном из пунктов нужно в этом левом меню установить ссылки вида link.php#1 link.php#2 link.php#3, проблема в том что как пeредать их в iframe? что бы по нажатию сразу спускалось вниз туда где будет стоять <a name=1 id=1> ?
     
  2. Gray_Wolf

    Gray_Wolf Active Member

    Joined:
    7 Mar 2009
    Messages:
    377
    Likes Received:
    135
    Reputations:
    10
    Можете пример такой страницы показать?
    Ибо не совсем понятно что требуется сделать...
     
  3. heretic1990

    heretic1990 Elder - Старейшина

    Joined:
    2 Jul 2008
    Messages:
    487
    Likes Received:
    182
    Reputations:
    5
    ну так в линке должно быть id фрейма, и линк откроется в нём!
     
  4. dailik

    dailik New Member

    Joined:
    27 Oct 2008
    Messages:
    94
    Likes Received:
    2
    Reputations:
    0
    вот на этой странице как есть точно также и мне надо, там слева меню и при нажатии спускаеться куда надо но у меня неполучаеться www.penetron.com/en/products.htm
     
  5. dailik

    dailik New Member

    Joined:
    27 Oct 2008
    Messages:
    94
    Likes Received:
    2
    Reputations:
    0
    Pashkela ты где мой спаситель??? :)
     
  6. Gray_Wolf

    Gray_Wolf Active Member

    Joined:
    7 Mar 2009
    Messages:
    377
    Likes Received:
    135
    Reputations:
    10
    Вот вариант под 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">&copy; Влад Мержевич</div>
     </body>
    </html>
    
    А в том примере что вы показали это реализованно на флеше.
     
    #6 Gray_Wolf, 22 Sep 2009
    Last edited: 22 Sep 2009
  7. Pashkela

    Pashkela Динозавр

    Joined:
    10 Jan 2008
    Messages:
    2,750
    Likes Received:
    1,044
    Reputations:
    339
    вот вариант под все браузеры (сделал один в один как в 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>
    
     
    2 people like this.
  8. dailik

    dailik New Member

    Joined:
    27 Oct 2008
    Messages:
    94
    Likes Received:
    2
    Reputations:
    0
    я вас люблю :D:D спасибо большое