Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Открытие содержимого div в новом окне (https://javascript.ru/forum/misc/58647-otkrytie-soderzhimogo-div-v-novom-okne.html)

BARABANTEMO 02.10.2015 14:48

Открытие содержимого div в новом окне
 
Всем привет вот опять нужна ВАША помощь. Есть такая форма
<script type="text/javascript">
function viewPage() {
view = window.open("","view"); 
view.document.write(document.forms.eno.elements.one.value);
}    
</script>
<form name="eno"><input name="one" value="содержимое"></form>
<a href="javascript:void(0)" onclick="viewPage()">кнопка</a>

которая содержимое value открывает в новом окне
Пожалуйста подскажите как сделать такое же для данной комбинации
<div class="codeMessage">содержимое</div>

при условии что на странице таких div будет разное количество
Всем спасибо

ksa 02.10.2015 14:55

Цитата:

Сообщение от BARABANTEMO
Пожалуйста подскажите как сделать такое же для данной комбинации
<div class="codeMessage">содержимое</div>

Записать на другую страницу содержимое тех ДИВов? Или сами ДИВы так же там должны быть?

BARABANTEMO 02.10.2015 15:18

ksa,
Только текст - в данном случае слово "содержимое"

ksa 02.10.2015 15:36

Цитата:

Сообщение от BARABANTEMO
в данном случае слово "содержимое"

Например так...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function viewPage() {
	var view = window.open("","view"); 
	var o=document.querySelector('.codeMessage')
	view.document.write(o.innerHTML);
};
</script>
</head>
<body>
<div class="codeMessage">содержимое0</div>
<div class="codeMessage">содержимое1</div>
<a href="javascript:void(0)" onclick="viewPage()">кнопка</a>
</body>
</html>

BARABANTEMO 02.10.2015 15:59

ksa,
Большое спасибо всё чотко - а если такой div будет только один? Думаю так пойдёт
<script type='text/javascript'>
function viewPage() {
var view = window.open("","view"); 
var code=document.querySelector('.codeMessage')
view.document.write(code.innerHTML);
};
</script>
<div class="codeMessage">содержимое</div>
<a href="javascript:void(code)" onclick="viewPage()">кнопка</a>

BARABANTEMO 22.11.2015 10:17

пожалуйста подскажите как сделать так чтобы при нажатии на ссылку открывалось содержимое того дива на котором нажали - а то всё время открывается первый блок - при условии что таких дивов бывает разное количество
<div class="bbCodeBlock"><div class="bbCodeName">имя 1</div><div class="codeMessage">содержимое 1</div></div>
<br>
<div class="bbCodeBlock"><div class="bbCodeName">имя 2</div><div class="codeMessage">содержимое 2</div></div>
<br>
<div class="bbCodeBlock"><div class="bbCodeName">имя 3</div><div class="codeMessage">содержимое 3</div></div>

<script type="text/javascript">
function page() {
var view = window.open("","view");
var code = document.querySelector('.codeMessage');
view.document.open();
view.document.write(code.innerText);
view.document.close();}
$('.bbCodeName').html('<a href="javascript:void(0)" onclick="page()">ОТКРЫТЬ</a>');
</script>

ksa 23.11.2015 08:33

Цитата:

Сообщение от BARABANTEMO
как сделать так чтобы при нажатии на ссылку открывалось содержимое того дива на котором нажали

Передавать в обработчик ссылку на тот элемент...

ksa 23.11.2015 08:35

BARABANTEMO, что-то у тебя какая-то каша... То чистый JS, то жиКвери... :)


Часовой пояс GMT +3, время: 23:31.