# Latest

**URL:** https://forum.kirupa.com/latest.md?page=88

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

**Page:** 89

---

## [Reading NDJSON stream in the browser](https://forum.kirupa.com/t/reading-ndjson-stream-in-the-browser/646715)

<div class="topic-metadata">

**Author:** [@steve.mills](https://forum.kirupa.com/u/steve.mills)\
**Replies:** 0\
**Last updated:** [March 21, 2021, 2:28am UTC](https://forum.kirupa.com/t/reading-ndjson-stream-in-the-browser/646715 "2021-03-21T02:28:03Z")

</div>

I recently was trying to stream some NDJSON to a service worker and also into a comment feed. It was a bit of an issue finding just a NDJSON reader as anything I could find was a reader → new readableStream pipe. (retur…

---

## [The example from chapter 15 of the book "Learning React" 2nd edition does not work as planned](https://forum.kirupa.com/t/the-example-from-chapter-15-of-the-book-learning-react-2nd-edition-does-not-work-as-planned/646631)

<div class="topic-metadata">

**Author:** [@11133](https://forum.kirupa.com/u/11133)\
**Replies:** 3\
**Last updated:** [March 20, 2021, 11:12pm UTC](https://forum.kirupa.com/t/the-example-from-chapter-15-of-the-book-learning-react-2nd-edition-does-not-work-as-planned/646631 "2021-03-20T23:12:20Z")

</div>

Hi, Kirupa! I express my gratitude for the book “Learning React” 2nd edition! It really helps in quickly and easily learning the React library. When you run the example in Chapter 15, the code does not work as expected. …

---

## [Using codepen.io as a testbed](https://forum.kirupa.com/t/using-codepen-io-as-a-testbed/646694)

<div class="topic-metadata">

**Author:** [@karlar](https://forum.kirupa.com/u/karlar)\
**Replies:** 1\
**Last updated:** [March 20, 2021, 11:10pm UTC](https://forum.kirupa.com/t/using-codepen-io-as-a-testbed/646694 "2021-03-20T23:10:00Z")

</div>

I am trying to complete Chapter 4 in Learning React… I have seen the errata and have another issue. I am only seeing plain, unformatted text in the output. I am using codepen.io as my development platform and have ente…

---

## [Scanning QR codes from camera livestream (camera stream embedded in HTML page)](https://forum.kirupa.com/t/scanning-qr-codes-from-camera-livestream-camera-stream-embedded-in-html-page/646636)

<div class="topic-metadata">

**Author:** [@Fejiro\_Eruotor](https://forum.kirupa.com/u/Fejiro_Eruotor)\
**Replies:** 0\
**Last updated:** [March 17, 2021, 2:02am UTC](https://forum.kirupa.com/t/scanning-qr-codes-from-camera-livestream-camera-stream-embedded-in-html-page/646636 "2021-03-17T02:02:03Z")

</div>

Hello Fellow Devs, I recently came across a related article while trying to figure out QR scanning for my desktop app. My code is as it is on the quoted article below; Article on adding to Camera live stream to your HT…

---

## [? order of execution / or who done what to whom and when ?](https://forum.kirupa.com/t/order-of-execution-or-who-done-what-to-whom-and-when/646505)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 4\
**Last updated:** [March 15, 2021, 7:08am UTC](https://forum.kirupa.com/t/order-of-execution-or-who-done-what-to-whom-and-when/646505 "2021-03-15T07:08:02Z")

</div>

Hello , I am having trouble with promises , or who done what to whom and when ? Pls , what is the order of execution with the following code: const wait = time =\> new Promise((resolve) =\> setTImeout(resolve, time)) ;…

---

## [undefined issue with looping arrays?](https://forum.kirupa.com/t/undefined-issue-with-looping-arrays/646582)

<div class="topic-metadata">

**Author:** [@HammerDown](https://forum.kirupa.com/u/HammerDown)\
**Replies:** 4\
**Last updated:** [March 14, 2021, 8:45pm UTC](https://forum.kirupa.com/t/undefined-issue-with-looping-arrays/646582 "2021-03-14T20:45:54Z")

</div>

Just getting my feet wet in Development. I already see frustration setting in but will not give up easily. I want to learn. Have a few projects that I am doing for a boot camp. Could use veteran eyes and see why it is c…

---

## [React.js](https://forum.kirupa.com/t/react-js/646570)

<div class="topic-metadata">

**Author:** [@Ferhad\_Kerimli](https://forum.kirupa.com/u/Ferhad_Kerimli)\
**Replies:** 0\
**Last updated:** [March 13, 2021, 8:39am UTC](https://forum.kirupa.com/t/react-js/646570 "2021-03-13T08:39:49Z")

</div>

Hello , i hope you doing well. i have question regarding React Router. The below , MainPAgeContainer compenent did not show on display. Header and Search is displaying MainPageContainer not. Could you tell me please t…

---

## [New Flash Games](https://forum.kirupa.com/t/new-flash-games/22477)

<div class="topic-metadata">

**Author:** [@adamtwycross](https://forum.kirupa.com/u/adamtwycross)\
**Replies:** 6\
**Last updated:** [March 6, 2021, 4:26am UTC](https://forum.kirupa.com/t/new-flash-games/22477 "2021-03-06T04:26:34Z")

</div>

Hi there folks- Brand new to the forum, so go easy on me! I've just finished work on my first couple of Flash games, which you can have a look at at www.adamtwycross.co.uk Any input, advice, or feedback always welc…

---

## [The Ken Burns Effect | Frontend Coding Exercises](https://forum.kirupa.com/t/the-ken-burns-effect-frontend-coding-exercises/633786)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 7\
**Last updated:** [March 4, 2021, 5:35am UTC](https://forum.kirupa.com/t/the-ken-burns-effect-frontend-coding-exercises/633786 "2021-03-04T05:35:03Z")

</div>

by kirupa | 18 September 2015 Ken Burns is a pretty famous (and award-winning) documentary film maker. While I haven't personally seen any of his documentaries, it's not cool to admit that publically. If you hav…

---

## [Code design: anchoring sidebar components](https://forum.kirupa.com/t/code-design-anchoring-sidebar-components/645106)

<div class="topic-metadata">

**Author:** [@vayu251](https://forum.kirupa.com/u/vayu251)\
**Replies:** 3\
**Last updated:** [March 3, 2021, 7:27pm UTC](https://forum.kirupa.com/t/code-design-anchoring-sidebar-components/645106 "2021-03-03T19:27:16Z")

</div>

I am working on building a site for a “virtual comic book” in react. For context, I’m very new to web dev (I just finished working through Kirupa’s react book), so the entire website is just various instances of the div…

---

## [A form calculating the price from the required fields, plus optional fields](https://forum.kirupa.com/t/a-form-calculating-the-price-from-the-required-fields-plus-optional-fields/646365)

<div class="topic-metadata">

**Author:** [@Mary\_Pieroszkiewicz](https://forum.kirupa.com/u/Mary_Pieroszkiewicz)\
**Replies:** 1\
**Last updated:** [March 3, 2021, 4:59am UTC](https://forum.kirupa.com/t/a-form-calculating-the-price-from-the-required-fields-plus-optional-fields/646365 "2021-03-03T04:59:14Z")

</div>

For now, I have set up all the input of the form to enter a value to calculate the price, now a change is needed, there are fields that are not required to calculate the price from the required fields, and now how to do …

---

## [How can I capture all the \<a\> inside an iframe from parent ?](https://forum.kirupa.com/t/how-can-i-capture-all-the-a-inside-an-iframe-from-parent/646198)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 17\
**Last updated:** [February 27, 2021, 3:26am UTC](https://forum.kirupa.com/t/how-can-i-capture-all-the-a-inside-an-iframe-from-parent/646198 "2021-02-27T03:26:50Z")

</div>

Hello & Thanks in advance ; I am having the darndest time figuring out how to access the DOM insside an iframe . How can I capture all the inside an iframe from parent , and generally walk my way around the iframe . …

---

## [Justify Content Issues](https://forum.kirupa.com/t/justify-content-issues/645678)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 5\
**Last updated:** [February 23, 2021, 4:54am UTC](https://forum.kirupa.com/t/justify-content-issues/645678 "2021-02-23T04:54:36Z")

</div>

I have a container with 3 items. I am testing the following values for the justify-content property - flex-start (works as it should positioning all items to the LS of the container) flex-end(also works as it should pl…

---

## [Relative Positioning Issues](https://forum.kirupa.com/t/relative-positioning-issues/646182)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 3\
**Last updated:** [February 18, 2021, 7:01am UTC](https://forum.kirupa.com/t/relative-positioning-issues/646182 "2021-02-18T07:01:07Z")

</div>

https://www.freecodecamp.org/news/learn-the-basics-the-css-position-property/ \<\< We will also give its parent element a relative position so that it does not get positioned relative to the element. \>\> .parent-element …

---

## [? if (y.document)y = y.document; ?](https://forum.kirupa.com/t/if-y-document-y-y-document/646147)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 3\
**Last updated:** [February 18, 2021, 5:29am UTC](https://forum.kirupa.com/t/if-y-document-y-y-document/646147 "2021-02-18T05:29:17Z")

</div>

Hello ; I am having trouble understanding lines 2 and 3 below: how would I read it out loud in a sentence what is going on ? var x = document.getElementById("myframe"); var y = (x.contentWindow || x.contentDocument); …

---

## [Links are Outside the Border](https://forum.kirupa.com/t/links-are-outside-the-border/645507)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 14\
**Last updated:** [February 17, 2021, 3:07am UTC](https://forum.kirupa.com/t/links-are-outside-the-border/645507 "2021-02-17T03:07:52Z")

</div>

Why doesn’t the red border encompass the 2 links at the bottom? \<html lang="en"\> \<head\> \<title\>Messing With Page Layouts\</title\> \<link rel="preconnect" href="https://fonts.gstatic.com"\> \<link href="https:…

---

## [Disabling Form Autocompletion](https://forum.kirupa.com/t/disabling-form-autocompletion/646060)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [February 13, 2021, 1:23am UTC](https://forum.kirupa.com/t/disabling-form-autocompletion/646060 "2021-02-13T01:23:44Z")

</div>

This is a companion discussion topic for the original entry at https://www.kirupa.com/html5/disable\_form\_autocomplete.htm

---

## [Flash to WASM](https://forum.kirupa.com/t/flash-to-wasm/646016)

<div class="topic-metadata">

**Author:** [@steve.mills](https://forum.kirupa.com/u/steve.mills)\
**Replies:** 6\
**Last updated:** [February 10, 2021, 1:08am UTC](https://forum.kirupa.com/t/flash-to-wasm/646016 "2021-02-10T01:08:04Z")

</div>

Apparently Flash has been implemented in WASM by Ruffle (Rust) and CheerpX. Maybe theres still hope for Flash…

---

## [What is everyone's favorite book(s)?](https://forum.kirupa.com/t/what-is-everyones-favorite-book-s/14702)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 23\
**Last updated:** [February 8, 2021, 5:40pm UTC](https://forum.kirupa.com/t/what-is-everyones-favorite-book-s/14702 "2021-02-08T17:40:09Z")

</div>

Strange question - I know, but I was just browsing through the bestseller lists and noticed a wide diversity of books that are popular today. I found everything from fitness to golf to teaching elephants how to dance IBM…

---

## [Mapping, Filtering, and Reducing Things in an Array](https://forum.kirupa.com/t/mapping-filtering-and-reducing-things-in-an-array/637057)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [February 8, 2021, 5:42pm UTC](https://forum.kirupa.com/t/mapping-filtering-and-reducing-things-in-an-array/637057 "2021-02-08T17:42:02Z")

</div>

This is the happening place to discuss what is going on with \`map\`, \`filter\`, and \`reduce\`: http://www.kirupa.com/html5/arrays\_map\_filter\_reduce.htm :slight\_smile:

---

## [Vertical Alignment Issues](https://forum.kirupa.com/t/vertical-alignment-issues/645925)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 6\
**Last updated:** [February 4, 2021, 2:38am UTC](https://forum.kirupa.com/t/vertical-alignment-issues/645925 "2021-02-04T02:38:49Z")

</div>

Given the fact that I am using a grid here - what is the approach I should be using here for vertical alignment of the contents. I thought it might be display: flex but I don’t know if that’s compatible with the contain…

---

## [I want to Style my cursor in JS with an image file on my computer](https://forum.kirupa.com/t/i-want-to-style-my-cursor-in-js-with-an-image-file-on-my-computer/645953)

<div class="topic-metadata">

**Author:** [@Fejiro\_Eruotor](https://forum.kirupa.com/u/Fejiro_Eruotor)\
**Replies:** 8\
**Last updated:** [February 2, 2021, 8:57am UTC](https://forum.kirupa.com/t/i-want-to-style-my-cursor-in-js-with-an-image-file-on-my-computer/645953 "2021-02-02T08:57:56Z")

</div>

Hey, I am trying to style my cursor using Javascript only as shown below; \<script\> window.addEventListener("click", function(){ document.body.style.cursor="url('../img/point.svg'),pointer"; \</script\> It does not find …

---

## [Sumac Sequence Calculator](https://forum.kirupa.com/t/sumac-sequence-calculator/645957)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [February 2, 2021, 6:05am UTC](https://forum.kirupa.com/t/sumac-sequence-calculator/645957 "2021-02-02T06:05:49Z")

</div>

I randomly stumbled upon this Sumac Sequence challenge, and while I wasn’t interested in coming up with the most compact solution, it was something that I wanted to build a readable solution and tutorial around! See it …

---

## [Inline template diffing vanilla JS](https://forum.kirupa.com/t/inline-template-diffing-vanilla-js/645924)

<div class="topic-metadata">

**Author:** [@steve.mills](https://forum.kirupa.com/u/steve.mills)\
**Replies:** 2\
**Last updated:** [February 2, 2021, 5:27am UTC](https://forum.kirupa.com/t/inline-template-diffing-vanilla-js/645924 "2021-02-02T05:27:49Z")

</div>

Hey guys, Just curious, does anybody know of a better way of diffing an inline template? I have tried using the HTML template instead of script type = ‘text/template’ but the innerHTML.toString() causes it to be 30-40%…

---

## [I want to get two seperate instances of cursor values in my clientX/Y; method in JavaScript](https://forum.kirupa.com/t/i-want-to-get-two-seperate-instances-of-cursor-values-in-my-clientx-y-method-in-javascript/645929)

<div class="topic-metadata">

**Author:** [@Fejiro\_Eruotor](https://forum.kirupa.com/u/Fejiro_Eruotor)\
**Replies:** 3\
**Last updated:** [February 1, 2021, 6:08pm UTC](https://forum.kirupa.com/t/i-want-to-get-two-seperate-instances-of-cursor-values-in-my-clientx-y-method-in-javascript/645929 "2021-02-01T18:08:19Z")

</div>

Hey, So i have this challenge with my code. I want it to store the cursor values after mouse event is triggered. Here is my JS code trying to have two sets of cursor values stored; \<script\> function RHS(){ var e = wi…

---

## [Has swift outpaced Objective-C on iOS?](https://forum.kirupa.com/t/has-swift-outpaced-objective-c-on-ios/645904)

<div class="topic-metadata">

**Author:** [@tbo](https://forum.kirupa.com/u/tbo)\
**Replies:** 3\
**Last updated:** [January 30, 2021, 7:31pm UTC](https://forum.kirupa.com/t/has-swift-outpaced-objective-c-on-ios/645904 "2021-01-30T19:31:20Z")

</div>

Is swift now regarded as the preferred option over Objective-C on iOS? Im not sure if there’s any concrete data public but just curious

---

## [Using Variables in HTML Markup - JavaScript](https://forum.kirupa.com/t/using-variables-in-html-markup-javascript/645826)

<div class="topic-metadata">

**Author:** [@georgetown23](https://forum.kirupa.com/u/georgetown23)\
**Replies:** 11\
**Last updated:** [January 30, 2021, 6:56am UTC](https://forum.kirupa.com/t/using-variables-in-html-markup-javascript/645826 "2021-01-30T06:56:19Z")

</div>

Hi All, Is there a way to use a JavaScript Variable inside of a HTML file? Do I need to use another library? Basically, I want to make it easy for for someone who doesn’t know HTML to edit all the urls in one place. …

---

## [My request for data from server using the XMLHttpRequest, keeps returning undefined](https://forum.kirupa.com/t/my-request-for-data-from-server-using-the-xmlhttprequest-keeps-returning-undefined/645880)

<div class="topic-metadata">

**Author:** [@seunawonugba](https://forum.kirupa.com/u/seunawonugba)\
**Replies:** 5\
**Last updated:** [January 30, 2021, 2:12am UTC](https://forum.kirupa.com/t/my-request-for-data-from-server-using-the-xmlhttprequest-keeps-returning-undefined/645880 "2021-01-30T02:12:59Z")

</div>

I tried to request data from this server address https://codexpression.github.io/catz/catz.json using AJAX XMLHttpRequest, but when I tried to console.log the property value of the text, I keep getting “undefined”, plea…

---

## [Inserting it to database after a capturing image.](https://forum.kirupa.com/t/inserting-it-to-database-after-a-capturing-image/645869)

<div class="topic-metadata">

**Author:** [@ronnie123](https://forum.kirupa.com/u/ronnie123)\
**Replies:** 1\
**Last updated:** [January 29, 2021, 6:34am UTC](https://forum.kirupa.com/t/inserting-it-to-database-after-a-capturing-image/645869 "2021-01-29T06:34:20Z")

</div>

Hello Mam how do i insert the images on to the database using php?? kindly help \<html\> \<!DOCTYPE html\> \<html\> \<head\> \<meta charset="utf-8"\> \<title\>Display Webcam Stream\</title\> \<style\> #container { margin: 0px auto; …

---

## [Running Your Code at the Right Time](https://forum.kirupa.com/t/running-your-code-at-the-right-time/352075)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [January 29, 2021, 6:12am UTC](https://forum.kirupa.com/t/running-your-code-at-the-right-time/352075 "2021-01-29T06:12:50Z")

</div>

Run your code at the right time by making sense of DOMContentLoaded, load, async, defer, and position in the DOM! This is a companion discussion topic for the original entry at http://www.kirupa.com/html5/running\_your\_…

[Previous page](https://forum.kirupa.com/latest.md?page=87)

[Next page](https://forum.kirupa.com/latest.md?page=89)
