Пожалуйста, посмотри на This LinkПоказать выпадающее меню для выбора содержимого в IFRAME
Вы увидите выпадающее меню, которое дает вам возможность показать одну из 7 доступных видео-отзывов в IFRAME.
Обратите внимание: в настоящее время, когда вы не делаете выбор, отображается стандартная фотография, показывающая людей, идущих по «устной дорожке».
Если кто-то не делает выбор, поэтому выпадающий список «maak hier je keuze», я хотел бы, чтобы настоящее изображение автоматически было заменено одним из 7 видео-отзывов таким образом, чтобы каждый день недели автоматически в одном iframe отображается один из 7 видеороликов.
Заранее благодарим за помощь. Ждем вашего ответа.
================================================================================================================================== ===================
код я использовал до сих пор ниже:
function setIframeSource() {
var theSelect = document.getElementById('location');
var theIframe = document.getElementById('myIframe');
var theUrl;
theUrl = theSelect.options[theSelect.selectedIndex].value;
theIframe.src = theUrl;
}
div { \t \t \t \t \t
\t font-family: Verdana;
\t padding: 0px;
\t border: 0px solid #000000; \t \t
}
.txt3 {
\t font-weight: normal;
\t font-size: 100%;
\t font-weight: bold;
\t font-family: Verdana; \t
}
.txt4 {
\t font-weight: normal;
\t font-size: 100%;
\t font-weight: bold;
\t font-family: Verdana; \t
\t margin-top: 2px; \t \t
\t margin-left: 0px;
\t color:#000000;
\t border: 2px solid #BC401E;
}
<form id="form1" method="post">
\t <label class="txt3"> De video-testimonial van: <select class="txt4" id="location" onchange="setIframeSource()">
\t \t <option value="http://www.alumnei.nl/images/learninglane.jpg">... maak hier je keuze ...</option>
\t \t <option value="https://www.youtube.com/embed/tP4i7CiMHh4">Monique van Neutegem</option>
\t \t <option value="https://www.youtube.com/embed/Bx5Np1wIXYs">Marjon Heintjes</option>
\t \t <option value="https://www.youtube.com/embed/J-NChlqVAgY">Els de Groot</option>
\t \t <option value="https://www.youtube.com/embed/r_UB0rTH7SA">Arthur Alferink</option>
\t \t <option value="https://www.youtube.com/embed/t66K_g-fkFY">Monique Fortuin</option>
\t \t <option value="https://www.youtube.com/embed/8DC-3DiVL4A">Erna Slangen</option>
\t \t <option value="https://www.youtube.com/embed/8Gvu_lgZZAM">Stephanie de Witte</option>
\t </select></label>
</form>
<br><br>
<iframe id="myIframe" src="http://www.alumnei.nl/images/learninglane.jpg" frameborder="0" marginwidth="0" marginheight="0" width="580" height="400" allowfullscreen scrolling="no"></iframe>
Я быстро проверил свое решение. Он частично выполняет то, что ему нужно делать. В iframe сразу отображается конкретная видео-рекомендация на сегодня, и это нормально. Однако, когда я выбираю один из других видео-отзывов из выпадающего меню, уже присутствующий видео-отзыв, остается и не заменяется выбранным видео-отзывом. С надеждой на любое предложение по его устранению. –
hi KNVB, Вы проделали отличную работу. Теперь он отлично работает !!! Большое спасибо. Я должен тебе пиво (хотя я сам не пью алкоголь ;-)) –
Просто дайте мне галочку 8) –