Предварительный просмотр

@Куныця · Регистрация: 23.03.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте. Направть, пожалуйста, в нужно русло по такому вопросу...)
Делаю приложение с использованием mvc ( используя чпу).
Вобщем есть форма, куда вводится автор статьи и сама статья, и перед отправкой в бд нужно сделать предварительный просмотр без перезагрузки страницы.
Вот мои действия (может не верные)
На форме есть 2 кнопки: предварителный просмотр и сохранить.
При нажатии предв.просмотра записываю данные из формы в сессию и пытаюсь открыть новое окно через

HTML5
1
 <input type="submit" name='preview' value="preview" class="btn btn-default" onclick="JavaScript:window.open('/views/task/preview.php','subwindow','HEIGHT=600,WIDTH=800')">

но достать данные из сессии получается только после 2го нажатия кнопки "предв.просмотр".

Может вобще не туда думаю? Подскажите пожалуйста, как это можно реализовать?

Еще подумываю над вариантом записать как-то все это во временный файл и его открыть. Вобщем ниче не ясно мне))

Начинаю посматривать в сторону JS, но не знаю можно ли им это как-то провернуть)

@Jodah · 19.01.2017, 19:21

Сообщение от Куныця

автор статьи и сама статья

Я бы предложил более простой подход:
1. Есть только кнопка сохранить, но можно менять статус (показывать/не показывать на сайте)
2. После сохранения появляется возможность предварительного просмотра по ссылке типа site.ru/articles/1253/preview

@Куныця · 19.01.2017, 19:24 **[ТС]**

К сожалению нет, мне в задании сказано : перед сохранением новой задачи можно нажать "Предварительный просмотр",
он должен работать без перезагрузки страницы.

@Jodah · 19.01.2017, 19:41

Куныця, тогда как вариант:
1. При клике "предварительный просмотр" создаём новый блок поверх сайта с белым фоном
2. Переносим html из формы в этот блок.

@Kerry_Jr · 19.01.2017, 19:48

Сообщение от Куныця

Начинаю посматривать в сторону JS, но не знаю можно ли им это как-то провернуть)

Можно. Например, без открытыия в новом окне как-нибудь так:

JavaScript
1
2
3
4
var preview = function() {
    var article = document.getElementById('article').value;
    document.getElementById('preview').innerHTML = article;
}

HTML5
1
2
3
4
5
<div id="preview"></div>
<form>
    <textarea id="article"></textarea>
    <input type="button" onclick="preview()" value="Предварительный просмотр">
</form>

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Куныця 0 / 0 / 0 Регистрация: 23.03.2014 Сообщений: 42
	19.01.2017, 19:24 [ТС]
	К сожалению нет, мне в задании сказано : перед сохранением новой задачи можно нажать "Предварительный просмотр", он должен работать без перезагрузки страницы. 0

@Jodah 3899 / 3237 / 1353 Регистрация: 01.08.2012 Сообщений: 10,904
	19.01.2017, 19:41
	Куныця, тогда как вариант: 1. При клике "предварительный просмотр" создаём новый блок поверх сайта с белым фоном 2. Переносим html из формы в этот блок. 0