Скрипт для динамического изменения источника тега iframe - PullRequest
Новая
       3

Скрипт для динамического изменения источника тега iframe

0 голосов
/ 23 ноября 2011

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

<html>
  <head>
    <title>
    </title>

    <style type="text/css">
      #content {
        margin-right:30%;
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid #000;
        margin-left: 17%;
        background-repeat: no-repeat;
        width: 686;
        height: 640;
      }
    </style>

    <script type="text/javascript">

      function hyperlinkChanger(hyperLink) 
      {

        switch (hyperLink)
        {

          case "home":
            var url="home.html";
            return url;
            break;

          case "about_Us":
            var url="about_us.html";
            return url;

            break;

          case "contact_Us:
            var url="contact_us.html";
            return url;

            break;
        }
      }
    </script>
  </head>
  <body>
    <a href="home.html" name="home" onClick="hyperlinkChanger('home')">Home</a>
    <br />
    <a href="about_us.html" name="about_Us" onClick="hyperlinkChanger('about_Us')">About Us</a>
    <br />
    <a href="contact_us.html" name="contact_Us" onClick="hyperlinkChanger('contact_Us')">Contact us</a>
    <br />

    <div name="content">
      <!--please help me write a method to call the output of the funcion hyperlinkChanger-->
      <iframe src="hyprlink function" width="600" height="300">
      </iframe>
    </div>
  </body>
</html>

Ответы [ 2 ]

0 голосов
/ 23 ноября 2011

Без JavaScript: 

<html>
<body>
    <iframe id="foo"></iframe>
    <a href="/5823584/skript-dlya-dinamicheskogo-izmeneniya-istochnika-tega-iframe" target="foo">This page</a>
</body>
</html>

Вы можете настроить таргетинг на локальные или внешние ссылки.Обратите внимание, что в этом примере javascript, работающий в режиме переполнения стека, обнаруживает, что его страница загружается в iframe, и выдает уведомление пользователю.Некоторые сайты этого не делают.Существуют даже методы, позволяющие определить, загружается ли ваша страница в iframe, и вместо этого перенаправить родительскую страницу прямо на ваш сайт.Если все, что вы делаете, это загружаете свои собственные страницы, вам не нужно об этом беспокоиться.

0 голосов
/ 23 ноября 2011

Прежде всего, зачем делать это с JAVASCRIPT?Вы можете просто использовать атрибут target для элемента a!

Но если вам нужно использовать javascript, сделайте что-то вроде этого: декларируйте var url = '';перед оператором switch Удалите возвращаемые из вас случаи переключения. An после оператора switch добавьте: $ ('iframe'). attr ('src', url);

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...