За последние 24 часа нас посетили 5632 программиста и 457 роботов. Сейчас ищет 191 программист ...

Якорные ссылки

Тема в разделе "PHP для новичков", создана пользователем Kizer, 18 окт 2018.

  1. Kizer

    Kizer Новичок

    С нами с:
    19 авг 2018
    Сообщения:
    44
    Симпатии:
    0
    Как сделать, ссылку например на <div id='cnt_item4'>Content 4</div> ?
    PHP:
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">  
    5. <script src='http://code.jquery.com/jquery-latest.js'></script>
    6. <!--
    7. <link rel='stylesheet type=text/css href=tmp.css' />
    8. -->
    9. <style type='text/css'>
    10. #news_content > div {
    11.    display: none;
    12. }
    13. #news_content > div.on {
    14.    display: block;
    15. }
    16. </style>
    17. <script type='text/javascript'>
    18. $(function (){
    19.     $('#news input:radio').click(function () {
    20.         var i=$(this).data('content');
    21.         $('#news_content > div.on').removeClass('on');
    22.         $('#cnt_item'+i).addClass('on');
    23.     });
    24.     (function (){
    25.         l = document.news_links.link.length;
    26.         for (i = 0; i < l; i++)    {
    27.             if (document.news_links.link[i].checked){
    28.                 a = i;
    29.             };
    30.         };
    31.     })();
    32. })
    33. </script>
    34. </head>
    35. <body>
    36. <div id="news">
    37.     <div id="news_content">
    38.         <div id='cnt_item1' class='on'>Content 1</div>
    39.         <div id='cnt_item2'>Content 2</div>
    40.         <div id='cnt_item3'>Content 3</div>
    41.         <div id='cnt_item4'>Content 4</div>
    42.         <div id='cnt_item5'>Content 5</div>
    43.     </div>
    44.     <form name="news_links">
    45.         <ul>
    46.             <li><input type="radio" data-content='1' name="link" checked/>1</li>
    47.             <li><input type="radio" data-content='2' name="link" />2</li>
    48.             <li><input type="radio" data-content='3' name="link" />3</li>
    49.             <li><input type="radio" data-content='4' name="link" />4</li>
    50.             <li><input type="radio" data-content='5' name="link" />5</li>
    51.         </ul>
    52.     </form>
    53. </div>
    54. </body>
    55. </html>
     
  2. username

    username Новичок

    С нами с:
    6 июл 2017
    Сообщения:
    225
    Симпатии:
    17
    внутри дива вставить
    Код (Text):
    1. <a name="ssylka"></a>
     
  3. miketomlin

    miketomlin Старожил

    С нами с:
    9 авг 2016
    Сообщения:
    2.680
    Симпатии:
    425
    Добавьте к ссылке #cnt_item4
    --- Добавлено ---
    @username, это что-то древнее.