Ru-Board.club
← Вернуться в раздел «Web-программирование»

» вопросы по javascript

Автор: WONDROUS
Дата сообщения: 04.12.2014 16:01
Просьба подсказать, как приделать данный скрипт к странице. В файле html вставляю путь через:

Код: <script src="script.js"></script>
Автор: Mavrikii
Дата сообщения: 04.12.2014 20:43
WONDROUS
не нужно цеплять всякую гадость, типа снега, на страницы - это только портит )

ну и нужно менять

Цитата:
particleImage.src = '%assetPath%/ParticleSmoke.png';


плюс требует наличие библиотеки jQuery

Цитата:
$(document).ready(function(){
     init();

});


ниже там закомментирован код для того, чтобы обойтись без нее, но значит чем то не понравился.
Автор: WONDROUS
Дата сообщения: 04.12.2014 21:24
Mavrikii
Спасибо за ответ! Поменял путь к папке, даже без папки сделал, в корень файлы положил, бесполезно. А снег хотел приделать на полупустую страницу-заставку.
Автор: Mavrikii
Дата сообщения: 04.12.2014 21:28
WONDROUS

Цитата:
Поменял путь к папке, даже без папки сделал, в корень файлы положил, бесполезно

а jQuery подключен ДО этого скрипта? смотрите лог ошибок браузера (F12, консоль)
Автор: unreal666
Дата сообщения: 04.12.2014 21:49
да и когда работаешь со скриптами, то лучше когда отладчик все время включен. Меньше вопросов возникнет.
Автор: WONDROUS
Дата сообщения: 04.12.2014 22:00
Mavrikii
Пишет вот что:

Код: [22:54:53.333] Применение getUserData() или setUserData() является устаревшим. Для их замены используйте WeakMap или element.dataset.
[22:54:53.521] ReferenceError: $ is not defined
Автор: Mavrikii
Дата сообщения: 04.12.2014 22:02
WONDROUS

Цитата:
ReferenceError: $ is not defined

значит jQuery не подключен.
Автор: WONDROUS
Дата сообщения: 04.12.2014 22:12
Mavrikii
Если я правильно понимаю, то подключается это в html через div id, где его искать, id этот?
Автор: Mavrikii
Дата сообщения: 04.12.2014 22:14
WONDROUS

Цитата:
Если я правильно понимаю, то подключается это в html через div id, где его искать, id этот?

???
ваш скрипт инициализируется после загрузки DOM, это событие отлавливается с помощью jQuery фреймворка, который у вас не подключен, о чем и говорит сообщение об ошибке.

никакого div и id не нужно.
Автор: WONDROUS
Дата сообщения: 04.12.2014 22:16
Mavrikii
Всё это хорошо понятно Вам, так как хорошо в этом разбираетесь, а если новичку? Как понять, что, куда и как?
Автор: Mavrikii
Дата сообщения: 04.12.2014 22:17
WONDROUS

Цитата:
Как понять, что, куда и как?

зайти в гугл, посмотреть что такое jQuery, поключить загрузку этого фреймворка ДО вашего скрипта (то есть над ним).
что тут нужно для понимания?


Код: <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
Автор: WONDROUS
Дата сообщения: 04.12.2014 23:48
Mavrikii
Спасибо! В том же Гугле смотрел, но, наверное, не так искал, так как в основном речь шла про id скриптов.
Автор: PLAYYOB
Дата сообщения: 27.12.2014 14:16
del

Не туда
Автор: Mavrikii
Дата сообщения: 27.12.2014 15:31
PLAYYOB
Учитесь с нуля чему? Название темы прочитайте внимательно.
Автор: vs6262
Дата сообщения: 17.01.2015 09:21

Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
<body>
    

<label>Image File:</label><br/>
<input type="file" id="imageLoader" name="imageLoader"/>
<canvas id="imageCanvas" width="700" height="700" style="border:1px solid #d3d3d3;"></canvas>


<script>
var imageLoader = document.getElementById('imageLoader');
imageLoader.addEventListener('change', handleImage, false);
var canvas = document.getElementById('imageCanvas');
var ctx = canvas.getContext('2d');

function handleImage(e){
var reader = new FileReader();
reader.onload = function(event){
var img = new Image();
img.onload = function(){
    ctx.save();
var scal = 0;
var scalW = 1 / img.width * canvas.width;
var scalH = 1 / img.height * canvas.height;

if(scalW <= scalH) scal = scalH;
else scal = scalW;
ctx.scale(scal, scal);
ctx.drawImage(img,0,0);
ctx.restore();
}
img.src = event.target.result;
}
reader.readAsDataURL(e.target.files[0]);
}
</script>

</body>
</html>
Автор: Mavrikii
Дата сообщения: 17.01.2015 09:54
vs6262
http://stackoverflow.com/questions/21945241/move-image-inside-html-canvas-with-mouse-dragging
Автор: vs6262
Дата сообщения: 18.01.2015 07:45
Mavrikii
чтото не получается у меня

Добавлено:
не могу прикрепить к своему коду jQuery i jQuery ui все в порядке
Автор: unreal666
Дата сообщения: 26.01.2015 05:32
Существует ли какой-либо способ добраться до псевдоселектора (::before и ему подобные) через Объектную модель?
Нужно скрыть (display:none) этот псевдоэлемент при нажатии на кнопку. Пока в инете нашел только вариант типа

Код: CSS:

.hide-before:before {
display: none !important;
}

JS:

html_элемент.className += ' hide-before';
Автор: xerpal
Дата сообщения: 31.01.2015 14:52
Помогите, никак не пойму, как "обнулить" так сказать значение.
Есть задача - при клике во всплывающее окно передаем ссылку, по которой кликнули. Тут все ок. Проблемы начинаются тогда, если это окошко закрыть и снова открыть - тогда ссылка передастся во второй раз и их будет две.
PS Неактуально, придумал как.
Автор: vs6262
Дата сообщения: 18.03.2015 08:57
Помогите пожалуйста

как с помощью JavaScript передать картинку из <canvas> в bgimage <div> ?
Автор: Mavrikii
Дата сообщения: 18.03.2015 15:13
vs6262
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
ну и выставить результат в src картинки.
Автор: kok80
Дата сообщения: 01.04.2015 23:20
Коллеги, помогите, в java script совсем чуть-чуть понимаю.

Нужно програмно поменять значение ComboBox (input select) на странице.
Получил iaccessible - через этот интерфейс нормально не получается изменить, то работает, то не работает. Через него получил IHTMLElement, им значение меняется (выбирается элемент). Но чтобы следующий ComboBox загрузил значения, нужно отработать нужные события первого ComboBox, видимо это OnChange. На тестовом примере все работает, на нужном мне сайте - нет (вход туда под эцп). При смене значения в ComboBox запускается вот эта функция, я же правильно понимаю, что это и есть обработчик события OnChange ?

$("body").on("change", ".typeOrderIN", function(){
...
}

сам ComboBox представлен вот так:
<select class="input" class="typeOrderIN">
<option value="F">гружёный</option>
<option value="E">порожний</option>
<option value="D">опасный</option>
</select><br>

Почему вызов ONCHANGE может на 1 сайте работать, а на нужном мне нет ?вызываю в delphi (htmlelement as IHTMLELEMENT3).FireEvent('onchange',v);
Автор: Mavrikii
Дата сообщения: 01.04.2015 23:22
kok80

Цитата:
вызов ONCHANGE может на 1 сайте работать, а на нужном мне нет ?вызываю в delphi (htmlelement as IHTMLELEMENT3).FireEvent('onchange',v);

телепатов нет, нужно смотреть разницу что на одном, что на другом сайте.



Цитата:
При смене значения в ComboBox запускается вот эта функция, я же правильно понимаю, что это и есть обработчик события OnChange

да
Автор: kok80
Дата сообщения: 02.04.2015 00:17
добрался до HTMLWindow2.execScript. Как правильно написать, чтобы вызвать принудительно эту функцию? Или сгенерировать OnChange

$("body").on("change", ".typeOrderIN", function()
Автор: Mavrikii
Дата сообщения: 02.04.2015 00:20
kok80

Цитата:
Как правильно написать, чтобы вызвать принудительно эту функцию? Или сгенерировать OnChange

боюсь, что вопрос не для данной темы или раздела, так как у вас дельфи, прикладная штука.
Вопросы по Delphi (версии 2009, 2010 Weaver, 2011 Fulcrum)
Автор: kok80
Дата сообщения: 02.04.2015 00:28
вопрос именно сюда, код HTMLWindow2.execScript запускает код JavaScript

чтобы легко было найти элемент я ему подсунул id=idType1
получилось
<select class="input typeOrderIN" id="idType1" selected="selected"><option value="">-</option><option value="F">гружёный</option><option value="E">порожний</option><option value="D">опасный</option></select>

далее пытаюсь вызвать код, но выдает ошибку
document.GetElementById("idType1").OnChange
Автор: Mavrikii
Дата сообщения: 02.04.2015 00:30
kok80

Цитата:
чтобы легко было найти элемент

если вы можете вызывать javascript функции, то проще всего делается через (так как используется jquery фреймворк)
$('.typeOrderIN').trigger('change');
Автор: kok80
Дата сообщения: 02.04.2015 00:31
ура, заработало !!! спасибо
Автор: Mavrikii
Дата сообщения: 02.04.2015 00:32
kok80

Цитата:
дайте плиз правильный код для генерирования OnChange на java script

не нужно флудить.. дождитесь ответа без кучи постов.
написал же -
Цитата:
$('.typeOrderIN').trigger('change');

должно работать в том случае, если вызываете js код в среде кода страницы (то есть с возможностью использования подгруженных в странице js файлов)

иначе - http://stackoverflow.com/questions/2856513/how-can-i-trigger-an-onchange-event-manually
Автор: ManHunter
Дата сообщения: 02.04.2015 01:38

Цитата:
Как правильно написать, чтобы вызвать принудительно эту функцию?



Код: document.getElementById('idType1')['onchange'].call();

Страницы: 12345678910111213141516171819202122

Предыдущая тема: jQuery: Перемещение якоря на верх страницы


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.