загрузить iframe и сбросить местоположение документа одновременно

0

загрузить iFrame и восстановить местоположение документа одновременно

Привет, я делаю видео-альбом для подарка DVD для членов семьи. Видео будет отображаться в iFrame, подобном Youtubes, с миниатюрами ниже, представляющими различные видео.

Я загрузил видео в iFrame правильно, но я не могу заставить функцию onclick работать более одного раза, чтобы вернуть iframe в позицию просмотра, когда я дойду до нижних рядов миниатюр видео.

Я очень новичок в использовании javascript и не могу понять, как сделать оба события в одно и то же время, загрузить новое видео и вернуть iframe в исходное положение просмотра.

Здесь код, который я использую, чтобы изменить рамки, которые работают безупречно.

<script type="text/javascript">
function loadsource() 
{ 
var defaultPage = "../vpages/video.htm";
   var query = window.location.search.substring(1);
   var pos = query.indexOf('=');
   if (pos > 0) 
   {
      var frameSource = query.substring(pos+1);
      window.frames["frameBox"].location = frameSource;
   }
   else
   {
      window.frames["frameBox"].location = defaultPage;
   }
}
</script>

<body onload="loadsource()"/><iframe id="frameBox" name="frameBox" 
class="aligncenter" width="600" height="338" frameborder="0" scrolling="no">

Здесь код, который я пытался использовать с функцией href on click, которая работает безупречно (только один раз на загрузку страницы), что мне нужно как-то работать с исходным кодом загрузки фреймов.

<script type="text/javascript">
   function toFrame(){
       document.location=document.location+'#videotop';
    }
frameBox.onload=toFrame();
</script>

<a href="../vpages/video-21.htm" target="frameBox" onclick="return toFrame();">

описание здесь

Я знаю, что для кого-то, кто знает, что они делают с javascript, должно быть очень легко, но для меня в это время это очень неприятно, поскольку у меня еще недостаточно знаний для создания собственных скриптов и не удалось успешно выйти замуж за код в один скрипт или выяснить, как обойти проблему onclick.

Помогите! Как поместить функцию определения местоположения в функцию onload и обойти проблему onclick и вернуть окно iFrame обратно в видимую часть экрана при загрузке?

Спасибо за любую помощь, которую вы можете предоставить.

  • 0
    У вас есть ссылка на страницу?
Теги:
javascript-events
iframe

1 ответ

0
Лучший ответ

Я не уверен, правильно ли я понимаю, но то, что я получил, это:

У вас есть страница с iframe в верхней части. Существует много ссылок, идущих вниз;

Если кто-то нажимает на один из них, выбранное видео загружается в iframe

<a href="..." target="framebox" onclick="return toFrame();">

Кроме того, есть onclick который вызовет toFrame() чтобы "прокрутить" страницу назад. Я думаю, если вы просто разместите якорь, как

<a name="topOfPage" id="topOfPage" />

перед вашим iframe и измените функцию toFrame(), которая будет

function toFrame(){
    location.hash = "#topOfPage";
}

Он должен всегда прокручиваться туда.

EDIT:

Хорошо, я снова посмотрел на него, воссоздал его в html файлах и нашел для меня следующее:

function toFrame() {
    location.hash = '';
    location.hash = '#videotop';
}

Кажется, важно сбросить местоположение до пустого, иначе оно не будет прокручиваться. Теперь ты рад :) (надеюсь, это сработает для тебя)

Поделиться
  • 0
    @ Джеффри Бурдетт (у меня нет ссылки на страницу, она создается локально для использования на DVD, как говорится в первоначальном вопросе.)
  • 0
    @Palatiner Исходный вопрос также показывает привязку #videotop в функции toFrame (), и, насколько я могу судить, "location.hash =" #topOfPage "; в основном делает то же самое, что и оригинальное кодирование toFrame () функция, поэтому, делая предложенное изменение, проблема onclick сохраняется и моя дилемма сохраняется. Основная проблема заключается в том, что onclick, независимо от того, как я его кодирую, прокручивает страницу обратно на якорь только при первом нажатии на любую из группы связанных миниатюр изображений.
Показать ещё 9 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню