Как обновить 2 фрейма одной ссылкой / кнопкой, используя html / js

Question

Я новичок здесь и хотел бы узнать, как обновить 2 разных фрейма на одной странице.

Я нашел что-то в Google, используя getElemenById. Но он должен работать в Firefox и Firefox имеет некоторые проблемы с идентификаторами.

спасибо заранее.

<form action="managecartform.html" onclick="deleteAllCookies();"><button type="submit" >Empty cart</button></form>

Answer 1

Firefox не имеет проблем с идентификаторами - в 99% случаев это происходит потому, что у вас либо пропущен идентификатор, либо вы дублировали идентификатор.

идентификаторы должны быть уникальными во всем документе.

, чтобы ответить на ваш вопрос, хотя:

<iframe id="frame1"></iframe>
<iframe id="frame2"></iframe>

<input type="button" onclick="refreshFrames()" value="refresh frames" />

<script type="text/javascript">
     function refreshFrames(){
          frame1 = document.getElementById('frame1');
          frame2 = document.getElementById('frame2');
          if(frame1.contentDocument){
              frame1.contentDocument.location.reload(true);
              frame2.contentDocument.location.reload(true);
          } else {
              frame1.contentWindow.location.reload(true);
              frame2.contentWindow.location.reload(true);
          }
     }
</script>

(Для IE может потребоваться использовать contentWindow вместо contentDocument в зависимости отв версии IE, которую вы пытаетесь поддерживать)

Answer 2

Как ваша форма связана с iframes?

Вы имеете в виду это?Загрузить управляющую карту в один кадр, а затем перезагрузить другой?

<form action="managecartform.html" target="iframe1" 
onsubmit="deleteAllCookies(); window.frames[0].location.reload(1);">
<input type="submit" value="Empty cart"/>
</form>
<iframe name="iframe0"></iframe>
<iframe name="iframe1"></iframe>