Не могу вставить js в код страницы

@nullpointer · Регистрация: 30.03.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте! Хочу добавить на страницы сайта вот такой скрипт:

JavaScript
1
C=Math.cos;E=Math.random;F=parseInt;w=h=0;q=[];P=[];T=10;function Q(t){return[16*Math.pow(Math.sin(t),3),-(13*C(t)-5*C(2*t)-2*C(3*t)-C(4*t))]}with(b.style)i=marginLeft=marginTop=0,overflow='hidden';function S(){with(window)c.width=w=innerWidth,c.height=h=innerHeight;a.fillStyle=0;a.fillRect(0,0,w,h);a.globalAlpha=0.1;a.lineWidth=1;a.lineJoin="round"}window.onresize=S;S();for(;i<6;i+=0.1){P.push(Q(i));}function I(k){q[k]=E();q[k+1]=E()*h;q[k+2]=E()-0.5;q[k+3]=E()-0.5;q[k+4]=E()*T;q[k+5]=E()/T;q[k+6]="rgb("+F(E()*255)+","+F(E()*255)+","+F(E()*255)+")";}for(i=0;i<25;i++)k=i*7,I(k);function D(x,y,s,c){x*=w;with(a){save();translate(x,y);scale(s,s);beginPath();strokeStyle=c;moveTo.apply(a,P[0]);for(i=1;i<P.length;i++)lineTo.apply(a,P[i]);lineTo.apply(a,P[0]);stroke();closePath();restore()}}setInterval("a.fillRect(0,0,w,h);for(k=0;k<q.length;k+=7){D(q[k]+=q[k+2]/400,q[k+1]+=q[k+3]/400, q[k+4]+=q[k+5], q[k+6]);if(q[k+4]>T)I(k)}",80);

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

Код взят с сайта js1k.com

@EPMAK · 12.08.2012, 12:00

Сообщение от }{@k

Здравствуйте! Хочу добавить на страницы сайта вот такой скрипт:

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

Код взят с сайта js1k.com

Некоторые скрипты с этого сайта - нагружают ЦП.
Не советую такие ставить на сайт.
Картинку сами прикрутите, если ума хватит ..

Внедрение делается так:

HTML5
1
2
3
4
5
6
7
<div id="div"><canvas id="can"></canvas></div>
<script type="application/x-javascript">
var b = document.getElementById("div");
var c = document.getElementById("can");
var a = c.getContext('2d');
C=Math.cos;E=Math.random;F=parseInt;w=h=0;q=[];P=[];T=10;function Q(t){return[16*Math.pow(Math.sin(t),3),-(13*C(t)-5*C(2*t)-2*C(3*t)-C(4*t))]}with(b.style)i=marginLeft=marginTop=0,overflow='hidden';function S(){with(window)c.width=w=innerWidth,c.height=h=innerHeight;a.fillStyle=0;a.fillRect(0,0,w,h);a.globalAlpha=0.1;a.lineWidth=1;a.lineJoin="round"}window.onresize=S;S();for(;i<6;i+=0.1){P.push(Q(i));}function I(k){q[k]=E();q[k+1]=E()*h;q[k+2]=E()-0.5;q[k+3]=E()-0.5;q[k+4]=E()*T;q[k+5]=E()/T;q[k+6]="rgb("+F(E()*255)+","+F(E()*255)+","+F(E()*255)+")";}for(i=0;i<25;i++)k=i*7,I(k);function D(x,y,s,c){x*=w;with(a){save();translate(x,y);scale(s,s);beginPath();strokeStyle=c;moveTo.apply(a,P[0]);for(i=1;i<P.length;i++)lineTo.apply(a,P[i]);lineTo.apply(a,P[0]);stroke();closePath();restore()}}setInterval("a.fillRect(0,0,w,h);for(k=0;k<q.length;k+=7){D(q[k]+=q[k+2]/400,q[k+1]+=q[k+3]/400, q[k+4]+=q[k+5], q[k+6]);if(q[k+4]>T)I(k)}",80);
</script>

Добавлено через 1 час 22 минуты
}{@k, как я написал выше, скрипт косячный, сердечки не исчезают, а просто становятся одним цветом с бэкгроундом.
Поэтому нагружается процессорю Сделать так как вы задумали с картинкой - не получится.

Либо переписывать скрипт так, что бы сердечки исчезали совсем.Тогда можно будет ставить картинку на задний фон.

JavaScript
1
2
var img = "pink";// или убрать цвет вообще -> ставим "transparent"  вместо "pink" 
//a.fillStyle=img; найти a.fillStyle=0 и заменить 0 на img

@nullpointer · 13.08.2012, 01:08 **[ТС]**

Спасибо за ответ. Попробовал вставить код, в итоге пустая станица, а хром ругается на вызов getContext.

@newJS · 13.08.2012, 07:36

Работает в опере, в лисе отказалась.
Можно сохранить html с демо страницы, сохраненное локально работает в опере.

@EPMAK · 13.08.2012, 09:02

Работает везде, где есть поддержка тега canvas

Добавлено через 13 минут
____________________________
код, приведенный ниже, не решает проблему, а лишь показывает что на прозрачном (не черном) фоне, сердечки заполонят все пространство, поэтому задний фон картинками ставить бессмысленно, предварительно непереписав сам скрипт.

JavaScript
1
2
3
4
5
6
/*
*использовать код для наглядности.
* в рабочих скриптах - использовать нерекомендуется.
*/
var img = "pink";// или убрать цвет вообще -> ставим "transparent"  вместо "pink" 
//a.fillStyle=img; найти a.fillStyle=0 и заменить 0 на img

@nullpointer · 13.08.2012, 11:07 **[ТС]**

Сообщение от EPMAK

Работает везде, где есть поддержка тега canvas

Добавлено через 13 минут
____________________________
код, приведенный ниже, не решает проблему, а лишь показывает что на прозрачном (не черном) фоне, сердечки заполонят все пространство, поэтому задний фон картинками ставить бессмысленно, предварительно непереписав сам скрипт.

JavaScript
1
2
3
4
5
6
/*
*использовать код для наглядности.
* в рабочих скриптах - использовать нерекомендуется.
*/
var img = "pink";// или убрать цвет вообще -> ставим "transparent"  вместо "pink" 
//a.fillStyle=img; найти a.fillStyle=0 и заменить 0 на img

Спасибо,все заработало. Только возникает проблема в другом скрипте,вместо сердечка отображается знак вопроса. Сердечко записано ASCII кодом.

@EPMAK · 13.08.2012, 14:41

Знак вопроса - проблема кодировок наверно. ( Вид -> кодировка -> utf8 или автоматически );

вместо var img = "pink"; можно прописать так: var img = "rgba(200, 200, 200, 0.5)";
0.5 - регулирует прозрачность фона от 0 до 1.

так нагляднее будет понять, в чем косяк скрипта.

Есть в Канвасе свойство clearRect(0,0,w,h); предназначено для очистки.
Но, похоже применить его не получится в отношении каждого взятого сердца ..

@nullpointer · 13.08.2012, 16:38 **[ТС]**

Спасибо. Уже разобрался.

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@nullpointer 48 / 48 / 14 Регистрация: 30.03.2009 Сообщений: 523
	13.08.2012, 01:08 [ТС]
	Спасибо за ответ. Попробовал вставить код, в итоге пустая станица, а хром ругается на вызов getContext. 0

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,531
	13.08.2012, 07:36
	Работает в опере, в лисе отказалась. Можно сохранить html с демо страницы, сохраненное локально работает в опере. 0

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	13.08.2012, 14:41
	Знак вопроса - проблема кодировок наверно. ( Вид -> кодировка -> utf8 или автоматически ); вместо var img = "pink"; можно прописать так: var img = "rgba(200, 200, 200, 0.5)"; 0.5 - регулирует прозрачность фона от 0 до 1. так нагляднее будет понять, в чем косяк скрипта. Есть в Канвасе свойство clearRect(0,0,w,h); предназначено для очистки. Но, похоже применить его не получится в отношении каждого взятого сердца .. 0

@nullpointer 48 / 48 / 14 Регистрация: 30.03.2009 Сообщений: 523
	13.08.2012, 16:38 [ТС]
	Спасибо. Уже разобрался. 0