Задать вопрос
xmoonlight

xmoonlight

https://sitecoder.blogspot.com
Ответы пользователя по тегу JavaScript

  • Как выполнить скрипт на JS при переходе на новую страницу?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Если домен чужой - то только через инъекцию/надстройку/собственный браузер, например, через GreaseMonkey.

    Если домен Ваш:
    1. можно передать в GET-параметрах (или через якорную ссылку #) флаг на активацию того или иного скрипта
    2. использовать LocalStorage
    3. использовать установку куков
    4. использовать предварительную установку флага в серверной сессии через ajax перед переходом.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как правильно передать query SQL из jQuery в PHP?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    экранируйте апострофы: \'
    лучше всего энкодируйте строку в base64 и декодируйте на серверной стороне
    Ответ написан
    Комментировать
    Комментировать

  • Как запретить выполнение однотипных действий на php?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    После того, как отправлен запрос на попытку смены состояния счетчика голосов (+1 или -1):
    1. Проверить последнее действие в серверной сессии: если последнее действие в серверной сессии установка голоса (+1) - тогда в базе не проверяем и ничего не делаем дальше.
    2. Иначе, проверяем наличие ip в базе данных
    3. если ip отсутствует - прибавить 1-цу к количеству голосов, иначе - ничего не делать

    Если нужна возможность УБРАТЬ СВОЙ ГОЛОС - то порядок обратный, с той же логикой:
    1. Проверить последнее действие в серверной сессии: если последнее действие в серверной сессии снятие голоса (-1) - тогда в базе не проверяем и ничего не делаем дальше.
    2. Иначе, проверяем наличие ip в базе данных
    3. если ip присутствует - отнять 1-цу от количества голосов, иначе - ничего не делать
    Ответ написан
    1 комментарий
    1 комментарий

  • Калькулятор с интерактивной картинкой - как?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    svg, raphael.js
    Ответ написан
    Комментировать
    Комментировать

  • Как реализовать рулетку?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    1. сервер выдаёт нужное число,
    2. рулетка раскручивается на максимум и начинает вращаться на максимальной скорости (возможно даже, что очень медленно - это не принципиально),
    3. анимация торможения позиционируется на нужный градус замкнутого колеса так, чтобы в момент останова выпало (как-бы))) нужное число (которое уже выдал сервер), и с этого момента рулетка начинает медленно останавливаться по формуле, попадая точно на это число.
    4. Честность: генерация серии чисел вместе с порядком выпадения, хеширование этой последовательности с "солью", вывод хеша и длины серии (кол-ва спинов) до начала игры. После окончания серии спинов - показ "соли" и всего ряда чисел, чтобы люди могли проверить по публичной, известной всем хэш-формуле.
    Ответ написан
    Комментировать
    Комментировать

  • Как заставить работать все условия чекбоксов в калькуляторе?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    0001 - это 1-й переключатель = 2^0*1=1
    0010 - это 2-й переключатель = 2^0*0+2^1*1=0+2=2
    0100 - это 3-й переключатель = 2^0*0+2^1*0+2^2*1=0+0+4=4
    1000 - это 4-й ) = 2^0*0+2^1*0+2^2*0+2^3*1=0+0+0+8=8
    1100 - это и 3-й, и 4-й вместе ))) = 2^0*0+2^1*0+2^2*1+2^3*1=0+0+4+8=12
    При смене .on('change') ставим или убираем нужный бит из общего набора переключателей (общей переменной состояния переключателей) и на основе её значения - включаем или выключаем возможности переключения других.
    Ответ написан
    5 комментариев
    5 комментариев

  • Как реализовать лимит при вводе в строку?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com 
    $('textarea').on('change',function(){
   if (this.length>=10) $('checkbox').show();
});
    Ответ написан
    Комментировать
    Комментировать

  • Как добавлять данные в HTML код при помощи javascript (может другие методы без PHP)?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    можно грузить контент из html, json, txt аяксом через тот же jquery: .load()
    Ответ написан
    3 комментария
    3 комментария

  • Как сделать кнопку — добавить на домашний экран/в закладки (мобильник/десктоп)?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Это два абсолютно разных вопроса.
    1. Про десктоп - это где-то так:
    function bookmark(a) {
  title=document.title;
  url=document.location;
    try { 
     window.sidebar.addPanel(title, url, "");
    } catch (e) {
      if (window.opera && window.print || typeof(window.sidebar)=="object") {  // Opera || Mozilla
        a.rel="sidebar";
        a.title=title;
        a.url=url;
        a.href=url;
        return true;
      } else if(document.all) {  //  Internet Explorer
          window.external.AddFavorite(url, title);
          return true;
      }  else {
         alert('Нажмите Ctrl+D (Cmd+D на MacOS), чтобы добавить страницу в Избранное');
      }
   }
}

    2. Про добавить на главный экран для Android: тут
    Пример приложения: тут
    Ответ написан
    2 комментария
    2 комментария

  • Как сделать игровую карту?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Игровой мир состоит из:
    1. Игрового окружения - статичные объекты и атмосфера/освещение)
    2. Взаимодействующих объектов игрового мира - изменяющие своё положение во времени в зависимости от воздействия на них каких-либо внешних факторов. Это игровые персонажи, взрывы, технические устройства (автомобили, лифты, платформы и т.д.)
    3. Правил (законов) игрового мира - коллизии, скорости, гравитация, урон/броня и т.д.

    Как разделять:
    1. Всё, что неподвижно или имеет природное происхождение (здания, деревья, трава, дождь, снег, ветер) - относится к игровому окружению уровня и грузится в сцену целиком. Сцена - это весь уровень или его сегмент (локация). Создаётся целиком в 3D-редакторе и загружается также целиком и до начала игры.
    2. Все что двигается (динамика) - это объекты взаимодействия 3D-сцены, которые обрабатываются кодом (контролирующим законы взаимодействия). Они также подготавливаются в 3D-редакторе, но по-отдельности: каждый объект - в своём отдельном файле.

    Как делить загрузку:
    1. Грузим уровень в сцену.
    2. Грузим всю динамику, которая должна быть на уровне сразу же после загрузки.
    3. Проставляем все характеристики на динамику (координаты, углы поворота, стартовый кадр анимации, игровые характеристики: сколько энергии и т.д.)
    4. Пускаем пользователя в готовый уровень для начала игры.
    Ответ написан
    2 комментария
    2 комментария

  • Вопрос к профессионалам о разработке профессиональных приложений?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    https://learn.javascript.ru/classes
    Еще есть события, есть слушатели событий. Это тоже нужно обрабатывать.
    (система WindowsMessaging в Windows так и работает, чтобы оповещать окна/поля/кнопки о различных событиях между заданными окнами или широковещательными событиями)
    Должен быть центральный класс (system), который будет в роли маршрутизатора/арбитра. Он будет следить за всем деревом объектов и маршрутизировать события между объектами (+вести лог по желанию).

    Другими словами: это обычное делегирование прав родительскими классами для дочерних с системой событий (подписка, получение, отправка).
    Ответ написан
    10 комментариев
    10 комментариев

  • Как обрезать изображение в PHP задав размеры через Javscript для миниатюры?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Есть 2 способа:
    1. На сервере (GD2, imagick): от клиента берутся только координаты вершин главной диагонали прямоугольной области. Передача координат - по подтверждению CROP-a.
    2. На клиенте (canvas): через канвас всё обрезается и отправляется. Передача изображения - через AJAX/POST.
    3. Код - пишете сами.
    Ответ написан
    Комментировать
    Комментировать

  • Как удалить emoji из текста?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com 
    function removeInvalidChars(s) {
     return s.replace(/([\uE000-\uF8FF]|\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDDFF])/g, '');
}
    Ответ написан
    Комментировать
    Комментировать

  • Как перекодировать utf-8 в windows-1251 на javascript?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Кодировка файла: UTF-8
    Кодировка страницы: windows-1251
    var DMap = {0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, 10: 10, 11: 11, 12: 12, 13: 13, 14: 14, 15: 15, 16: 16, 17: 17, 18: 18, 19: 19, 20: 20, 21: 21, 22: 22, 23: 23, 24: 24, 25: 25, 26: 26, 27: 27, 28: 28, 29: 29, 30: 30, 31: 31, 32: 32, 33: 33, 34: 34, 35: 35, 36: 36, 37: 37, 38: 38, 39: 39, 40: 40, 41: 41, 42: 42, 43: 43, 44: 44, 45: 45, 46: 46, 47: 47, 48: 48, 49: 49, 50: 50, 51: 51, 52: 52, 53: 53, 54: 54, 55: 55, 56: 56, 57: 57, 58: 58, 59: 59, 60: 60, 61: 61, 62: 62, 63: 63, 64: 64, 65: 65, 66: 66, 67: 67, 68: 68, 69: 69, 70: 70, 71: 71, 72: 72, 73: 73, 74: 74, 75: 75, 76: 76, 77: 77, 78: 78, 79: 79, 80: 80, 81: 81, 82: 82, 83: 83, 84: 84, 85: 85, 86: 86, 87: 87, 88: 88, 89: 89, 90: 90, 91: 91, 92: 92, 93: 93, 94: 94, 95: 95, 96: 96, 97: 97, 98: 98, 99: 99, 100: 100, 101: 101, 102: 102, 103: 103, 104: 104, 105: 105, 106: 106, 107: 107, 108: 108, 109: 109, 110: 110, 111: 111, 112: 112, 113: 113, 114: 114, 115: 115, 116: 116, 117: 117, 118: 118, 119: 119, 120: 120, 121: 121, 122: 122, 123: 123, 124: 124, 125: 125, 126: 126, 127: 127, 1027: 129, 8225: 135, 1046: 198, 8222: 132, 1047: 199, 1168: 165, 1048: 200, 1113: 154, 1049: 201, 1045: 197, 1050: 202, 1028: 170, 160: 160, 1040: 192, 1051: 203, 164: 164, 166: 166, 167: 167, 169: 169, 171: 171, 172: 172, 173: 173, 174: 174, 1053: 205, 176: 176, 177: 177, 1114: 156, 181: 181, 182: 182, 183: 183, 8221: 148, 187: 187, 1029: 189, 1056: 208, 1057: 209, 1058: 210, 8364: 136, 1112: 188, 1115: 158, 1059: 211, 1060: 212, 1030: 178, 1061: 213, 1062: 214, 1063: 215, 1116: 157, 1064: 216, 1065: 217, 1031: 175, 1066: 218, 1067: 219, 1068: 220, 1069: 221, 1070: 222, 1032: 163, 8226: 149, 1071: 223, 1072: 224, 8482: 153, 1073: 225, 8240: 137, 1118: 162, 1074: 226, 1110: 179, 8230: 133, 1075: 227, 1033: 138, 1076: 228, 1077: 229, 8211: 150, 1078: 230, 1119: 159, 1079: 231, 1042: 194, 1080: 232, 1034: 140, 1025: 168, 1081: 233, 1082: 234, 8212: 151, 1083: 235, 1169: 180, 1084: 236, 1052: 204, 1085: 237, 1035: 142, 1086: 238, 1087: 239, 1088: 240, 1089: 241, 1090: 242, 1036: 141, 1041: 193, 1091: 243, 1092: 244, 8224: 134, 1093: 245, 8470: 185, 1094: 246, 1054: 206, 1095: 247, 1096: 248, 8249: 139, 1097: 249, 1098: 250, 1044: 196, 1099: 251, 1111: 191, 1055: 207, 1100: 252, 1038: 161, 8220: 147, 1101: 253, 8250: 155, 1102: 254, 8216: 145, 1103: 255, 1043: 195, 1105: 184, 1039: 143, 1026: 128, 1106: 144, 8218: 130, 1107: 131, 8217: 146, 1108: 186, 1109: 190}

function unicodeToWin1251_UrlEncoded(s) {
    var L = []
    for (var i=0; i<s.length; i++) {
        var ord = s.charCodeAt(i)
        if (!(ord in DMap))
            throw "Character "+s.charAt(i)+" isn't supported by win1251!";
        L.push('%'+DMap[ord].toString(16));
    }
    return L.join('').toUpperCase();
}
alert(decodeURIComponent(unicodeToWin1251_UrlEncoded('тест'))); //тест
    Ответ написан
    13 комментариев
    13 комментариев

  • Как должны выглядеть параметры добавляемого игрового объекта?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Обычно, делается с помощью "дерева" зависимостей.
    Нужно различать "скелет", "шкуру", а так же поведенческий класс: роль в сюжете игры и обработка реакций на игровые события: попали в меня, вижу противника/препятствие в радиусе R и т.д.
    Т.е. передавать для создания нужно:
    1. Координаты
    2. Дерево спрайт-объектов (идентификаторы спрайт-объектов, относительные координаты (от центра всего объекта), их центры вращения, зависимости преобразований при вращении объекта или каждого спрайта в отдельности)
    3. Спрайт-карту для этого дерева (частично/полностью статичную или анимированную)
    4. Имя поведенческого класса (роль объекта с обработкой реакции на игровые события)

    Как правило не делают сложных зависимостей и всегда хватает обычных объектов и дальше делается из них attach/detach (то же самое дерево зависимостей координатных перемещений и поворотов), чтобы создать сложный (шагающий робот и т.п.).

    Если пустое место должно чем-то быть заполнено, обычно не делают его реально пустым, а ставят другой идентификатор, указывающий, что там, например, слот для пулемёта. Но в тоже время не дают ему атрибут SOLID (непроходимый).

    Тонкостей - ВАГОН)
    Ответ написан
    2 комментария
    2 комментария

  • Как остановить (отключить скрипт)?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    1. stackoverflow.com/questions/9298839/is-it-possible...
    2. Эквивалент die() на PHP: stackoverflow.com/questions/550574/how-to-terminat...
    Ответ написан
    Комментировать
    Комментировать

  • Как вывести дополнительную информацию при наведение на объект мышкой?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Сделано там на Raphael.js
    Почитайте API и все.
    dmitrybaranovskiy.github.io/raphael/reference.html...
    Еще такой код могу предложить:
    var div = document.createElement('div');
         var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0)
         var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)
         div.style.width=Math.min(w/2,300)+'px';
         div.style.position='fixed';
         div.style.textAlign='center';
         div.name='popup';
         div.id='popup';
         div.className='popup';
         div.style.margin=0;
         div.style.padding='25px 25px 25px 25px'; 
         div.style.background='#808080';
         div.style.top=(h/4)+'px';
         div.style.left=(w/2)-((Math.min(w/2,300)/2)+25)+'px';
         div.innerHTML='Press Ctrl+D (&#8984;+D in Mac OS) for adding this page to Favorites<br><br><br><a class="linkbutton" href="javascript:" onClick=popup.parentNode.removeChild(popup)>&nbsp;&nbsp;&nbsp;OK&nbsp;&nbsp;&nbsp;</a>';
         document.body.insertBefore(div, document.body.firstChild);
    Ответ написан
    Комментировать
    Комментировать

  • Почему не работает if как я ожидаю?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    1. Пробуйте ослабить проверку: != или ==
    2. и проверьте console.log(dataArr[i]); - что выдаёт
    Ответ написан
    1 комментарий
    1 комментарий

  • Как Ajax-запросом(jQuery) получить не только контент, но и ссылку на отданную страницу?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    window.location.href
    Ответ написан
    1 комментарий
    1 комментарий

  • Как разрабатывать сайты в облаке фрилансеру?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    Очевидно, что это git.
    И я удивлен от ответов и комментариев. Похоже на троллинг, если честно.
    OnYourLips, очевидно всем, кто работает в веб-деве,
    что git - НЕ ЯВЛЯЕТСЯ ЗАМЕНОЙ веб-серверу или хост-площадке/VDS/VPS
    для работы над кодом. GIT - служит для синхронизации файлов проекта! Вот это точно 100%-ый троллинг!
    Ставить тучу софта на тучу ПК - это тоже не вариант!
    -----------------------------------------------
    >>>>>> VDS+SSH <<<<<<
    На VDS поднимаем всё, что необходимо: Денвер/XAMPP или VirtualBox, GIT, Vagrant, SSH и работаем через SSH.
    1. Для разработки нужно:
    1.1 или портативная скоростная DEV-флешка (xampp,lamp,vagrant)
    1.2 или VDS+SSH.
    2. Для синхронизации и хранения: SFTP или GIT на VDS (при работе в команде)

    PS: (как альтернатива) Денвер может ставиться на USB/HDD-флешку и запускаться с неё, про XAMPP - я не знаю: вполне возможно, что тоже может.
    Про Vagrant - также нет информации на запуск с переносного сменного носителя, но тут в любом случае нужно USB3.0 и скоростную флешку + бэкап, например, в GIT, кстати!))
    Ответ написан
    2 комментария
    2 комментария