# programming

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

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

**Page:** 58

---

## [inputbox typed value stays even after submit](https://forum.kirupa.com/t/inputbox-typed-value-stays-even-after-submit/638152)

<div class="topic-metadata">

**Author:** [@siargao](https://forum.kirupa.com/u/siargao)\
**Replies:** 2\
**Last updated:** [April 30, 2018, 12:29am UTC](https://forum.kirupa.com/t/inputbox-typed-value-stays-even-after-submit/638152 "2018-04-30T00:29:07Z")

</div>

Hello Kirupa, I have finished the Todolist tutorial by watching your video and reading your book Learn React. I came across a problem though. The text I typed in the inputbox stays after I press the submit button. I d…

---

## [How to make website and android App](https://forum.kirupa.com/t/how-to-make-website-and-android-app/637998)

<div class="topic-metadata">

**Author:** [@aryaan](https://forum.kirupa.com/u/aryaan)\
**Replies:** 9\
**Last updated:** [April 26, 2018, 9:26pm UTC](https://forum.kirupa.com/t/how-to-make-website-and-android-app/637998 "2018-04-26T21:26:31Z")

</div>

Hi, is it possible to make website in node js with template engine and restful api (toghather) for android

---

## [Keyboard Events to support A11y using React](https://forum.kirupa.com/t/keyboard-events-to-support-a11y-using-react/638144)

<div class="topic-metadata">

**Author:** [@kishore1288](https://forum.kirupa.com/u/kishore1288)\
**Replies:** 1\
**Last updated:** [April 26, 2018, 5:16pm UTC](https://forum.kirupa.com/t/keyboard-events-to-support-a11y-using-react/638144 "2018-04-26T17:16:30Z")

</div>

Keyboard Events to support Accessibility .

---

## [Alt key virtual codes](https://forum.kirupa.com/t/alt-key-virtual-codes/638142)

<div class="topic-metadata">

**Author:** [@Mulligan81](https://forum.kirupa.com/u/Mulligan81)\
**Replies:** 0\
**Last updated:** [April 26, 2018, 11:26am UTC](https://forum.kirupa.com/t/alt-key-virtual-codes/638142 "2018-04-26T11:26:24Z")

</div>

Inspecting the Right Alt key messages using Microsoft Spy++ returns the following: WM\_KEYDOWN nVirtKey:VK\_CONTROL WM\_KEYDOWN nVirtKey:VK\_MENU WM\_SYSKEYUP nVirtKey:VK\_CONTROL WM\_KEYUP nVirtKey:VK\_MENU Why does the key …

---

## [New React 16.3 Context API](https://forum.kirupa.com/t/new-react-16-3-context-api/637819)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 17\
**Last updated:** [April 23, 2018, 1:26pm UTC](https://forum.kirupa.com/t/new-react-16-3-context-api/637819 "2018-04-23T13:26:22Z")

</div>

Is it just me, or does the new context API defeat the ease and flexibility of the old context? Now I have to wrap users of context within a consumer component and a wrapper function call which is tightly coupled to the p…

---

## [Script help](https://forum.kirupa.com/t/script-help/638122)

<div class="topic-metadata">

**Author:** [@brianb91](https://forum.kirupa.com/u/brianb91)\
**Replies:** 3\
**Last updated:** [April 25, 2018, 5:14am UTC](https://forum.kirupa.com/t/script-help/638122 "2018-04-25T05:14:44Z")

</div>

It has been a long time since I have done HTML code or Javascript for that matter. I have been retired for 5 + years. I no longer have the code I used to have a phone number follow the cursor. It was very simple code but…

---

## [Mini cart is not working in woocommerce](https://forum.kirupa.com/t/mini-cart-is-not-working-in-woocommerce/638126)

<div class="topic-metadata">

**Author:** [@ashadweb](https://forum.kirupa.com/u/ashadweb)\
**Replies:** 1\
**Last updated:** [April 24, 2018, 10:37am UTC](https://forum.kirupa.com/t/mini-cart-is-not-working-in-woocommerce/638126 "2018-04-24T10:37:13Z")

</div>

I have a woocommerce website which runs Porto theme the issue is mini cart is not loading on mobile. http://sridesk.com/trendy/ appreciate if anyone could help me.

---

## [In React, swap images on scroll; a la magicleap.com](https://forum.kirupa.com/t/in-react-swap-images-on-scroll-a-la-magicleap-com/638119)

<div class="topic-metadata">

**Author:** [@newbieuser](https://forum.kirupa.com/u/newbieuser)\
**Replies:** 0\
**Last updated:** [April 21, 2018, 7:03pm UTC](https://forum.kirupa.com/t/in-react-swap-images-on-scroll-a-la-magicleap-com/638119 "2018-04-21T19:03:19Z")

</div>

Update: Code below’s updated. Seems to be working, although, it ain’t pretty. Still, a start. If anyone looks this over and has a thought or two, feel free… Appreciate the attention. I’m working on a small site, using …

---

## [a quick question about Vue](https://forum.kirupa.com/t/a-quick-question-about-vue/638104)

<div class="topic-metadata">

**Author:** [@phanhuyen](https://forum.kirupa.com/u/phanhuyen)\
**Replies:** 1\
**Last updated:** [April 20, 2018, 10:37am UTC](https://forum.kirupa.com/t/a-quick-question-about-vue/638104 "2018-04-20T10:37:29Z")

</div>

If you have, I was wondering what your experiences with it has been, especially compared to any other framework/library you’ve used. I started looking into it as a comparison to some internal library and some things abou…

---

## [convert code embedding swf file into a js file](https://forum.kirupa.com/t/convert-code-embedding-swf-file-into-a-js-file/638094)

<div class="topic-metadata">

**Author:** [@ajoo](https://forum.kirupa.com/u/ajoo)\
**Replies:** 0\
**Last updated:** [April 18, 2018, 6:02pm UTC](https://forum.kirupa.com/t/convert-code-embedding-swf-file-into-a-js-file/638094 "2018-04-18T18:02:10Z")

</div>

Hi all. The code embedding the swf file using AC\_RunActiveContent.js looks as below: \<script type="text/javascript" \> AC\_FL\_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ver…

---

## [Styling in React | kirupa.com](https://forum.kirupa.com/t/styling-in-react-kirupa-com/636194)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [April 17, 2018, 11:14pm UTC](https://forum.kirupa.com/t/styling-in-react-kirupa-com/636194 "2018-04-17T23:14:02Z")

</div>

For generations, mankind (and probably really smart dolphins) have styled their HTML content using CSS. Things were good. With CSS, you had a good separation between the content and the presentation. The selector syntax …

---

## [keeping current image in canvas on redraw](https://forum.kirupa.com/t/keeping-current-image-in-canvas-on-redraw/638081)

<div class="topic-metadata">

**Author:** [@ollie-w](https://forum.kirupa.com/u/ollie-w)\
**Replies:** 5\
**Last updated:** [April 16, 2018, 4:43pm UTC](https://forum.kirupa.com/t/keeping-current-image-in-canvas-on-redraw/638081 "2018-04-16T16:43:41Z")

</div>

I want to apply a filter to a canvas. I am bringing the image in using ajax. fetch('/catpicture') .then(response =\> response.blob()) .then(blob =\> createImageBitmap(blob)) .then((bitmap) =\> { ctx.drawImage(bitmap, 0…

---

## [AS3 Cannot communicate with php.](https://forum.kirupa.com/t/as3-cannot-communicate-with-php/638072)

<div class="topic-metadata">

**Author:** [@ajoo](https://forum.kirupa.com/u/ajoo)\
**Replies:** 5\
**Last updated:** [April 13, 2018, 5:37pm UTC](https://forum.kirupa.com/t/as3-cannot-communicate-with-php/638072 "2018-04-13T17:37:45Z")

</div>

Hi, I have spent the whole day getting this seemingly simple piece of code to work but it stubbornly refuses to. var variables:URLVariables = new URLVariables(); var varSend:URLRequest = new URLRequest("comm.php"); v…

---

## [using canvis drawImage() when you don't know image dimensions](https://forum.kirupa.com/t/using-canvis-drawimage-when-you-dont-know-image-dimensions/638080)

<div class="topic-metadata">

**Author:** [@ollie-w](https://forum.kirupa.com/u/ollie-w)\
**Replies:** 1\
**Last updated:** [April 15, 2018, 4:09pm UTC](https://forum.kirupa.com/t/using-canvis-drawimage-when-you-dont-know-image-dimensions/638080 "2018-04-15T16:09:30Z")

</div>

I am getting images from an API. They are all different sizes and I don’t know ahead of time what dimension they will be. Both CSS background-image and object-fit offer cover and contain. What I would like is to recreat…

---

## [Hand Drawing Shape OpenCV/Canvas](https://forum.kirupa.com/t/hand-drawing-shape-opencv-canvas/638071)

<div class="topic-metadata">

**Author:** [@dungsmile4242](https://forum.kirupa.com/u/dungsmile4242)\
**Replies:** 0\
**Last updated:** [April 13, 2018, 8:33am UTC](https://forum.kirupa.com/t/hand-drawing-shape-opencv-canvas/638071 "2018-04-13T08:33:06Z")

</div>

Hello guys! I am a student and all the help I can have are really appreciated! \<3 My first target is to create a canvas, wherein I can draw shape manually. (Pentagon, hexagon, square, arrow, etc) I don’t want to draw t…

---

## [Simple Slide Gesture Detection using JavaScript](https://forum.kirupa.com/t/simple-slide-gesture-detection-using-javascript/637946)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [April 10, 2018, 12:56pm UTC](https://forum.kirupa.com/t/simple-slide-gesture-detection-using-javascript/637946 "2018-04-10T12:56:38Z")

</div>

Play with example on a touch device here: https://www.kirupa.com/html5/examples/touch\_js.htm I needed to do some simple touch detection to see if the user is sliding up, down, left, or right. I wasn’t able to find any g…

---

## [access variables from parent swf into loaded swf](https://forum.kirupa.com/t/access-variables-from-parent-swf-into-loaded-swf/638039)

<div class="topic-metadata">

**Author:** [@ajoo](https://forum.kirupa.com/u/ajoo)\
**Replies:** 5\
**Last updated:** [April 9, 2018, 8:28am UTC](https://forum.kirupa.com/t/access-variables-from-parent-swf-into-loaded-swf/638039 "2018-04-09T08:28:03Z")

</div>

Hi all, I have an AS3 swf that I am using mainly to load another AS2 swf. AS3.swf is embedded in a HTML which uses Flashvars to pass parameters to AS3.swf. AS3 successfully loads AS2 and Flashvar values are collected in…

---

## [prepackaging html js pages in HWA app](https://forum.kirupa.com/t/prepackaging-html-js-pages-in-hwa-app/638026)

<div class="topic-metadata">

**Author:** [@ashu1](https://forum.kirupa.com/u/ashu1)\
**Replies:** 1\
**Last updated:** [April 9, 2018, 5:16am UTC](https://forum.kirupa.com/t/prepackaging-html-js-pages-in-hwa-app/638026 "2018-04-09T05:16:19Z")

</div>

Hey Kirupa, I have a query related to prepackaging HTML JS page in HWA app for fast boot. Basically to create a native experience, I want to prepackage my HTML and JS page in the app. This page should be my start page. …

---

## [React 16.3.0 released](https://forum.kirupa.com/t/react-16-3-0-released/637999)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 1\
**Last updated:** [April 2, 2018, 12:13pm UTC](https://forum.kirupa.com/t/react-16-3-0-released/637999 "2018-04-02T12:13:39Z")

</div>

Release on github: Blog post about features (Context API, createRef API, forwardRef API, Lifecycle Changes, StrictMode Component):

---

## [Animating Movement Smoothly Using CSS | kirupa.com](https://forum.kirupa.com/t/animating-movement-smoothly-using-css-kirupa-com/352150)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [April 1, 2018, 5:24pm UTC](https://forum.kirupa.com/t/animating-movement-smoothly-using-css-kirupa-com/352150 "2018-04-01T17:24:46Z")

</div>

by kirupa | 10 October 2013 A large part of what makes animations fun is being able to move things around the screen. When tastefully done and appropriately used, movement is a great way to add some l…

---

## [Materialize Autocomplete Data](https://forum.kirupa.com/t/materialize-autocomplete-data/638008)

<div class="topic-metadata">

**Author:** [@doughballs](https://forum.kirupa.com/u/doughballs)\
**Replies:** 1\
**Last updated:** [April 1, 2018, 2:35pm UTC](https://forum.kirupa.com/t/materialize-autocomplete-data/638008 "2018-04-01T14:35:32Z")

</div>

Hi. I’m looking for anyone familiar with the Materialize framework. I’m using the built in autocomplete function but having trouble getting the data dynamically. The example is shown like this: $('input.autocomplete').a…

---

## [Your Comps Should Reflect the Messiness Around Them](https://forum.kirupa.com/t/your-comps-should-reflect-the-messiness-around-them/638003)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [March 31, 2018, 4:14am UTC](https://forum.kirupa.com/t/your-comps-should-reflect-the-messiness-around-them/638003 "2018-03-31T04:14:04Z")

</div>

by kirupa | 30 March 2018 When you are creating comps for an app or web site, don't ignore the messy and crazy environment that the finished product will ultimately be in. What I mean is this. Too often, du…

---

## [Draw Rectangle on any map](https://forum.kirupa.com/t/draw-rectangle-on-any-map/637994)

<div class="topic-metadata">

**Author:** [@gauravp446](https://forum.kirupa.com/u/gauravp446)\
**Replies:** 8\
**Last updated:** [March 30, 2018, 2:41pm UTC](https://forum.kirupa.com/t/draw-rectangle-on-any-map/637994 "2018-03-30T14:41:06Z")

</div>

How to add a functionality on a map using javascript that enables draw shapes like rectangle on the map ?

---

## [CAN SOMEONE PLEASE HELP - HOW TO PRINT VALUES OF Material-Ui REDUX FORM to Material-Ui Table after pressing Submit button ?](https://forum.kirupa.com/t/can-someone-please-help-how-to-print-values-of-material-ui-redux-form-to-material-ui-table-after-pressing-submit-button/637993)

<div class="topic-metadata">

**Author:** [@rrai](https://forum.kirupa.com/u/rrai)\
**Replies:** 0\
**Last updated:** [March 28, 2018, 10:15pm UTC](https://forum.kirupa.com/t/can-someone-please-help-how-to-print-values-of-material-ui-redux-form-to-material-ui-table-after-pressing-submit-button/637993 "2018-03-28T22:15:30Z")

</div>

I have a FieldArray input in my redux-form and want to print the values of that form on the table. I am new to React but have some JavaScript experience. PLEASE HELP. It has been 47 hours and I still dont have a clue on …

---

## [How do I make parallax work below the viewport only?](https://forum.kirupa.com/t/how-do-i-make-parallax-work-below-the-viewport-only/637989)

<div class="topic-metadata">

**Author:** [@Shane\_Taylor](https://forum.kirupa.com/u/Shane_Taylor)\
**Replies:** 12\
**Last updated:** [March 29, 2018, 1:45pm UTC](https://forum.kirupa.com/t/how-do-i-make-parallax-work-below-the-viewport-only/637989 "2018-03-29T13:45:15Z")

</div>

So I got parallax working on 7 image layers that make a city, but it only displays at the top of the site when I need it to be in a DIV just above the footer How do I achieve this? Can anyone tell me what I’m doing wron…

---

## [Cool Content Carousel](https://forum.kirupa.com/t/cool-content-carousel/637973)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [March 28, 2018, 8:25pm UTC](https://forum.kirupa.com/t/cool-content-carousel/637973 "2018-03-28T20:25:02Z")

</div>

This is the place to discuss all things related to the Cool Content Carousel: https://www.kirupa.com/html5/cool\_content\_carousel.htm

---

## [How to display Material-Ui REDUX FORM VALUES to Material-Ui Table after SUBMIT?](https://forum.kirupa.com/t/how-to-display-material-ui-redux-form-values-to-material-ui-table-after-submit/637992)

<div class="topic-metadata">

**Author:** [@rrai](https://forum.kirupa.com/u/rrai)\
**Replies:** 3\
**Last updated:** [March 28, 2018, 4:11pm UTC](https://forum.kirupa.com/t/how-to-display-material-ui-redux-form-values-to-material-ui-table-after-submit/637992 "2018-03-28T16:11:57Z")

</div>

I have a FieldArray input in my redux-form and want to print the values of that form on the table. I am new to React but have some JavaScript experience. CAN SOMEBODY PLEASE SHARE A CODE . Also I am wrapping the compon…

---

## [Setting Up Your React Dev Environment Easily](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429)

<div class="topic-metadata">

**Author:** [@Ahilen](https://forum.kirupa.com/u/Ahilen)\
**Replies:** 9\
**Last updated:** [March 27, 2018, 8:50pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429 "2018-03-27T20:50:48Z")

</div>

I'm getting an error when run this command "./node\_modules/.bin/webpack" in Node.js Command Prompt. error : '.' is not recognized as an internal or external command operable program or batch file . OS: Windows 10. …

---

## [Hand Drawing Shape OpenCV/Canvas (HELP!)](https://forum.kirupa.com/t/hand-drawing-shape-opencv-canvas-help/637964)

<div class="topic-metadata">

**Author:** [@blackwoods](https://forum.kirupa.com/u/blackwoods)\
**Replies:** 6\
**Last updated:** [March 27, 2018, 3:05am UTC](https://forum.kirupa.com/t/hand-drawing-shape-opencv-canvas-help/637964 "2018-03-27T03:05:25Z")

</div>

Hello guys! I am a student and all the help I can have are really appreciated! \<3 My first target is to create a canvas, wherein I can draw shape manually. (Pentagon, hexagon, square, arrow, etc) I don’t want to draw t…

---

## [Accessing DOM Elements in React | kirupa.com](https://forum.kirupa.com/t/accessing-dom-elements-in-react-kirupa-com/636213)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 6\
**Last updated:** [March 27, 2018, 12:55am UTC](https://forum.kirupa.com/t/accessing-dom-elements-in-react-kirupa-com/636213 "2018-03-27T00:55:35Z")

</div>

by kirupa | 10 October 2016 There will be times when you want to access properties and methods on an HTML element directly. In our React-colored world where JSX represents everything that is good and pure about ma…

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

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