Javascript-форум - помогите начинающему. Код легкий)

Javascript-форум (https://javascript.ru/forum/)

- Ваши сайты и скрипты (https://javascript.ru/forum/project/)

- - помогите начинающему. Код легкий) (https://javascript.ru/forum/project/60597-pomogite-nachinayushhemu-kod-legkijj.html)

помогите начинающему. Код легкий)

Всем привет :)
Помогите реализовать задуманную идею.

Увидел интересную идею вот на этом сайте (beeg.com !!Это не реклама просто хочу показать суть моей проблемы. ) На этом сайте отлично сделали возможность просмотров видео,сразу же на этой странице, то-есть при щелчке на картинку ,тут ЖЕ открывается проигрыватель и можно смотреть видос.
В общем я хочу эту идею сплагиатить на свой сайт. Вот мой код :

<body>

<div id="parentElement" style="max-width: 1000px " >

<div><button id="close" onClick="foo()">
<img type="button" src="mazda.jpg" width="150 px" height="100px"></div></button>
//таких дивов с картинкой (в которых iframe с видео)много на странице.

<button id="clos" onClick="dels()" >close video</button>

</body>

Теперь скрипт:

function foo() {
// Получаем ссылку на элемент в который мы хотим добавить новый элемент
var parentElement = document.getElementById('parentElement');
// Получаем ссылку на первый дочерний элемент
var theFirstChild = parentElement.firstChild;

// Создаем новый элемент, который будем добавлять
var elem = document.createElement("if");
elem.innerHTML = '<iframe src="тут ссылка на видео" width=510 height=400 scrolling=no id="ass" "></iframe>';

// Вставляем новый элемент перед первым дочерним элементом
parentElement.insertBefore(elem, theFirstChild);

function dels() {
var image_x = document.getElementById('ass');
image_x.parentNode.removeChild(image_x);

}

Проблема в следующем,обьект создаеться и открываеть (тоесть iframe с видео) после третьего diva, а нужно что б видео открывалось над картинкой как это реализовано на том сайте.

Прошу помощи,и p.s JS я только начал изучать.
У кого есть идеи,внимательно слушаю):)

Посмотри как я это реализовал на своём сайте. Просто со скрипта меняю src. Страницу с диафильмами посмотри. Да почти на всех страницах есть. Хотя бы на главной включить клип. <iframe src="тут ссылка на видео" width=510 height=400 scrolling=no id="ass" "></iframe>'; Этого достаточно. document.all.ass.src=(новый адрес)

Адрес моего сайта http://clecar.ru/

Да внимательней прочитал тебе нужно чтобы и картинка осталась и видео появилось рядом. Тогда присваивай новый id и задавай координаты.

задавай координаты ? Что за координаты,как называються скажи,я прочту про них...???

Здравствуйте! Извиняюсь что не по теме пишу, я тут совсем новичок так что не судите строго, не знаю куда писать точно! У меня такой вопрос кто может помогите пожалуйста! Вот пример, есть форма регистрации в неё клиент вводит свои данные, вот как сделать так что когда он уже зашел в кабинет после регистрации данные которые он вводил при регистрации уже были автоматически заполнены в его кабинете к примеру его ИМЯ, ФАМИЛИЯ, ТЕЛЕФОН, СТРАНА, СКАЙП И Т.д чтоб мне и ему не пришлось самолично это вводить, как такое реализовать?

php + mysql тебе в помощь.
Или сам читаешь и учишься, или на фри ланс ищи человека который за доп.плату тебе это сделает.

.video {
   cursor: pointer;
   height: 100px;
   width: 150px;
}
.videobox iframe {
   border: none;
   height: 480px;
   width: 640px;
}

<div class="videobox"></div>

<img class="video" data-video="ссылка на видео 1" src="img-1.jpg">
<img class="video" data-video="ссылка на видео 2" src="img-2.jpg">
<img class="video" data-video="ссылка на видео 3" src="img-3.jpg">
<img class="video" data-video="ссылка на видео 4" src="img-4.jpg">
<img class="video" data-video="ссылка на видео 5" src="img-5.jpg">

window.addEventListener('DOMContentLoaded', function() {
    var box = document.querySelector('.videobox'),
        i, videos = document.querySelectorAll('.video');

    function createFrame() {
        var frame = document.createElement('frame');
        frame.name = 'video_' + Date.now();
        frame.scrolling = 'no';
        frame.src = this.dataset.video;
        if(box.firstChild) {
            box.removeChild(box.firstChild);
        }
        box.appendChild(frame);
    };

    for(i = 0; i < videos.length; i++) {
        videos[i].onclick = createFrame;
    }
});

Это для меня вы написали?

Но вот где именно читать а точнее что именно ведь там очень много всего и жизни не хватит что все это изучить, мне вот только интересует конкретная вещь не более