Вывод содержимого в div по клику с параметрами, как правильно?

Question

[666Wolf666]

Добрый день! Проблема следующая:
Есть плагин на WP (Писал сам) выводит портфолио, но сейчас нужно, что бы при клике на блок выводился блок в котором будет содержатся сайт.

function wsp_view($sites, $col){ // фурмируем вывод 
	?><div class="wsp_main"><?php
		foreach ($sites as $post) : // начало вывода 
			$id_post = $post->ID;
			$wsp_url= get_post_meta($id_post, 'wsp_url_site', true); // URL-сайта указан в произвольном поле
			//$wsp_weight= get_post_meta($id_post, 'wsp_weight', true); // порядок отображения 
			?>
		
			<div class="wsp-col-<?php echo $col; ?>" onclick="wsp_js(<?php echo $wsp_url; ?>);">
				<div class="wsp-img"><?php echo get_the_post_thumbnail($id_post); ?></div>
				<div class="wsp-content" >
					<div class="wsp-title"><?php echo $post->post_title;?></div>
					<div class="wsp-text"><?php echo $post->post_content; ?></div>
					<div class="iframe"><?php echo $wsp_url; ?></div>
				</div>
			</div>
			<?php endforeach; ?>
		</div>
		<?php		
}

function wsp_js(){  
		document.getElementByClass('iframe').innerHTML = '<iframe src=" + url + "></iframe>';
}

Тоесть формируется портфолио, кликаем на картинку портфолио и должен загрузится блок с сайтом. Но ничего не происходит. Подскажите решение. Спасибо.

Comments

[666Wolf666]

Всем спасибо, разобрался)

Answer 1

[GreatRash]

1) Неверно расставлены кавычки в функции wsp_js
2) Фрейм во фрейме это действительно то, что вам надо?

Comments

[666Wolf666]

Я пробовал просто выводить саму переменную, но проблема остается та же.
Идея в следующем в Блоке DIV class=iframe. Будет выводится фрейм, в котором содержится сайт.

[GreatRash]

666Wolf666: Вот сейчас заметил ещё, что у вас неверно элемент ищется. вот так надо:

document.getElementsByClassName('iframe') // вернёт список (практически массив) найденных элементов

Answer 2

[svarnoi420]

function wsp_js(){  
    document.getElementByClass('iframe').innerHTML = '<iframe src=" + url + "></iframe>';
}

Во-первых, как и написал GreatRash, метод называется document.getElementsByClassName и он возвращает коллекцию, а т.е. правильнее будет document.getElementsByClassName('iframe')[0].innerHTML. А лучше в обще использовать document.querySelector - она возвращает сразу элемент.

Во-вторых, '<iframe src=" + url + "></iframe>' - эта строка в дальнейшем через eval выполняется? Не понятно как url передается.