# web dev

**URL:** https://forum.kirupa.com/c/programming/web-dev/42.md?page=38

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

**Page:** 39

---

## [Bringing the modal box out of an iframe.](https://forum.kirupa.com/t/bringing-the-modal-box-out-of-an-iframe/638247)

<div class="topic-metadata">

**Author:** [@Jithin](https://forum.kirupa.com/u/Jithin)\
**Replies:** 1\
**Last updated:** [May 20, 2018, 3:19pm UTC](https://forum.kirupa.com/t/bringing-the-modal-box-out-of-an-iframe/638247 "2018-05-20T15:19:18Z")

</div>

Is it possible to bring a modal box inside the iframe to outside?

---

## [Using the in-browser React and Babel libraries!](https://forum.kirupa.com/t/using-the-in-browser-react-and-babel-libraries/637983)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [May 16, 2018, 1:49am UTC](https://forum.kirupa.com/t/using-the-in-browser-react-and-babel-libraries/637983 "2018-05-16T01:49:29Z")

</div>

Hi everyone! If you are starting with learning React, the best way to get started is to use the in-browser React and Babel libraries. That’s what the Learning React book starts off with as well. Since the printed book m…

---

## [css , js and html problem](https://forum.kirupa.com/t/css-js-and-html-problem/638222)

<div class="topic-metadata">

**Author:** [@hao](https://forum.kirupa.com/u/hao)\
**Replies:** 0\
**Last updated:** [May 15, 2018, 9:59am UTC](https://forum.kirupa.com/t/css-js-and-html-problem/638222 "2018-05-15T09:59:05Z")

</div>

i want to set the effect as my background … try so long but still can’t put my container inside the effect… :sob::sob: pls help me! app.js (2.8 KB) test.html (2.6 KB) particles.js (42.0 KB) style.css (2.5 KB)

---

## [Bug when visualizing negative animation-delay value in the Chrome Dev Tools?](https://forum.kirupa.com/t/bug-when-visualizing-negative-animation-delay-value-in-the-chrome-dev-tools/638207)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [May 15, 2018, 6:50am UTC](https://forum.kirupa.com/t/bug-when-visualizing-negative-animation-delay-value-in-the-chrome-dev-tools/638207 "2018-05-15T06:50:37Z")

</div>

Is it me, or is there a bug in the Chrome Dev Tools when visualizing animations with a negative animation-delay property? The full animation is here: Pulsing Circle Here is the relevant bit: \<div class="circle" style="…

---

## [PLs help... Html and CSS problem...](https://forum.kirupa.com/t/pls-help-html-and-css-problem/638189)

<div class="topic-metadata">

**Author:** [@hao](https://forum.kirupa.com/u/hao)\
**Replies:** 4\
**Last updated:** [May 15, 2018, 2:27am UTC](https://forum.kirupa.com/t/pls-help-html-and-css-problem/638189 "2018-05-15T02:27:32Z")

</div>

i create a dashboard and i opacity it… I don’t wan my word have opacity effect how to do it… pls help Dashboard

---

## [connection to database problem](https://forum.kirupa.com/t/connection-to-database-problem/638171)

<div class="topic-metadata">

**Author:** [@hao](https://forum.kirupa.com/u/hao)\
**Replies:** 1\
**Last updated:** [May 4, 2018, 3:25am UTC](https://forum.kirupa.com/t/connection-to-database-problem/638171 "2018-05-04T03:25:20Z")

</div>

how to connect to my database php with google chart… database name=person\_detail, table=gender, type=(1)girl , (2)boy, data (2,5)… not working and donknow why :disappointed\_relieved: \<?php $dbhandle = new mysqli('loc…

---

## [webcam connection problem](https://forum.kirupa.com/t/webcam-connection-problem/638170)

<div class="topic-metadata">

**Author:** [@hao](https://forum.kirupa.com/u/hao)\
**Replies:** 4\
**Last updated:** [May 3, 2018, 10:48am UTC](https://forum.kirupa.com/t/webcam-connection-problem/638170 "2018-05-03T10:48:29Z")

</div>

i learn this but i cant connect to my webcam… and the webcam is on but show nothing in display… it show — \> file:///C:/xampp/htdocs/Webcam/index.html what my problem? pls help

---

## [Share buttons in website](https://forum.kirupa.com/t/share-buttons-in-website/637910)

<div class="topic-metadata">

**Author:** [@ephraim99](https://forum.kirupa.com/u/ephraim99)\
**Replies:** 3\
**Last updated:** [May 3, 2018, 6:30am UTC](https://forum.kirupa.com/t/share-buttons-in-website/637910 "2018-05-03T06:30:42Z")

</div>

Hello i want to create share buttons to social networks in my project with javascript …i did my best with the ideas i have and some research too it didn’t work for me any help please?

---

## [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 .

---

## [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…

---

## [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 …

---

## [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…

---

## [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…

---

## [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):

---

## [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…

---

## [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…

---

## [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…

---

## [Script for running a webpack build on localhost](https://forum.kirupa.com/t/script-for-running-a-webpack-build-on-localhost/637972)

<div class="topic-metadata">

**Author:** [@kgraham5225](https://forum.kirupa.com/u/kgraham5225)\
**Replies:** 2\
**Last updated:** [March 26, 2018, 4:55pm UTC](https://forum.kirupa.com/t/script-for-running-a-webpack-build-on-localhost/637972 "2018-03-26T16:55:47Z")

</div>

Hey, I’m new around. I wanted to ask a question and see if anyone knew. I am currently working on shifting a project, it was originally react code built by webpack and run through spring boot in tomcat. I am changing i…

---

## [Webapge](https://forum.kirupa.com/t/webapge/637960)

<div class="topic-metadata">

**Author:** [@warmby](https://forum.kirupa.com/u/warmby)\
**Replies:** 0\
**Last updated:** [March 21, 2018, 6:14am UTC](https://forum.kirupa.com/t/webapge/637960 "2018-03-21T06:14:05Z")

</div>

hey i like your work. and i need your help. actually i need whole html codes to access selfie camera of andriod via webpage and capture of that camera send to other web adrees or any email adress. just tell me you can…

---

## [React-redux error: Failed to execute 'removeChild' on 'Node'](https://forum.kirupa.com/t/react-redux-error-failed-to-execute-removechild-on-node/637803)

<div class="topic-metadata">

**Author:** [@Shyam\_Prasath](https://forum.kirupa.com/u/Shyam_Prasath)\
**Replies:** 2\
**Last updated:** [February 10, 2018, 6:02pm UTC](https://forum.kirupa.com/t/react-redux-error-failed-to-execute-removechild-on-node/637803 "2018-02-10T18:02:47Z")

</div>

---

## [How to create multipage pdf with html/css/img markup?](https://forum.kirupa.com/t/how-to-create-multipage-pdf-with-html-css-img-markup/637837)

<div class="topic-metadata">

**Author:** [@selvaonline](https://forum.kirupa.com/u/selvaonline)\
**Replies:** 0\
**Last updated:** [February 9, 2018, 1:58am UTC](https://forum.kirupa.com/t/how-to-create-multipage-pdf-with-html-css-img-markup/637837 "2018-02-09T01:58:36Z")

</div>

I have opened up modal with html markup,css, image background and i want to convert this modal to a high quality, multipage pdf. As i googled, few people suggested, phantomjs to screen capture and pdf generation. What is…

---

## [Postion an element with javascript](https://forum.kirupa.com/t/postion-an-element-with-javascript/636125)

<div class="topic-metadata">

**Author:** [@Numinus](https://forum.kirupa.com/u/Numinus)\
**Replies:** 1\
**Last updated:** [March 2, 2017, 1:23am UTC](https://forum.kirupa.com/t/postion-an-element-with-javascript/636125 "2017-03-02T01:23:33Z")

</div>

var hiddenText = document.createElement("TEXTAREA"); document.body.appendChild(hiddenText); hiddenText.setAttribute("id", "hiddenText"); how do i use plain javascript to position this textarea off the page so that is un…

---

## [Beginner need help !!!!! Slick grid in react js](https://forum.kirupa.com/t/beginner-need-help-slick-grid-in-react-js/637815)

<div class="topic-metadata">

**Author:** [@Bhagyalakshmi](https://forum.kirupa.com/u/Bhagyalakshmi)\
**Replies:** 0\
**Last updated:** [February 4, 2018, 6:33pm UTC](https://forum.kirupa.com/t/beginner-need-help-slick-grid-in-react-js/637815 "2018-02-04T18:33:27Z")

</div>

Hi, I need your help on integrating jquery plugin (legacy library) of slick grid into the latest react js version. I tried by npm install slickgrid, slickgrid es6 and slickgrid 6pac, but it didn’t helped. I got an erro…

---

## [Adobe Animate CC HTML5 Canvas As3 loadMovie(); equivalent](https://forum.kirupa.com/t/adobe-animate-cc-html5-canvas-as3-loadmovie-equivalent/637812)

<div class="topic-metadata">

**Author:** [@agentparas](https://forum.kirupa.com/u/agentparas)\
**Replies:** 0\
**Last updated:** [February 3, 2018, 8:08am UTC](https://forum.kirupa.com/t/adobe-animate-cc-html5-canvas-as3-loadmovie-equivalent/637812 "2018-02-03T08:08:24Z")

</div>

I’m an old sudden-newbie attempting to make the transition from Flash to Adobe Animate CC and learning about exporting my banner animations to HTML5 Canvas but it seems like the “industry” is in flux and Animate CC now c…

---

## [Navigate Modal in React using onKeyDown and Portal do I need onFocus?](https://forum.kirupa.com/t/navigate-modal-in-react-using-onkeydown-and-portal-do-i-need-onfocus/637802)

<div class="topic-metadata">

**Author:** [@JohnHansenArtist](https://forum.kirupa.com/u/JohnHansenArtist)\
**Replies:** 3\
**Last updated:** [February 1, 2018, 2:45pm UTC](https://forum.kirupa.com/t/navigate-modal-in-react-using-onkeydown-and-portal-do-i-need-onfocus/637802 "2018-02-01T14:45:49Z")

</div>

Hi all, I want to be able to give the user the ability to use the keyboard left/right arrow keys to move between images that are loaded in a modal. The modal is mounted using ReactDOM.createPortal(). An array of images …

[Previous page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=37)

[Next page](https://forum.kirupa.com/c/programming/web-dev/42.md?page=39)