Katerina23

Пользователь
  • Публикации

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

  • Посещение

Репутация

0 Обычная

О Katerina23

  • Звание
    Участник

Информация

  • Пол
    женский

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

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

  1. Katerina23

    Перенос части текста из первого конейтнер во второй

    Мне нужно сделать книгу с перелистыванием, я думаю как сделать так когда на одной странице место для текста заканчивалось, сразу переносилось на другую страницу. А потом пользователь перелистывал страницу и там текст продолжался. Я посмотрела ваш вариант перейдя по ссылке. Он не подходит. Текст расположен сразу на двух контейнерах, а мне нужно чтобы часть текста было на одном и когда место на первом контейнер заканчивалось текст продолжался на другом.
  2. Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера? Вот пример: Код <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style> .page {width:100px; height:100px; background-color:yellow;} .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;} </style> </head> <body> <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div> <div class="page2"></div> </body> </html>
  3. Katerina23

    Как записать функцию в массив

    Скорее вот так: var walk = []; var player; walk[0] = [0,0,200,0]; walk[1] = [200,0,200,100]; walk[2] = [200,100,0,100]; walk[3] = [0,100,0,0]; function collision() { ... for(var i = 0; i < walk.length; i++) { if(iscollision(player, createWalk(walk[i][0],walk[i][1], walk[i][2], walk[i][3]))) { console.log("collision"); } } } setInterval(collision,10); function iscollision(player, walk) { ... return true; } function createWalk(number1,number2,number3,number4) { console.log(number1+" "+number2+" "+number3+" "+number4); return true; }
  4. Как записать функцию в массив с разными параметрами. Хотелось бы видеть пример, чтобы потом можно было вызвать эту функцию. А то не получается: var walk = []; ... walk[0] = createWalk(0,0,200,0); walk[1] = createWalk(200,0,200,100); walk[2] = createWalk(200,100,0,100); walk[3] = createWalk(0,100,0,0); ... for(var i = 0; i < walk.length; i++) { ... }
  5. Katerina23

    Масштабирование картинок для смартфонов

    Использовала этот код для iframe. Документ внутри iframe не помещается весь, а появляются полосы прокрутки. Как сделать, чтобы на мобильных устройствах он помещался без полос прокрутки? <iframe id="ifr" src="/page.html" width="800" height="600" frameborder="0"></iframe> стили #ifr{max-width: 100%; height: auto;vertical-align: middle;}
  6. Katerina23

    Сдвигается вёрстка при длинном названии и описании

    У меня ещё галерея есть тоже три в ряд я могу одни и те же стили использовать для галереи, или для картинок нужно отдельные стили создавать? А то я скачала шаблоны сайтов и там в одном шаблоне было несколько три в ряд и для каждого случая использовались отдельные стили.
  7. Мне тут не давно помогли сделать отображение записей три в ряд. И в стилях заметила вот такой код: .card__description > :first-child { margin-top: 0; } Мне нужно, то же сделать сравнение если масштаб картинки больше размер экрана смартфона, то установить для картинок width:100%. Если же не больше то оставить как есть. Дело в том, что у меня в тексте встречаются много картинок и не все нужно масштабировать?
  8. Katerina23

    Сдвигается вёрстка при длинном названии и описании

    Так вот оказывается для чего нужен этот тег, теперь всё работает.
  9. Katerina23

    Сдвигается вёрстка при длинном названии и описании

    mrnobody, я протестировала на мобильных устройствах. В хром нажала F12, потом CTRL+SHIFT+M. Вёрстка сохраняется так же как на пк. По идее, при слишком маленьком экране записи должны размещаться по два в ряд или же одна запись в столбик.
  10. Делаю страницу, где будут отображаться записи три в ряд. Картинки должны быть вровень стоять как-будто это табличная верстка. Вот как должно быть: а вместо этого я получаю: Как это можно исправить? Я специально выбрала размещение записей, через div контейнер, чтобы можно было потом быстро подогнать сайт под мобильные устройства. Вот мои исходники: site.rar
  11. Я сделала по другому, создала несколько ссылок с помощью цикла. Теперь мне надо при щелчке на каждой ссылке вывести уникальный 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'; }); } }); }
  12. У меня 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")); }
  13. Мне нужно, чтобы при нажатии ссылки во втором фрейме, происходила загрузка данных (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
  14. Мне нужно, чтобы при нажатии кнопки во втором фрейме, происходила загрузка в первом фрейме, но у меня вместо этого происходит ошибка. 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
  15. Katerina23

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

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