Katerina23

Новенький
  • Публикации

    28
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О Katerina23

  • Звание
    Новичок

Информация

  • Пол
    женский

Посетители профиля

Блок посетителей профиля отключен и не будет отображаться другим пользователям

  1. Я сделала по другому, создала несколько ссылок с помощью цикла. Теперь мне надо при щелчке на каждой ссылке вывести уникальный id этой ссылки в console.log, как это можно сделать, вот код? var arr = ['Ссылка1','Ссылка2','Ссылка3','Ссылка4','Ссылка5']; var arr1 = ['test1','test2','test3','test4','test5']; var str, str1; function view_frames() { document.write('<frameset rows="100%" cols="70%, *" FRAMEBORDER="0" BORDER="0" FRAMESPACING="1">'); document.write('<frame name="mainpage" src="./page1.html">'); document.write('<frame name="page2" src="./page2.html">'); document.write('<frameset>'); frame1 = window.frames["mainpage"]; frame2 = window.frames["page2"]; window.addEventListener('load', function () { str = ""; str1 = ""; for (var i = 0; i < arr.length; i++) { str += '<a href="#">'+arr[i]+'</a><br>'; str1 += '<input type="text" id="'+arr1[i]+'"><br>'; } frame2.document.getElementById("test").innerHTML=str+"<br>"; frame1.document.getElementById("test").innerHTML=str1+"<br>"; for (var j = 0; j < arr.length; j++) { var link = frame2.document.getElementsByTagName("a")[j]; link.addEventListener('click', function (evt) { evt.preventDefault(); var output = window.frames["mainpage"].document.getElementById("test1"); output.value = 'test'; }); } }); }
  2. У меня body пустой, не могу получить доступ к input. Выдаёт всю структуру html документа, через консоль кроме input. function view_frames() { document.write('<frameset rows="100%" cols="70%, *" FRAMEBORDER="0" BORDER="0" FRAMESPACING="1">'); document.write('<frame name="mainpage" src="./page1.html">'); document.write('<frame name="page2" src="./page2.html">'); document.write('<frameset>'); //0 - первый фрейм (mainpage), 1 - второй фрейм (page2) var iframe = document.getElementsByTagName('frame')[0]; var iframeDoc = iframe.contentWindow.document; //<body></body> - вывод через консоль console.log(iframeDoc.body); //null - вывод через консоль console.log(iframeDoc.getElementById("debug")); }
  3. Мне нужно, чтобы при нажатии ссылки во втором фрейме, происходила загрузка данных (input type="text" id="debug") в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body> </html> page2.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <a href="#" onclick="test()">test</a> </body> </html> frame.js var t = "test"; function view_frames() { document.write('<frameset rows="100%" cols="70%, *" FRAMEBORDER="0" BORDER="0" FRAMESPACING="1">'); document.write('<frame name="mainpage" src="./page1.html">'); document.write('<frame name="page2" src="./page2.html">'); document.write('<frameset>'); parent.mainpage.document.getElementById("debug").innerHTML = t; } function test() { console.log(t); parent.mainpage.document.getElementById("debug").innerHTML = t; } На всякий случай исходники test.rar
  4. Мне нужно, чтобы при нажатии кнопки во втором фрейме, происходила загрузка в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body> </html> page2.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <a href="#" onclick="test()">test</a> </body> </html> frame.js var t = "test"; function view_frames() { document.write('<frameset rows="100%" cols="70%, *" FRAMEBORDER="0" BORDER="0" FRAMESPACING="1">'); document.write('<frame name="mainpage" src="./page1.html">'); document.write('<frame name="page2" src="./page2.html">'); document.write('<frameset>'); parent.mainpage.document.getElementById("debug").innerHTML = t; } function test() { console.log(t); parent.mainpage.document.getElementById("debug").innerHTML = t; } На всякий случай test.rar
  5. Katerina23

    Как убрать меню для телефонов

    Собираюсь pagespeed увеличить до 100 % на компьютере. Для этого в начале нужно удалить в html лишние пробелы. Нашла сайт где написано про программу gulpjs. Подскажите можно ли сначала эту программу на тестовом сайте протестировать, установленный на denwer?
  6. Katerina23

    Как убрать меню для телефонов

    Я сейчас проверила, через Speed Page от гугл, там есть два режима "Для мобильных" и "Для компьютеров", так вот мои стили сработали для мобильных устройств.Оказывается я не знала, что параметр max-width: 600px означает, что меню будет исчезать только когда размер экрана будет меньше 600px. На тестовом сайте достаточно увеличить окно браузера, чтобы увидеть результат. До этого я окно не увеличивала поэтому результата не было.
  7. Katerina23

    Как убрать меню для телефонов

    Не знаю, что вы пытались показать, на том сайте. Но у меня в правом нижнем углу отображается пустой холст, не зависимо использую я браузер Chrome по умолчанию или же браузер для Android.
  8. Установила программу для chrome, позволяет просматривать в браузере как бы выглядел сайт на телефоне и у меня не получается прописать стили, чтобы спрятать боковое меню? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .... в стилях style.css @media screen and (max-width: 600px) { .menu-niz-1{ display: none; } } меню которое надо убрать <div class='menu-niz-1'> <!--здесь меню--> </div>
  9. Katerina23

    Разделение таблицы линиями на сектора

    Проверила оба варианта, работают. Только вот у меня генерирующаяся сетка, то есть может быть 9x9 или 16x16. Можно как-нибудь код ниже добавить в javascript, а вместо 4n подставлять переменную например 3. Ведь в javascript можно указывать имя класса (className) и стили (style), может и это можно как-то записать? .table tr:nth-child(4n) td { border-bottom-width: 4px; border-bottom-color: #424242; } .table td:nth-child(4n) { border-right-width: 4px; border-right-color: #424242; }
  10. Katerina23

    Разделение таблицы линиями на сектора

    Если таблицы нельзя разделить линиями, то может это можно сделать как-нибудь с помощью div'ов, т.е. создать таблицу из div контейнеров, потом эту таблицу разделить линиями.
  11. Я пишу игру судоку на javascript,использую для этого таблицу table. Как разделить ячейки таблицы линиями на сектора как в судоку. Допустим таблица 16x16 ячеек как провести линии каждые четыре ячейки. Вот код: <!DOCTYPE HTML> <html> <head> <title>Судоку</title> <style> .game-board { border: 0; border-spacing: 0; border-collapse: collapse; background: #fff; } .game-board td { width: 25px; height: 25px; line-height: 20px; text-align: center; border: #9cb0ca 1px solid; } </style> </head> <body> <script> var board; function Sudoku() { this.W = 16; this.H = 16; this.init(); } Sudoku.prototype.init = function() { board = this.createGrid(); board.cellSpacing = 0; board.style = "margin: 0px"; board.className = 'game-board'; document.body.appendChild(board); } Sudoku.prototype.createGrid = function() { var table = document.createElement('table'); for (var i = 0; i < this.W; i++) { var r = table.insertRow(i); for (var j = 0; j < this.H; j++) { var c = r.insertCell(j); c.num = 0; c.index = [i, j]; c.addEventListener("mousedown", this.clickHandler); } } return table; } Sudoku.prototype.clickHandler = function(e) { } var Sudoku = new Sudoku(); </script> </body> </html> Пример, то что я хочу получить
  12. Katerina23

    Проблема с кавычками в сплывающей подсказки

    Спасибо за помощь, пришлось не много текст исправить, теперь всё должно работать.
  13. Katerina23

    Проблема с кавычками в сплывающей подсказки

    Как поставить "ёлочки" и "лапки", а то для написания текста я использую английский кавычки?
  14. Katerina23

    Проблема с кавычками в сплывающей подсказки

    В общем не работает, как не экранируй, всё равно выдаёт ошибку. <script> str = "Описание: \"машина\""; cell.innerHTML = "<div onMouseOver=\"toolTip('"+str+"')\" onMouseOut=\"toolTip()\" style=\"width:"+width+"px; height:"+height+"px; word-break:break-all;\">"+img+"</div>"; </script>
  15. Мне нужно изменить вид всплывающей подсказки и я на сайте нашла статью как это можно сделать: Можно ли изменить вид всплывающей подсказки?. Теперь у меня вопрос как передать кавычки через функцию toolTip. Например -Это рисунок: "Машины". Когда я передаю текст с кавычками у меня выдаёт ошибку: Uncaught SyntaxError: Unexpected token ILLEGAL