# programming

**URL:** https://forum.kirupa.com/c/programming/41.md?page=53

[Latest](https://forum.kirupa.com/latest.md) · [Categories](https://forum.kirupa.com/categories.md)

**Page:** 54

---

## [node.js Chat bot command](https://forum.kirupa.com/t/node-js-chat-bot-command/638808)

<div class="topic-metadata">

**Author:** [@CameleJohn](https://forum.kirupa.com/u/CameleJohn)\
**Replies:** 1\
**Last updated:** [October 26, 2018, 12:16pm UTC](https://forum.kirupa.com/t/node-js-chat-bot-command/638808 "2018-10-26T12:16:19Z")

</div>

\> nativeBot.onText(/^\\/trivia/, function(msg, match) { var fromId = msg.chat.id; var questions = \['Question 1', 'Question 2', 'Question 3', 'Question 4', 'Question 5', 'Question 6'\]; var chosenQuestions = questions\[Mat…

---

## [New Web components book](https://forum.kirupa.com/t/new-web-components-book/638839)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 2\
**Last updated:** [October 23, 2018, 8:12pm UTC](https://forum.kirupa.com/t/new-web-components-book/638839 "2018-10-23T20:12:26Z")

</div>

I want to start using web components and found this book: https://www.manning.com/books/web-components-in-action What do you guys think?

---

## [DOM vs. Canvas | kirupa.com](https://forum.kirupa.com/t/dom-vs-canvas-kirupa-com/353062)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [October 20, 2018, 11:51pm UTC](https://forum.kirupa.com/t/dom-vs-canvas-kirupa-com/353062 "2018-10-20T23:51:34Z")

</div>

by kirupa | 10 April 2013 Did you know that you have a choice in how you can get things to display in your browser? Well...you do! The most common approach for getting content to display on your screen is b…

---

## [Transfer value from one page to another](https://forum.kirupa.com/t/transfer-value-from-one-page-to-another/638038)

<div class="topic-metadata">

**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\
**Replies:** 10\
**Last updated:** [October 20, 2018, 4:42pm UTC](https://forum.kirupa.com/t/transfer-value-from-one-page-to-another/638038 "2018-10-20T16:42:07Z")

</div>

Hi just want to create a custom login form of this page “campus.stclaircollege.ca” So how do i transfer value(user name and password) from my custom login page to this page to login

---

## [Python/Folium](https://forum.kirupa.com/t/python-folium/638827)

<div class="topic-metadata">

**Author:** [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)\
**Replies:** 2\
**Last updated:** [October 20, 2018, 3:17am UTC](https://forum.kirupa.com/t/python-folium/638827 "2018-10-20T03:17:17Z")

</div>

I’m making a map using a single spreadsheet of data, as some facilities meet certain criteria that others don’t, that I’d like to filter out into a separate layer that can be selected on the map. I’m fresh into python, …

---

## [ReferenceError: cardStyle is not defined](https://forum.kirupa.com/t/referenceerror-cardstyle-is-not-defined/638805)

<div class="topic-metadata">

**Author:** [@paulgoulart](https://forum.kirupa.com/u/paulgoulart)\
**Replies:** 1\
**Last updated:** [October 15, 2018, 3:38pm UTC](https://forum.kirupa.com/t/referenceerror-cardstyle-is-not-defined/638805 "2018-10-15T15:38:04Z")

</div>

With this code I get this error. I’ve looked and looked but can’t seem to find the problem. Any suggestions? \<!DOCTYPE html\> \<html\> \<head\> \<meta charset="utf-8"\> \<title\>More Components\</title\> \<script sr…

---

## [Learning React, Creating Complex Component - not rendering properly](https://forum.kirupa.com/t/learning-react-creating-complex-component-not-rendering-properly/638803)

<div class="topic-metadata">

**Author:** [@Mark\_Pastor](https://forum.kirupa.com/u/Mark_Pastor)\
**Replies:** 3\
**Last updated:** [October 15, 2018, 3:24pm UTC](https://forum.kirupa.com/t/learning-react-creating-complex-component-not-rendering-properly/638803 "2018-10-15T15:24:08Z")

</div>

I have created a file: simpleTest.html with the code from the static example in chapter 5 of the book. The web page keeps coming up blank. Is there an obvious answer to why I am not seeing the code render?

---

## [Writing a string to textarea without markup in JS](https://forum.kirupa.com/t/writing-a-string-to-textarea-without-markup-in-js/638797)

<div class="topic-metadata">

**Author:** [@T\_Clarke](https://forum.kirupa.com/u/T_Clarke)\
**Replies:** 2\
**Last updated:** [October 13, 2018, 3:54pm UTC](https://forum.kirupa.com/t/writing-a-string-to-textarea-without-markup-in-js/638797 "2018-10-13T15:54:45Z")

</div>

Hi I am trying to selectively colour text, according to word length. I have achieved a string with markup included, e.g. \< font color=“green”\>\< font\> My problem is how do I write this, programmatically, to a text area…

---

## [\<React.Format\> error while studying Learning React Book](https://forum.kirupa.com/t/react-format-error-while-studying-learning-react-book/638777)

<div class="topic-metadata">

**Author:** [@PIxelDroid](https://forum.kirupa.com/u/PIxelDroid)\
**Replies:** 12\
**Last updated:** [October 7, 2018, 8:27pm UTC](https://forum.kirupa.com/t/react-format-error-while-studying-learning-react-book/638777 "2018-10-07T20:27:01Z")

</div>

Hi All: I have run into an error while studying the Kirupa React Book. In 'JSX Quirks" on p.83 there is a discussion about using \<\>\</\> as a shortcut for \<React.Fragment\>. I get a Babel error when I use this syntax. Cod…

---

## [i want to hover image on another image ?](https://forum.kirupa.com/t/i-want-to-hover-image-on-another-image/638776)

<div class="topic-metadata">

**Author:** [@ponsukeen](https://forum.kirupa.com/u/ponsukeen)\
**Replies:** 2\
**Last updated:** [October 7, 2018, 4:36am UTC](https://forum.kirupa.com/t/i-want-to-hover-image-on-another-image/638776 "2018-10-07T04:36:36Z")

</div>

i want to hover image on another image ? like i have black facebook icon when i want to hover on it i want to switch the color to blue how i can do this ? note( facebook icon is circle) dich vu giup viec nha uy tín g…

---

## [Create React App 2](https://forum.kirupa.com/t/create-react-app-2/638748)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 1\
**Last updated:** [October 5, 2018, 3:28am UTC](https://forum.kirupa.com/t/create-react-app-2/638748 "2018-10-05T03:28:55Z")

</div>

Create React App 2 was just released. It includes SASS support which I’m excited about. I don’t generally use create-react-app, but I did the other day for something quick and was surprised that sass or something simila…

---

## [Error #1502: A script has executed for longer than ...](https://forum.kirupa.com/t/error-1502-a-script-has-executed-for-longer-than/638745)

<div class="topic-metadata">

**Author:** [@ajoo](https://forum.kirupa.com/u/ajoo)\
**Replies:** 7\
**Last updated:** [October 4, 2018, 10:03am UTC](https://forum.kirupa.com/t/error-1502-a-script-has-executed-for-longer-than/638745 "2018-10-04T10:03:22Z")

</div>

Hi all ! I have a website that serves a flash movie ( swf ). There is a loader movie, that loads the main movie and communicates with php. However while loading the main movie, I get the error in the heading above. The …

---

## [From Pixels to Objects](https://forum.kirupa.com/t/from-pixels-to-objects/638744)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [September 30, 2018, 5:46pm UTC](https://forum.kirupa.com/t/from-pixels-to-objects/638744 "2018-09-30T17:46:55Z")

</div>

So far, one thing has held true about what we've done on the canvas. Once a pixel makes it way to the screen, that's it. Everything about how it got there, what properties make up the larger shape we were intending to dr…

---

## [Drawing on canvas using array from json](https://forum.kirupa.com/t/drawing-on-canvas-using-array-from-json/638717)

<div class="topic-metadata">

**Author:** [@gwgwpl](https://forum.kirupa.com/u/gwgwpl)\
**Replies:** 2\
**Last updated:** [September 24, 2018, 5:21pm UTC](https://forum.kirupa.com/t/drawing-on-canvas-using-array-from-json/638717 "2018-09-24T17:21:48Z")

</div>

Hi, i’m trying to draw on canvas with pure js, using arrays from json file. First, i’m using MidiConvert from: https://tonejs.github.io/MidiConvert/ To convert midi files to json format, here is example of conversio…

---

## [Drawing on canvas with keyboard events](https://forum.kirupa.com/t/drawing-on-canvas-with-keyboard-events/638688)

<div class="topic-metadata">

**Author:** [@gwgwpl](https://forum.kirupa.com/u/gwgwpl)\
**Replies:** 10\
**Last updated:** [September 19, 2018, 12:38pm UTC](https://forum.kirupa.com/t/drawing-on-canvas-with-keyboard-events/638688 "2018-09-19T12:38:51Z")

</div>

Hello,first,sorry for my English,i’m not native, nice to meet you all :slight\_smile: I’m working locally (linux/xampp ) on a project where i need to draw many elements on canvas on multiply keyboard events. Simple exa…

---

## [controlling bootstrap modal position](https://forum.kirupa.com/t/controlling-bootstrap-modal-position/638697)

<div class="topic-metadata">

**Author:** [@pcla56](https://forum.kirupa.com/u/pcla56)\
**Replies:** 1\
**Last updated:** [September 13, 2018, 5:57pm UTC](https://forum.kirupa.com/t/controlling-bootstrap-modal-position/638697 "2018-09-13T17:57:27Z")

</div>

I have tried to read up about this and have tried endless solutions without success. I want to display a modal without the background scrolling to the top. Almost everyone suggests some variant of overfow control but it …

---

## [CSS Variables + JavaScript = Win!](https://forum.kirupa.com/t/css-variables-javascript-win/638333)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [September 4, 2018, 3:18am UTC](https://forum.kirupa.com/t/css-variables-javascript-win/638333 "2018-09-04T03:18:33Z")

</div>

by kirupa | 5 June 2018 When setting CSS property values via JavaScript, especially the really complex ones, you will often find yourself wrestling with strings: This is a companion discussion topic for the origi…

---

## [For-work side projects?](https://forum.kirupa.com/t/for-work-side-projects/637879)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 12\
**Last updated:** [September 1, 2018, 12:46am UTC](https://forum.kirupa.com/t/for-work-side-projects/637879 "2018-09-01T00:46:24Z")

</div>

Is anyone working on any side projects for work (not personal)? I used to do a lot when in tech support, some projects even becoming full-fledged product features (mainly in Fireworks which, naturally, effectively died …

---

## [Catch Decorators? How about this??](https://forum.kirupa.com/t/catch-decorators-how-about-this/638658)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 2\
**Last updated:** [August 31, 2018, 7:22pm UTC](https://forum.kirupa.com/t/catch-decorators-how-about-this/638658 "2018-08-31T19:22:04Z")

</div>

So this guy is all like… And I’m all like, why not… Right?!? I guess I was the only one that thought it was funny :pensive:

---

## [WPF Inkcanvas selection adorner](https://forum.kirupa.com/t/wpf-inkcanvas-selection-adorner/638646)

<div class="topic-metadata">

**Author:** [@Himanshu\_Mange](https://forum.kirupa.com/u/Himanshu_Mange)\
**Replies:** 1\
**Last updated:** [August 30, 2018, 8:38pm UTC](https://forum.kirupa.com/t/wpf-inkcanvas-selection-adorner/638646 "2018-08-30T20:38:59Z")

</div>

I want to change default selection adorner in WPF inkcanvas. I tried clearing selection in selectionchange event but confused about what to do next ?

---

## [javascript code problem?](https://forum.kirupa.com/t/javascript-code-problem/638648)

<div class="topic-metadata">

**Author:** [@cabaka](https://forum.kirupa.com/u/cabaka)\
**Replies:** 2\
**Last updated:** [August 30, 2018, 8:10pm UTC](https://forum.kirupa.com/t/javascript-code-problem/638648 "2018-08-30T20:10:40Z")

</div>

Hello, Anybody can help me about what is wrong with this code? on (press) { getURL ("javascript:yev=window.open('http://cagribariskasap.\*\*\*\*\*\*\*\*\*\*app.com/yev.swf','yev','width=1024,height=768,left=0,top=0 ,toolbar=No,l…

---

## [Smoke Effect](https://forum.kirupa.com/t/smoke-effect/638615)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [August 19, 2018, 1:06am UTC](https://forum.kirupa.com/t/smoke-effect/638615 "2018-08-19T01:06:21Z")

</div>

While playing around on the canvas, I created a smoke-like effect: https://www.youtube.com/watch?v=iShiJxTiWRc&width=600&height=400 This is done by animating a lot of barely visible gray circles. The code is below: \<!…

---

## [Refactoring mystery, or is it?](https://forum.kirupa.com/t/refactoring-mystery-or-is-it/638606)

<div class="topic-metadata">

**Author:** [@JohnHansenArtist](https://forum.kirupa.com/u/JohnHansenArtist)\
**Replies:** 4\
**Last updated:** [August 14, 2018, 2:45pm UTC](https://forum.kirupa.com/t/refactoring-mystery-or-is-it/638606 "2018-08-14T14:45:16Z")

</div>

I am working in a Gatsby Reactjs project and I’ve recently come across something that has me confused. I solved the issue but I don’t understand why it works the way it does. Maybe someone can help me understand. In a c…

---

## [Full Galaxian Disassembly / Source Code!](https://forum.kirupa.com/t/full-galaxian-disassembly-source-code/638605)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [August 13, 2018, 11:51pm UTC](https://forum.kirupa.com/t/full-galaxian-disassembly-source-code/638605 "2018-08-13T23:51:25Z")

</div>

This is something I can totally relate to, for I played Galaxian a lot. (Never played with a Furby before!)

---

## [Understanding Degrees on the Web](https://forum.kirupa.com/t/understanding-degrees-on-the-web/638602)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [August 13, 2018, 9:33pm UTC](https://forum.kirupa.com/t/understanding-degrees-on-the-web/638602 "2018-08-13T21:33:05Z")

</div>

When it comes to degrees, you probably know a whole lot about them already from just being alive...taking geometry classes in school, doing basic woodworking, going into outer space, and/or having ever rotated an element…

---

## [Checking internet connection using XMLHttpRequest()](https://forum.kirupa.com/t/checking-internet-connection-using-xmlhttprequest/638588)

<div class="topic-metadata">

**Author:** [@Crazzy\_MindBoggler](https://forum.kirupa.com/u/Crazzy_MindBoggler)\
**Replies:** 0\
**Last updated:** [August 6, 2018, 10:38am UTC](https://forum.kirupa.com/t/checking-internet-connection-using-xmlhttprequest/638588 "2018-08-06T10:38:43Z")

</div>

Hi, With reference to the link Check internet connection i tried to implement the same in my code. I added the code in the file which will be first loaded in the project I have two queries When i keep the internet co…

---

## [Webpack dev-server doesn't show the image](https://forum.kirupa.com/t/webpack-dev-server-doesnt-show-the-image/638578)

<div class="topic-metadata">

**Author:** [@kayut](https://forum.kirupa.com/u/kayut)\
**Replies:** 1\
**Last updated:** [August 4, 2018, 11:49pm UTC](https://forum.kirupa.com/t/webpack-dev-server-doesnt-show-the-image/638578 "2018-08-04T23:49:41Z")

</div>

Hi, I’m trying to understand how webpack is working. For this I created a very simple example: webpack.config.js const path = require('path'); module.exports = { entry: \['./src/index.js'\], output: { path: p…

---

## [Creating the iOS Icon Jiggle / Wobble Effect in CSS](https://forum.kirupa.com/t/creating-the-ios-icon-jiggle-wobble-effect-in-css/331950)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [August 3, 2018, 11:14pm UTC](https://forum.kirupa.com/t/creating-the-ios-icon-jiggle-wobble-effect-in-css/331950 "2018-08-03T23:14:22Z")

</div>

If you’ve ever wanted to re-create the iOS wiggle or wobble effect, this tutorial will help you out. If you have any questions, this thread is your…indifferent friend :deranged: Cheers, Kirupa

---

## [The Component Lifecycle](https://forum.kirupa.com/t/the-component-lifecycle/636208)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 11\
**Last updated:** [July 31, 2018, 11:48am UTC](https://forum.kirupa.com/t/the-component-lifecycle/636208 "2018-07-31T11:48:17Z")

</div>

In the beginning, we started off with a very simple view of components and what they do. As we learned more about React and did cooler and more involved things, it turns out our components aren't all that simple. They he…

---

## [JavaScript and keyboard shortcuts](https://forum.kirupa.com/t/javascript-and-keyboard-shortcuts/638550)

<div class="topic-metadata">

**Author:** [@travis](https://forum.kirupa.com/u/travis)\
**Replies:** 3\
**Last updated:** [July 30, 2018, 1:44pm UTC](https://forum.kirupa.com/t/javascript-and-keyboard-shortcuts/638550 "2018-07-30T13:44:07Z")

</div>

I’ve been scouring the internet all day trying to find an answer, and I believe it’s no but I turn to the trusty old Kirupa forms for the definitive answer. Is it possible to create a function that is triggered when a u…

[Previous page](https://forum.kirupa.com/c/programming/41.md?page=52)

[Next page](https://forum.kirupa.com/c/programming/41.md?page=54)