Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: (HTML) Данные из форм HTML страницы в шаблон word

Уважаемые форумчане!
Имеется html страница с данными когда пользователь нажимает на кнопку "сформировать документ WORD", в заранее сформированный шаблон word нужно подставить значения из данных html страницы и предложить пользователю скачать уже сформированный файл. Можете дать примеры? Заранее спасибо!
Ответ: Я делал так (docx формат):
При нажатии на кнопку Печать, в javascript отправляем запрос на сервер с json который содержит данные из html, сервер (приложение Spring Boot со встроенным Tomcat) с помощью Apache POI заменяет в шаблоне соответствующие места на значения из json и возвращает ответ клиенту в виде сформированного документа
Вопрос: Заполнить данными html страницу

Здравствуйте! Я новичок в JS. У меня такая проблема. На одной html странице у меня есть кнопка, по которой вызывается скрипт, в котором реализовано заполнение данными этой html страницы. Как сделать чтобы по этой же кнопке вызывался этот же скрипт, но данными заполнялась другая страница (идентичная первой).
Ответ: На первой странице сохранить где-нибудь данные, например в Cookies,
на второй странице просто Cookies прочитать.
Вопрос: Поправить поиск по HTML странице, чтобы он не искал слово, состоящее менее чем из 3х символов

Помогите пожалуйста, весь мозг сломал уже.
Не могу допилить данный поиск по HTML странице до того, чтобы он НЕ искал слово, которое состоит менее чем из 3х символов.
В своих поисках дошел до темы Регулярные выражения, но...
Некоторые люди, столкнувшись с проблемой, думают: «О, а использую-ка я регулярные выражения». Теперь у них есть две проблемы.
Джейми Завински
Вот полный код страницы
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <head>
  <meta charset="utf-8">
  <style type="text/css">
    .finde {        
        position: fixed;
        top:0px;
        right:0px;
        color:#999;
    }
  
  </style>
<script type="text/javascript">
var lastResFind=""; // последний удачный результат
var copy_page=""; // копия страницы в ихсодном виде
function TrimStr(s) {
     s = s.replace( /^\s+/g, '');
  return s.replace( /\s+$/g, '');
}
function FindOnPage(inputId) {//ищет текст на странице, в параметр передается ID поля для ввода
  var obj = window.document.getElementById(inputId);
  var textToFind;
  
  if (obj) {
    textToFind = TrimStr(obj.value);//обрезаем пробелы
  } else {
    alert("Введенная фраза не найдена");
    return;
  }
  if (textToFind === "") {
    alert("Вы ничего не ввели");
    return;
  }
   
  if(document.body.innerHTML.indexOf(textToFind)=="-1")
  alert("Ничего не найдено, проверьте правильность ввода!");
   
  if(copy_page.length>0)
        document.body.innerHTML=copy_page;
  else copy_page=document.body.innerHTML;
 
   
  document.body.innerHTML = document.body.innerHTML.replace(eval("/name="+lastResFind+"/gi")," ");//стираем предыдущие якори для скрола
  document.body.innerHTML = document.body.innerHTML.replace(eval("/"+textToFind+"/gi"),"<a name="+textToFind+" style='background:#38D878'>"+textToFind+"</a>"); //Заменяем найденный текст ссылками с якорем;
  lastResFind=textToFind; // сохраняем фразу для поиска, чтобы в дальнейшем по ней стереть все ссылки
  window.location = '#'+textToFind;//перемещаем скрол к последнему найденному совпадению
 } 
</script>
 
</head>
<body>
<div class="finde">
<input type="text"  id="text-to-find"> 
<input type="button" onclick="javascript: FindOnPage('text-to-find'); return false;" value="Поиск"/>
</div>
<br>
 
<table border='2' cellpadding='20'>
 
00:25:8E WeatherC The Weather Channel<br>
00:25:8F TridentM Trident Microsystems, Inc.<br>
00:25:90 SuperMic Super Micro Computer, Inc.<br>
00:25:91 Nextek NEXTEK, Inc.<br>
00:25:92 Guangzho Guangzhou Shirui Electronic Co., Ltd<br>
00:25:93 DatnetIn DatNet Informatikai Kft.<br>
00:25:94 Eurodesi Eurodesign BG LTD<br>
 
  
</table>
</body>
</html>
Не могу из этого сделать ничего хорошего, так как при введение одного или двух символов, например "br" или "a" весь html код ломается.
Как сделать нормальную фильтрацию перед поиском, чтобы исключить данную проблему?
Ответ:
Сообщение от MrFakir
Проблема решена, больше "менее трех символов не ищет!
Сами придумали проблему и сами ее "решили"))
Я же вам говорю, а что если пользователь введет слово input? Ваша страница пойдет по... Да и более того, у вас это страница в мобильном приложении, ок, но там же могут быть обработчики кликов каких-то кнопок, например. Так вот если они не инлайновые, а навешены через addEventListener/on... они все так же похерятся.
Вот чувак плагин для jq написал, вроде рабочий
Вопрос: Сохранение html страницы

Добрый день, не могу никак понять почему не сохраняет html страницу в chrome
Javascript
1
2
3
4
5
6
<script language="javascript">
function newFil()
{
  return document.getElementById("prints-convert").innerHTML;
}
</script>
В мозиле все ок.
Консоль хрома молчит, подскажите в чем дело, пожалуйста.
Ответ: Barsik089, А если так?
HTML5
1
<script type="text/javascript">
А страница полностью загружена в момент обращения к элементу?
Вопрос: Какой самый удобный и простой визуальный построитель HTML-страниц?

Какой самый удобный и простой визуальный построитель HTML-страниц?
Не обязательно бесплатный софт и не обязательно, чтобы получался кроссбраузерный HTML. Главное чтобы максимально просто и быстро.
Есть в этом плане что-то лучше последнего Dreamweaver'a?
Ответ:
Вася Уткин
Какой самый удобный и простой визуальный построитель HTML-страниц?

Emmet
Вопрос: Распечатать А4 с HTML страницы

Добрый день. Столкнулся с такой проблемой, как подобрать размер и вывести на печать часть HTML страницы формата А4?

Во frame окошке расположен div блок, а в нём таблица со скрытыми границами для выравнивания текста с параметрами
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.div-print {
        width: 210mm;   /* ширина */
        height: 297mm; /* высота */
        padding: 15mm 15mm 15mm 25mm; /* внутренние отступы - верх, право, низ, лево */
        margin: 50px auto;  /* выравнивание по центру */ 
        box-shadow: 10px 10px 20px black; /* небольшая тень для объемности */
        background-color: white;  /* цвет фона в блоке */
        font-family:  "Times New Roman"; /* нужный шрифт */
        font-size: 14pt;
        line-height: 1.5
     }
    .table-print
    {
        width: 210mm;   /* ширина */
        height: 297mm;  /* высота */
    }
Распечатываю с помощью:
Javascript
1
2
3
4
5
6
 function printout() {
        var newWindow = window.open();
        newWindow.document.write(document.getElementById("div-print").innerHTML);
        newWindow.print();
        newWindow.close();
    }
Мне необходимо, чтобы в этом фрейм окне было такое окно div формата А4, в него подгружался текст, и по нажатию кнопки этот div выводился на печать как страничка А4.
При указании одинаковых mm размеров таблица отрисовывается не во весь div объект
Пробовал указывать пикселями, в предпросмотре печати не вписывался в А4

Есть идеи? Или сидеть подбирать пикселями?
Ответ:
CSS
1
2
3
@media print {
  // стили для распечатываемой страницы
}
Вопрос: Написать скрипт, для HTML страницы

Написать скрипт, для HTML страницы, содержащей картинку и две ссылки. По нажатию на первую ссылку анимационно увеличивать картинку, на вторую - уменьшать
Ответ: Java и JavaScript очень разные вещи.

Добавлено через 2 часа 1 минуту
Я уверен что это полные пэ. НО оно работает
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
    <script type="text/javascript">
      function resize(zoom){
        var image = document.getElementById("myImage");
        var resize = 150;
        var origH = image.clientHeight;
        var origW = image.clientWidth;
        var newH;
        var newW;
        
        if (zoom === "0"){
            newH = origH * (resize / 100);
            newW = origW * (resize / 100);
        } else {
            newH = origH / (resize / 100);
            newW = origW / (resize / 100);
        }
        
        image.style.height = newH;
        image.style.width = newW;
      }
      
      function zoomIn(){
        resize("0");
      }
      function zoomOut(){
        resize("1");
      }
    </script>
</head>
<body>
    <img id="myImage" src="p.png"></img>
    <div></div>
    <a href="#" id="plus" onclick="zoomIn()">+</a>
    <a href="#" id="minus" onClick="zoomOut()">-</a>
</body>
</html>
Вопрос: Напишите код создания html-страницы, содержащей фреймы. В каждом фрейме должны отражаться указанные элементы:

Напишите код создания html-страницы, содержащей фреймы. В каждом фрейме должны отражаться указанные элементы:
Ответ: Это же самые азы. Ты хотя бы что-то сам сделай. Попробуй помучайся в конце концов. А если ничего получаться не будет, напиши сюда свой код и проблему. А решать с нуля тебе задачи тут врят ли кто будет.
Вопрос: Напишите код создания html-страницы, содержащей таблицу. В каждой ячейке таблицы должны отражаться указанные э

Напишите код создания html-страницы, содержащей таблицу. В каждой ячейке таблицы должны отражаться указанные элементы:
Ответ:
Сообщение от Noiro
Фигня. Вот правильно:
Точно. Так правильнее. Как я мог так ошибиться
Вопрос: После отправки формы перезагружается страница и функция не работает

После отправки формы перезагружается страница и функция не срабатывает. Подскажите в чем ошибка)

Задание звучит следующим образом:
Создайте хтмл файл с формой с двумя текстовыми полями и одной кнопкой с надписью "Сравнить числа", где пользователь вводит 2 числа, нажимает на кнопку (привяжите к кнопке onclick = "назва_вашои_функции ()"), и снизу выводится, какое из них больше, а какое - меньше. Чтобы получить значение элемента текстового поля, воспользуйтесь document.getElementById ( "...") .value - вернет значение, которое вы ввели. Скрипт должен состоять из функции.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <title>Лаба №1</title>
  <link href='css/normalize.css' rel='stylesheet'>
  <link href='css/main.css' rel='stylesheet'>
</head>
<body>
 
  <h1>Задание №1</h1>
  <form>
    <input type='text' id='fieldOne' maxlength='1000000' placeholder='Введите первое число'>
    <input type='text' id='fieldTwo' maxlength='1000000' placeholder='Введите второе число'>
    <input type='submit' onclick='compareNumbers()' value='Сравнить!'>
  </form>
  
 <script src='js/taskOne.js' type='text/javascript'></script> 
</body>
</html>

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
  var numOne = document.getElementById('fieldOne');
  var numTwo = document.getElementById('fieldTwo');
 
function compareNumbers(numOne, numTwo) {
  if (numOne > numTwo) {
    document.write('<p>Число ' + numOne + ' больше чем ' + numTwo + '</p>');
  } else if (numOne < numTwo) {
    document.write('<p>Число ' + numOne + ' меньше чем ' + numTwo + '</p>');
  } else if (numOne = numTwo) {
    document.write('<p>Числа равны!</p>');
  }
}
Ответ: Добрый день, попробовала изменить по советам (не сильно разбираюсь в языке), получалися такой код, но тоже не работает)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf-8'> 
<title>Лаба №1</title> 
<link href='css/normalize.css' rel='stylesheet'> 
<link href='css/main.css' rel='stylesheet'> 
</head> 
<body> 
 
<h1>Задание №1</h1> 
<form> 
<input type='text' id='fieldOne' maxlength='1000000' placeholder='Введите первое число'> 
<input type='text' id='fieldTwo' maxlength='1000000' placeholder='Введите второе число'> 
<button type='submit' onclick='compareNumbers()'>Сравнить!</button> 
</form> 
<div id='output'> 
 
</div> 
<script src='js/taskOne.js' type='text/javascript'></script> 
</body> 
</html>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
function compareNumbers() { 
var numOne = document.getElementById('fieldOne').value; 
var numTwo = document.getElementById('fieldTwo').value; 
//var result = document.getElementById('output').innerHTML; 
if (numOne > numTwo) { 
document.getElementById('output').innerHTML = ('<p>Число ' + numOne + ' больше чем ' + numTwo + '</p>'); 
} else if (numOne < numTwo) { 
document.getElementById('output').innerHTML = ('<p>Число ' + numOne + ' меньше чем ' + numTwo + '</p>'); 
} else if (numOne = numTwo) { 
document.getElementById('output').innerHTML = ('<p>Числа равны!</p>'); 
} 
}
Добавлено через 10 часов 56 минут
Все исправила, работает)