Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Заполнить данными 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
Вопрос: Написать скрипт, для 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 минут
Все исправила, работает)
Вопрос: Принудительное обновление html страницы

Может кто подскажет, требуется максимально простое решение.
Безо всяких там трехэтажных скриптов и ajax.
Есть html страница (именно html), надо чтобы она принудительно обновилась.
Первое, что приходит в голову - метатег рефрэш, но там либо через определенный интервал задается обновление,
либо на конкр. адрес, но опять же через определенный интервал.
То есть рефреш отрабатывает циклически.
А вот как сделать, чтобы только 1 раз перезагрузка была?
Грубо говоря - загрузил страницу, она сразу обновилась (т.е. нужен аналог f5).

Ну а если короче, то я вношу обновления на html страницу, а посетители этой странички изменений не видят, т.к. страница закэшировалась (((
Подскажите, пжлст!
Спасибо заранее!
Ответ:
Сообщение от KOPOJI
а повесить событие onload на этот виджет не помогает?
я даже не знаю как это сделать, можно подсказку?
виджет вот от этих ребят:
Вопрос: Адрес папки, в которую загружена HTML страница

Здравствуйте!
Имеется страница, загруженная из Интернет. Я хочу добавить к ней свои функции, которые будут запускаться из закладки и что-то делать со страницей. Эти функции будут храниться в отдельном локальном файле. Для ссылки на них я добавляю элемент <script src=...> к body, который будет ссылаться на файл JS с функциями.

Вопрос1: каким образом я могу узнать, в какой временной папке хранится загруженная HTML-страница ? (чтобы подкинуть туда свой файл JS)

Вопрос2: может быть существует более простой путь внедрить свои функции в уже загруженную страницу ?

Здесь вариант запихать все функции в строку <script> ... </script> не подходит, т.к. их размер может быть велик - неудобно записывать через строку.
Ответ: поищите информацию по userscript
Если я вас правильно понял