2016-09-29 2 views
-3

У меня на моей домашней странице куча выпадающих на картинках и у меня есть страница под названием ссылка с IFRAME, им с помощью WordPress и визуального композитора плагина, все ссылки в VC текстового блокаIframe Перекачка

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

Главная: http://www.corebusinesssa.co.za/Test/

Ссылки Страница: http://www.corebusinesssa.co.za/Test/links

ответ

0

Чтобы изменить содержание в IFRAME, вы можете вам следующее.

Ваш IFrame:

<div class="my-iframe"> 
     <iframe id="my_iframe_id" width="100%" height="1080" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0" 
      src="http://my.site.com/onething/otherthing"> 
     </iframe> 
    </div> 

и вы можете обновить URL с

<script> 
     function updateIframeSrc(newSrc) { 
      document.getElementById("my_iframe_id").src = newSrc; 
     } 
</script> 

Итак, вам просто нужно позвонить updateIframeSrc(...) с новым URL при нажатии на какой-то элемент, который вы хотите.

Надеется, что это может помочь вам;)

EDIT: Добавьте код, чтобы ответить на комментарии

быстрого и грязный способ отправки параметров через URL является, чтобы добавить его внутри вы HREF. Вы можете сделать это лучше, если вы хотите;)

<a href="http://www.corebusinesssa.co.za/Test/links?urlsrc=http://my.site.com/onething/otherthing" target="_blank">click here</a> 

Тогда вам просто необходимо объявить предыдущую функцию updateIframeSrc(...) и вызвать его, когда вы прибудете на целевой странице.

Чтобы узнать, как получить urlscr параметров из вашего URL, вы можете обратиться к следующему сообщению: How to get the value from the GET parameters?

+0

я попытался это ЯШ: функция setURL (URL) { document.getElementById ('iframe2'). src = url; } HTML: Varicam визуальный композитор текстовый блок, кажется, чтобы удалить его:/ – Coolguy6318

+0

Если вы пишете это, клик по HREF переместит вас на новую страницу "/Тест/ссылки». Попробуйте поставить простой «#» в ваш href. Или, я думаю, лучше, просто поместите пролет с «зависающим» стилем. На самом деле, здесь вам не нужно идти на другую страницу, вы просто хотите загрузить новый контент на iframe. –

+0

Я хочу ссылки на домашнюю страницу, чтобы перейти на новую страницу ссылок, а затем обновить iframe на этой странице ye, ссылки и iframe находятся на двух разных страницах. – Coolguy6318

Смежные вопросы