# Latest

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

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

**Page:** 92

---

## [Need to place several PNG images over single background PNG image at particular location](https://forum.kirupa.com/t/need-to-place-several-png-images-over-single-background-png-image-at-particular-location/645038)

<div class="topic-metadata">

**Author:** [@Anandhanatarajan](https://forum.kirupa.com/u/Anandhanatarajan)\
**Replies:** 0\
**Last updated:** [November 23, 2020, 5:45am UTC](https://forum.kirupa.com/t/need-to-place-several-png-images-over-single-background-png-image-at-particular-location/645038 "2020-11-23T05:45:18Z")

</div>

I have a background PNG image. I need to place some icons which are also PNG images at specific locations. The first thing is I need to get coordinates of a particular spot on the background image. Then, using those coo…

---

## [Lists in html - italics](https://forum.kirupa.com/t/lists-in-html-italics/644817)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 15\
**Last updated:** [November 18, 2020, 3:58pm UTC](https://forum.kirupa.com/t/lists-in-html-italics/644817 "2020-11-18T15:58:45Z")

</div>

\<li\>my car is a bmw\</li\> \<li\>my other car is a tesla\</li\> \<li\>don't I wish\</li\> \<ul\> \<li\>chevrolet\</li\> \<li\>pontiac\</li\> \<li\>nissan\</li\> \</ul\> \<ol\> \<li\>chevrolet\</li\> \<li\>pontiac\</li\> \<li\>nissan\</li\> \</ol\> \</bo…

---

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

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 2\
**Last updated:** [November 18, 2020, 11:43am UTC](https://forum.kirupa.com/t/running-your-code-at-the-right-time/644971 "2020-11-18T11:43:23Z")

</div>

I have read your " Running Your Code at the Right Time" so I wrote some code to test it out (chrome): I put the scripts at bottom of page , and expected them to run after the page was fully loaded . But the \[h5\] didn’t…

---

## [Font Size and Break Tags](https://forum.kirupa.com/t/font-size-and-break-tags/644902)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 5\
**Last updated:** [November 15, 2020, 10:50am UTC](https://forum.kirupa.com/t/font-size-and-break-tags/644902 "2020-11-15T10:50:50Z")

</div>

\<!DOCTYPE html\> \<html\> \<head\> \<title\>Getting a Custom Button\</title\> \<style\> .red{color: rgb(228, 9, 53);} .big(font:bold 50px Arial) \</style\> \</head\> \<body\> \<button\>I am on ordinary button\</button\>…

---

## [New here!](https://forum.kirupa.com/t/new-here/644851)

<div class="topic-metadata">

**Author:** [@BranWh](https://forum.kirupa.com/u/BranWh)\
**Replies:** 5\
**Last updated:** [November 12, 2020, 4:06am UTC](https://forum.kirupa.com/t/new-here/644851 "2020-11-12T04:06:20Z")

</div>

Hello I’m Josh and i’m glad to be here

---

## [Web Page Doesn't Open](https://forum.kirupa.com/t/web-page-doesnt-open/644883)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 2\
**Last updated:** [November 9, 2020, 6:10pm UTC](https://forum.kirupa.com/t/web-page-doesnt-open/644883 "2020-11-09T18:10:27Z")

</div>

\<!DOCTYPE html\> \<html lang="en"\> #spaceship {background-color;#AADCFF} \<div id="spaceship"\> \<p\>Do or do not...there is no try.\</p\> \</div\> \<div id="spaceship"\> \<p\>Do or do not...there is no try.\</p\> \<p\>Another wa…

---

## [3 Lists - 3 Colors](https://forum.kirupa.com/t/3-lists-3-colors/644875)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 4\
**Last updated:** [November 8, 2020, 10:54pm UTC](https://forum.kirupa.com/t/3-lists-3-colors/644875 "2020-11-08T22:54:48Z")

</div>

\<html\> \<head\> \<title\>Car Dealers in Whitehorse\</title\> \<style\> h1{color: rgb(51, 156, 24);} h2{color: rgb(199, 55, 134);} p{color: rgb(85, 123, 194);} ol{color: green;} ul{color: darkorange;} …

---

## [images from table into Modal](https://forum.kirupa.com/t/images-from-table-into-modal/644873)

<div class="topic-metadata">

**Author:** [@RAF166](https://forum.kirupa.com/u/RAF166)\
**Replies:** 1\
**Last updated:** [November 7, 2020, 9:28pm UTC](https://forum.kirupa.com/t/images-from-table-into-modal/644873 "2020-11-07T21:28:38Z")

</div>

I have a large table of RAF losses in WW2. My plan is to have small size images inside the table beside names. I want to click on the small images and have them open in modal. I have tried so many ways with no success. q…

---

## [Building Your First React App](https://forum.kirupa.com/t/building-your-first-react-app/636221)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 15\
**Last updated:** [November 7, 2020, 4:13pm UTC](https://forum.kirupa.com/t/building-your-first-react-app/636221 "2020-11-07T16:13:50Z")

</div>

by kirupa | 10 October 2016 By now, you probably know all about the backstory of React and how it helps even your most complex user interfaces sing performantly. For all the awesomeness that React brings to the ta…

---

## [Pronounce Redux](https://forum.kirupa.com/t/pronounce-redux/644806)

<div class="topic-metadata">

**Author:** [@GregB997](https://forum.kirupa.com/u/GregB997)\
**Replies:** 2\
**Last updated:** [November 4, 2020, 7:01pm UTC](https://forum.kirupa.com/t/pronounce-redux/644806 "2020-11-04T19:01:47Z")

</div>

OK. How to you pronounce the software Redux ? RE-ducks? re-DUCKS? RE-do? re-DO? I go with “re-DO” since the documentation talks so much about “reducers” . re-DO! Greg Buchmann

---

## [Unhidden Topic ;-)](https://forum.kirupa.com/t/unhidden-topic/644673)

<div class="topic-metadata">

**Author:** [@GregB997](https://forum.kirupa.com/u/GregB997)\
**Replies:** 5\
**Last updated:** [November 3, 2020, 11:21pm UTC](https://forum.kirupa.com/t/unhidden-topic/644673 "2020-11-03T23:21:05Z")

</div>

Previously in another thread… I posted about the React frameworks class we are developing for Community College. And we are using your “Learning React” book as the textbook. I think I might have close to the final p…

---

## [Title Doesn't Show](https://forum.kirupa.com/t/title-doesnt-show/644801)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 7\
**Last updated:** [November 4, 2020, 3:08am UTC](https://forum.kirupa.com/t/title-doesnt-show/644801 "2020-11-04T03:08:03Z")

</div>

\<!DOCTYPE html\> \<html lang="en"\> \<head\> \<title\>Farley's Page\</title\> \</head\> \<body\> I have to clear snow today ►►► \</body\> \</html\> Why do I not see the title in my browser (Safari) window? The text in the bod…

---

## [html+js adding eventlistener on every link](https://forum.kirupa.com/t/html-js-adding-eventlistener-on-every-link/644756)

<div class="topic-metadata">

**Author:** [@bigmim](https://forum.kirupa.com/u/bigmim)\
**Replies:** 1\
**Last updated:** [November 3, 2020, 4:44am UTC](https://forum.kirupa.com/t/html-js-adding-eventlistener-on-every-link/644756 "2020-11-03T04:44:56Z")

</div>

Obviously I am beginner especially with javascript. Anyway I enclose the code I made. In the table there are three columns, the first reserved for the links to visit, the second reserved for the time that must pass befo…

---

## [CSS vs SVG vs CANVAS](https://forum.kirupa.com/t/css-vs-svg-vs-canvas/644415)

<div class="topic-metadata">

**Author:** [@Woodenshipandironman](https://forum.kirupa.com/u/Woodenshipandironman)\
**Replies:** 3\
**Last updated:** [October 2, 2020, 2:21pm UTC](https://forum.kirupa.com/t/css-vs-svg-vs-canvas/644415 "2020-10-02T14:21:57Z")

</div>

What do you suggest for someone interested in making animations for mathematics? (vector fields, oscillating stuff, etc.) I have tried so far SVG, to be precise d3.js. It’s quite easy to get animations up and running bu…

---

## [Dealing with state in React](https://forum.kirupa.com/t/dealing-with-state-in-react/644696)

<div class="topic-metadata">

**Author:** [@rampar](https://forum.kirupa.com/u/rampar)\
**Replies:** 0\
**Last updated:** [October 27, 2020, 4:28am UTC](https://forum.kirupa.com/t/dealing-with-state-in-react/644696 "2020-10-27T04:28:18Z")

</div>

Hi Currently, I am into Chapter 8 “Dealing with State in React” in “Learning React” book, and I am trying the Lightning Strike Count code. Basically, the code below, creates a counter display that increments the counter…

---

## ["Learning React" book Chapter 2, coding did not work](https://forum.kirupa.com/t/learning-react-book-chapter-2-coding-did-not-work/644667)

<div class="topic-metadata">

**Author:** [@rampar](https://forum.kirupa.com/u/rampar)\
**Replies:** 2\
**Last updated:** [October 27, 2020, 4:19am UTC](https://forum.kirupa.com/t/learning-react-book-chapter-2-coding-did-not-work/644667 "2020-10-27T04:19:19Z")

</div>

Hello Kirupa, I am through this book, trying to learn REACT, as a beginner. THis code below did not work for me. It did not display any text when I loaded them on a webpage. \<DOCTYPE html\> \<html\> \<head\> \<meta…

---

## [Calculations with MongoDB dates](https://forum.kirupa.com/t/calculations-with-mongodb-dates/644580)

<div class="topic-metadata">

**Author:** [@dannywolf](https://forum.kirupa.com/u/dannywolf)\
**Replies:** 3\
**Last updated:** [October 26, 2020, 3:55pm UTC](https://forum.kirupa.com/t/calculations-with-mongodb-dates/644580 "2020-10-26T15:55:35Z")

</div>

I need to create a View in MongoDB which only shows documents created within the last year. Using fixed dates, that is easy. I can simply: db.comments.find({ dtCreated: { $gte: '2019-10-16 00:00:00' } })…

---

## [Blue book, Animation in html css javascript](https://forum.kirupa.com/t/blue-book-animation-in-html-css-javascript/644624)

<div class="topic-metadata">

**Author:** [@stevepage](https://forum.kirupa.com/u/stevepage)\
**Replies:** 1\
**Last updated:** [October 20, 2020, 3:51pm UTC](https://forum.kirupa.com/t/blue-book-animation-in-html-css-javascript/644624 "2020-10-20T15:51:15Z")

</div>

Animation in html css javascript The links in the book don’t seem to work am I doing something wrong. Please can you help fix. Regards Steve Page

---

## [Property assignment expected. ts(1136)](https://forum.kirupa.com/t/property-assignment-expected-ts-1136/644582)

<div class="topic-metadata">

**Author:** [@wangpjy](https://forum.kirupa.com/u/wangpjy)\
**Replies:** 2\
**Last updated:** [October 18, 2020, 1:38am UTC](https://forum.kirupa.com/t/property-assignment-expected-ts-1136/644582 "2020-10-18T01:38:30Z")

</div>

I am following book Learning React, chapter 13 page 158, to first create-react-app helloworld and create HelloWorld.js import React, {Component} from "react"; class HelloWorld extends Component{ render() { return…

---

## [kirupa.com - Creating A Text Scroller](https://forum.kirupa.com/t/kirupa-com-creating-a-text-scroller/644539)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [October 13, 2020, 1:02am UTC](https://forum.kirupa.com/t/kirupa-com-creating-a-text-scroller/644539 "2020-10-13T01:02:32Z")

</div>

Basic Text Text ScrollerOne of the most popular tutorial requests that has reached my email box and few message board posts is regarding text scroll. In response, the tutorial for creating a scrolling text file is…

---

## [Quotations Marks Here But Not Ther](https://forum.kirupa.com/t/quotations-marks-here-but-not-ther/644525)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 3\
**Last updated:** [October 12, 2020, 5:23pm UTC](https://forum.kirupa.com/t/quotations-marks-here-but-not-ther/644525 "2020-10-12T17:23:05Z")

</div>

\<\< var greenCircle = Object.create(theCircle); greenCircle.color = “#669900”; Notice that I set the color property on our greenCircle object to a green value of #669900 . Another way of setting the property is by using…

---

## [webpack installation, invalid configuration object](https://forum.kirupa.com/t/webpack-installation-invalid-configuration-object/644521)

<div class="topic-metadata">

**Author:** [@kdglauvygiadn](https://forum.kirupa.com/u/kdglauvygiadn)\
**Replies:** 6\
**Last updated:** [October 11, 2020, 11:17pm UTC](https://forum.kirupa.com/t/webpack-installation-invalid-configuration-object/644521 "2020-10-11T23:17:27Z")

</div>

Please I know I might be doing something wrong, but surely I need help. At first I had problem with installing webpack, which I hope I got to work finally by installing it globally, but then trying to run the app, I got…

---

## [Array Length](https://forum.kirupa.com/t/array-length/644423)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 17\
**Last updated:** [October 7, 2020, 1:42am UTC](https://forum.kirupa.com/t/array-length/644423 "2020-10-07T01:42:30Z")

</div>

var myAlphabet = \[“A”,“B”,“C”,“D”,“E”,“F”,“G”\]; var myAlphabetLength = function() { textSize(30); fill(90,210,130); text(myAlphabet.length,10,50); }; this is quite basic I know - I am simply looking for the code to…

---

## [Getting the direction in javascript](https://forum.kirupa.com/t/getting-the-direction-in-javascript/644474)

<div class="topic-metadata">

**Author:** [@HenryHell0](https://forum.kirupa.com/u/HenryHell0)\
**Replies:** 1\
**Last updated:** [October 6, 2020, 10:02pm UTC](https://forum.kirupa.com/t/getting-the-direction-in-javascript/644474 "2020-10-06T22:02:57Z")

</div>

Hello! Im trying to make a javascript pong game but when the ball(aka a square) hits one of the pong sticks, I don’t know which direction to make it go in. For example, if a ball bounces off the floor and it comes in(to …

---

## [Chapter 8 counter code not working](https://forum.kirupa.com/t/chapter-8-counter-code-not-working/644449)

<div class="topic-metadata">

**Author:** [@Yogendra\_Khopkar](https://forum.kirupa.com/u/Yogendra_Khopkar)\
**Replies:** 1\
**Last updated:** [October 5, 2020, 10:37pm UTC](https://forum.kirupa.com/t/chapter-8-counter-code-not-working/644449 "2020-10-05T22:37:41Z")

</div>

I am unable to get the code to display counter. I tried out the code and am getting error that “cannot read property strikes of undefined” below is the source code React!React!React! #container{…

---

## [Chapter 13 of Learning React Problem with React Router](https://forum.kirupa.com/t/chapter-13-of-learning-react-problem-with-react-router/635674)

<div class="topic-metadata">

**Author:** [@Salvator\_Sahagun](https://forum.kirupa.com/u/Salvator_Sahagun)\
**Replies:** 7\
**Last updated:** [October 4, 2020, 6:33am UTC](https://forum.kirupa.com/t/chapter-13-of-learning-react-problem-with-react-router/635674 "2020-10-04T06:33:42Z")

</div>

My code works perfectly fine with this code. ReactDOM.render( \<div\> \<App/\> \</div\>, destination ); However when I proceed to set up the React Router. ReactDOM.render( \<ReactRouter.Router\> \<ReactRouter.…

---

## [Using Emojis in HTML, CSS, and JavaScript](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 13\
**Last updated:** [October 3, 2020, 8:26pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830 "2020-10-03T20:26:36Z")

</div>

by kirupa | 7 February 2018 From its humble beginnings in 1999, Emojis are all the rage these days. It's no longer something that only people half our age use to communicate. You and I use them all the time, and…

---

## [I was born for this!](https://forum.kirupa.com/t/i-was-born-for-this/644422)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [October 3, 2020, 5:10pm UTC](https://forum.kirupa.com/t/i-was-born-for-this/644422 "2020-10-03T17:10:47Z")

</div>

Give me a knife, a fork, and some tabasco :grinning:

---

## [What does it mean to be done declaratively?](https://forum.kirupa.com/t/what-does-it-mean-to-be-done-declaratively/644418)

<div class="topic-metadata">

**Author:** [@shahab570](https://forum.kirupa.com/u/shahab570)\
**Replies:** 1\
**Last updated:** [October 2, 2020, 3:31pm UTC](https://forum.kirupa.com/t/what-does-it-mean-to-be-done-declaratively/644418 "2020-10-02T15:31:55Z")

</div>

I was reading the React “refs and the DOM” section. I don’t understand this line. “Avoid using refs for anything that can be done declaratively”. can anyone explain what does this line mean?

---

## [4 Images - 4 Text Boxes](https://forum.kirupa.com/t/4-images-4-text-boxes/644403)

<div class="topic-metadata">

**Author:** [@John\_Stern](https://forum.kirupa.com/u/John_Stern)\
**Replies:** 4\
**Last updated:** [October 1, 2020, 6:01pm UTC](https://forum.kirupa.com/t/4-images-4-text-boxes/644403 "2020-10-01T18:01:25Z")

</div>

So I tried my hand at writing a constructor function that places 4 images (the images are stand ins for rodents since said rodents can’t be found in the imageGetImage library) on the page with the following caption above…

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

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