За последние 24 часа нас посетили 17511 программистов и 1622 робота. Сейчас ищут 1685 программистов ...

Как сделать якорную ссылку на iframe во внутри страницы

Тема в разделе "HTML и CSS", создана пользователем pr0n1x, 19 мар 2015.

  1. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    Здравствуйте.

    У меня есть страница, например http://www.example.com/page/
    На этой страницы находится iframe с довольно большим содержимым.

    Как мне сделать якорную ссылку на этот iframe, чтобы при открытии страницы загружался iframe и переходил на нужный якорь, который находится внутри iframe?

    Делаю вот так http://www.example.com/page/#ahchor10 - не работает

    Как правильно сделать?
     
  2. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    ифрейм-то про анкор знает?
     
  3. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    не понял
     
  4. Ganzal

    Ganzal Суперстар
    Команда форума Модератор

    С нами с:
    15 мар 2007
    Сообщения:
    9.893
    Симпатии:
    965
    src у него какой
     
  5. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
  6. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
  7. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    нет

    какой мне адрес ввести в адресную строку, чтобы открылась страница http://www.example.com/page/ в которой есть iframe, который грузит страницу http://www.example.com/mypage.html и в этом iframe страница прокрутилась до нужного якоря
     
  8. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    открыть страницу http://www.example.com/mypage.html#body и в этой странице прописан тег A с name=body в том месте до куда нужно прокрутить

    пример в одно странице

    Код (PHP):
    1. <!DOCTYPE HTML>
    2. <html>
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title></title>
    6. </head>
    7. <body>
    8.  <iframe src="#body" width="800" height="400"></iframe>
    9. <h1>test1</h1>
    10. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    11.  
    12. <a name="body">
    13. <h1>body</h1>
    14. text, text, text, text, text, text, text, text, text, text, text, 
    15. </body>
    16. </html> 
     
  9. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    это динамическая ссылка должна быть, там таких #body около 50 штук
     
  10. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    ты не контролируешь страницу которую хочешь показать?
     
  11. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    Да, ё-моё, вот http://www.vobu.com.ua/rus/home/kodeks
    слева меню, пощелкай по главам, они переключаются по якорям

    а теперь, какой адрес мне нужно ввести в адресную строку, чтобы во фрейме мне сразу отобразилась "Глава V"?
     
  12. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
  13. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    Так это я знаю, а как добиться такого результата, чтобы так открывалось на этой странице http://www.vobu.com.ua/rus/home/kodeks ?
     
  14. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    http://www.vobu.com.ua/rus/home/kodeks а что это за страница? Просто статичная html или через php обрабатываете?

    Можно по говнокодить и разместить в kodeks этот javascript после iframe или луче до </body>
    тут бы jquery помог, чтобы document ready сделать

    Код (PHP):
    1. <script>
    2. if( hash = window.location.hash.replace("#","") ) {
    3.   document.getElementsByTagName('iframe')[0].src = "http://www.vobu.com.ua/file/pku/pku.html?v1#" + hash;
    4. }
    5. </script>
    после этого можно делать так: http://www.vobu.com.ua/rus/home/kodeks#st12

    iframe лучше присвоить id и по нему его находить в DOM
     
  15. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    Ясно, этот способ тоже видел на других сайтах, видно нормального варианта нет, спасибо!
     
  16. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    pr0n1x а что по твоему нормальный вариант?
     
  17. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
  18. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    pr0n1x а я что тебе предложил? Тут видимо недопонимание что тебе нужно.
     
  19. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    я имею ввиду, чтобы это было реализовано на уровне браузера, а не чтобы на яваскпре писать
     
  20. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    а что javascript это не браузерная реализация?
    если без js нужно, то можно с помощью php

    example.com/index.php?anchor=st11
    с генерирует iframe с src = example.com/test.html#st11
     
  21. pr0n1x

    pr0n1x Активный пользователь

    С нами с:
    30 мар 2006
    Сообщения:
    486
    Симпатии:
    2
    Адрес:
    Киев
    Ладно )))))))))))) спасибо