# programming

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

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

**Page:** 52

---

## [JavaScript, Event bubbling, stopPropagation()](https://forum.kirupa.com/t/javascript-event-bubbling-stoppropagation/639398)

<div class="topic-metadata">

**Author:** [@Shuvajit\_Mohanty](https://forum.kirupa.com/u/Shuvajit_Mohanty)\
**Replies:** 1\
**Last updated:** [February 12, 2019, 4:48pm UTC](https://forum.kirupa.com/t/javascript-event-bubbling-stoppropagation/639398 "2019-02-12T16:48:51Z")

</div>

\<html\> \<head\> \<style type="text/css"\> .divStyle { display: table-cell; border: 5px solid black; padding: 20px; text-align: center; } \</style\>…

---

## [ExternalInterface - No Flash/Javascript communication](https://forum.kirupa.com/t/externalinterface-no-flash-javascript-communication/639234)

<div class="topic-metadata">

**Author:** [@Lahrissa](https://forum.kirupa.com/u/Lahrissa)\
**Replies:** 0\
**Last updated:** [January 7, 2019, 11:58pm UTC](https://forum.kirupa.com/t/externalinterface-no-flash-javascript-communication/639234 "2019-01-07T23:58:11Z")

</div>

I looked at the tutorial for using the ExternalInterface for Flash/Javascript communication: https://www.kirupa.com/flash/calling\_javascript\_flash\_using\_as3.htm I just can not get any messaging to go through between th…

---

## [React CSS trouble, simple problem](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378)

<div class="topic-metadata">

**Author:** [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Replies:** 6\
**Last updated:** [February 10, 2019, 4:20am UTC](https://forum.kirupa.com/t/react-css-trouble-simple-problem/639378 "2019-02-10T04:20:10Z")

</div>

I can’t get my lite beige background color to cover the width of the screen : /

---

## [Designing for Dark Mode](https://forum.kirupa.com/t/designing-for-dark-mode/639388)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 0\
**Last updated:** [February 10, 2019, 4:13am UTC](https://forum.kirupa.com/t/designing-for-dark-mode/639388 "2019-02-10T04:13:30Z")

</div>

The era of the dark mode is upon us...again. If you follow UI trends, you would be right in saying that the era of the dark mode has been with us for quite some time. Between Windows 10, Linux distros, and a plethora of …

---

## [Implementing the Invisible ReCaptcha](https://forum.kirupa.com/t/implementing-the-invisible-recaptcha/639375)

<div class="topic-metadata">

**Author:** [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)\
**Replies:** 0\
**Last updated:** [February 5, 2019, 8:08pm UTC](https://forum.kirupa.com/t/implementing-the-invisible-recaptcha/639375 "2019-02-05T20:08:16Z")

</div>

So the new v2 invisible ReCaptcha allows you to bind the recaptcha to your own submit button, this is fine if you don’t have additional form validation or want to check that the form has actually been filled out. You ca…

---

## [Responsive hamburger menu behavior](https://forum.kirupa.com/t/responsive-hamburger-menu-behavior/639367)

<div class="topic-metadata">

**Author:** [@PABLO\_SERRANO](https://forum.kirupa.com/u/PABLO_SERRANO)\
**Replies:** 5\
**Last updated:** [February 5, 2019, 8:02pm UTC](https://forum.kirupa.com/t/responsive-hamburger-menu-behavior/639367 "2019-02-05T20:02:17Z")

</div>

The website uses the always responsive hamburger menu. I would like the hamburger menu to display open by default in the home page only showing the menu links. What would be the correct way to display the hamburger menu…

---

## [Using classlist.contains on Multiple Elements](https://forum.kirupa.com/t/using-classlist-contains-on-multiple-elements/633888)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [February 1, 2019, 7:36pm UTC](https://forum.kirupa.com/t/using-classlist-contains-on-multiple-elements/633888 "2019-02-01T19:36:53Z")

</div>

This is a response to a comment on how to use the classList.contains method to check for the existence of multiple classes. Since this isn't built-in to the classList API directly, I threw this together quickly: DOMTok…

---

## [React - Responsive cards](https://forum.kirupa.com/t/react-responsive-cards/639358)

<div class="topic-metadata">

**Author:** [@Ambily\_Cheriyan](https://forum.kirupa.com/u/Ambily_Cheriyan)\
**Replies:** 2\
**Last updated:** [February 1, 2019, 8:37am UTC](https://forum.kirupa.com/t/react-responsive-cards/639358 "2019-02-01T08:37:00Z")

</div>

I have material-ui cards on which I have some info and actions. I am trying to make these cards responsive using react-grid-layout. However resize and drag options do not work on these cards. there is no console error th…

---

## [How to locate a position of a colour in a photo](https://forum.kirupa.com/t/how-to-locate-a-position-of-a-colour-in-a-photo/639356)

<div class="topic-metadata">

**Author:** [@Shine\_Priyan](https://forum.kirupa.com/u/Shine_Priyan)\
**Replies:** 7\
**Last updated:** [February 1, 2019, 7:51am UTC](https://forum.kirupa.com/t/how-to-locate-a-position-of-a-colour-in-a-photo/639356 "2019-02-01T07:51:29Z")

</div>

How to get the position of a particular pixel in a photo.

---

## [ES2019 Features](https://forum.kirupa.com/t/es2019-features/639346)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 1\
**Last updated:** [January 30, 2019, 8:50pm UTC](https://forum.kirupa.com/t/es2019-features/639346 "2019-01-30T20:50:24Z")

</div>

Looks like the ES2019 feature set is complete. It includes: Proposal Author Champion(s) TC39 meeting notes Expected Publication Year Optional catch binding Michael Ficarra Michael Ficarra May 2018 2019 JSON…

---

## [React Hooks](https://forum.kirupa.com/t/react-hooks/638854)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 8\
**Last updated:** [January 30, 2019, 3:55pm UTC](https://forum.kirupa.com/t/react-hooks/638854 "2019-01-30T15:55:24Z")

</div>

Something new for React 16.7: Hooks Quick and dirty intro example is adding state to a functional component using the useState hook: import { useState } from 'react'; function Example() { // Declare a new state v…

---

## [question about canvas + JS](https://forum.kirupa.com/t/question-about-canvas-js/639326)

<div class="topic-metadata">

**Author:** [@Pauljc](https://forum.kirupa.com/u/Pauljc)\
**Replies:** 5\
**Last updated:** [January 29, 2019, 10:48pm UTC](https://forum.kirupa.com/t/question-about-canvas-js/639326 "2019-01-29T22:48:16Z")

</div>

Hi everybody, I’m learning js and struggling with some very basic things; the forum seemed welcoming, as well as the excellent tutorials and books from Kirupa, reason why I decided to join the forum and ask my first que…

---

## [Contact Form on single page website](https://forum.kirupa.com/t/contact-form-on-single-page-website/639213)

<div class="topic-metadata">

**Author:** [@junkerjorg](https://forum.kirupa.com/u/junkerjorg)\
**Replies:** 17\
**Last updated:** [January 28, 2019, 9:06pm UTC](https://forum.kirupa.com/t/contact-form-on-single-page-website/639213 "2019-01-28T21:06:14Z")

</div>

Hello there. I have a website that is just a single page with the contact form at the very bottom. The contact form uses PHP and jQuery field validation. My issue is, when I submit a message from the contact form the pag…

---

## [A card game based on programming?](https://forum.kirupa.com/t/a-card-game-based-on-programming/639282)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 5\
**Last updated:** [January 26, 2019, 3:45pm UTC](https://forum.kirupa.com/t/a-card-game-based-on-programming/639282 "2019-01-26T15:45:27Z")

</div>

So I caught a glimpse of these cards the other day and had the immediate reaction of, “Oh! A card game based on programming?!? Cool!” Of course these ended up just being regular playing cards with some code embedded i…

---

## [video and image overlay using CSS and HTML](https://forum.kirupa.com/t/video-and-image-overlay-using-css-and-html/639323)

<div class="topic-metadata">

**Author:** [@glassbeads](https://forum.kirupa.com/u/glassbeads)\
**Replies:** 4\
**Last updated:** [January 26, 2019, 4:56am UTC](https://forum.kirupa.com/t/video-and-image-overlay-using-css-and-html/639323 "2019-01-26T04:56:32Z")

</div>

is it possible using CSS and HTML to embed a video, then blur the video, and then overlay an (transparent) image over the video. so in other words, restating this — you would have a sort of transparent image that you co…

---

## [How to connect css html and js ?](https://forum.kirupa.com/t/how-to-connect-css-html-and-js/639307)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 6\
**Last updated:** [January 25, 2019, 6:56pm UTC](https://forum.kirupa.com/t/how-to-connect-css-html-and-js/639307 "2019-01-25T18:56:24Z")

</div>

Hello & Thanks , I have been away from coding a while: I’m having trouble connecting css html and js . Problem areas are: p, ah { font-size: 2em; color: #ffdddd; } p, tgh { font-size: 1em; col…

---

## [What are Progressive Web Apps (PWA)?](https://forum.kirupa.com/t/what-are-progressive-web-apps-pwa/638847)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 9\
**Last updated:** [January 25, 2019, 4:20am UTC](https://forum.kirupa.com/t/what-are-progressive-web-apps-pwa/638847 "2019-01-25T04:20:27Z")

</div>

by kirupa | filed under Web Apps This is a companion discussion topic for the original entry at https://www.kirupa.com/apps/pwa\_101.htm

---

## [Rendering the correct UI elements](https://forum.kirupa.com/t/rendering-the-correct-ui-elements/639317)

<div class="topic-metadata">

**Author:** [@treeeest](https://forum.kirupa.com/u/treeeest)\
**Replies:** 1\
**Last updated:** [January 24, 2019, 11:00pm UTC](https://forum.kirupa.com/t/rendering-the-correct-ui-elements/639317 "2019-01-24T23:00:50Z")

</div>

I am brand new to CSS/HTML/JavaScript and I am having some trouble figuring out how everything connects and works. Right now I have a situation where my selector styles within one page view are being overlooked and my ge…

---

## [Content not rendering using react router](https://forum.kirupa.com/t/content-not-rendering-using-react-router/639305)

<div class="topic-metadata">

**Author:** [@Sarosh\_Farhan](https://forum.kirupa.com/u/Sarosh_Farhan)\
**Replies:** 1\
**Last updated:** [January 21, 2019, 10:37pm UTC](https://forum.kirupa.com/t/content-not-rendering-using-react-router/639305 "2019-01-21T22:37:29Z")

</div>

Hi I tried the tutorial for building simple SPA using react-router. The content is not rendering while navigating to a new link.Content is not rendering on the home page too. Tried this tutorial from your book \[Learning …

---

## [Get Date of upcoming day](https://forum.kirupa.com/t/get-date-of-upcoming-day/639301)

<div class="topic-metadata">

**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\
**Replies:** 1\
**Last updated:** [January 20, 2019, 5:39am UTC](https://forum.kirupa.com/t/get-date-of-upcoming-day/639301 "2019-01-20T05:39:30Z")

</div>

Hi i am trying to get date of sunday or any other day say Wednesday of next week i tried d.getDate() + (1 + 5 - d.getDay()) % 7 but not working properly. I am confused with constant value Any Idea, Please share

---

## [Apply CSS to RSS](https://forum.kirupa.com/t/apply-css-to-rss/639275)

<div class="topic-metadata">

**Author:** [@Sukhwinder\_Saini](https://forum.kirupa.com/u/Sukhwinder_Saini)\
**Replies:** 3\
**Last updated:** [January 17, 2019, 5:26am UTC](https://forum.kirupa.com/t/apply-css-to-rss/639275 "2019-01-17T05:26:41Z")

</div>

Hi i am trying to apply CSS to RSS page(Online). How to do so? I tried loading a RSS page to div but doesn’t work. Any solution please suggest

---

## [App to read, load and presents](https://forum.kirupa.com/t/app-to-read-load-and-presents/639287)

<div class="topic-metadata">

**Author:** [@erezb1](https://forum.kirupa.com/u/erezb1)\
**Replies:** 0\
**Last updated:** [January 15, 2019, 1:43pm UTC](https://forum.kirupa.com/t/app-to-read-load-and-presents/639287 "2019-01-15T13:43:19Z")

</div>

Hi Guys. I’m designing & programming Flash templates for broadcasting, loading and playing SWF templates on live TV channels from a dedicated video player while loads data (text fields, images and FLV videos) from an XM…

---

## [Iterate through nested objects](https://forum.kirupa.com/t/iterate-through-nested-objects/639274)

<div class="topic-metadata">

**Author:** [@onurcan1977](https://forum.kirupa.com/u/onurcan1977)\
**Replies:** 1\
**Last updated:** [January 13, 2019, 12:38am UTC](https://forum.kirupa.com/t/iterate-through-nested-objects/639274 "2019-01-13T00:38:38Z")

</div>

Hi, I have some nested objects and I want to print their properties. Here’s my code: main.x1y1.name = "x1y1"; main.x1y1.piece = ""; main.x1y1.\_textField = mc.txt\_x1y1; main.x1y1.x = 0; main.x1y1.y = 0; main.x2y1.name =…

---

## [Toggling All Animations On and Off](https://forum.kirupa.com/t/toggling-all-animations-on-and-off/638954)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 20\
**Last updated:** [January 13, 2019, 5:30am UTC](https://forum.kirupa.com/t/toggling-all-animations-on-and-off/638954 "2019-01-13T05:30:16Z")

</div>

As a user preference and to help with accessibility scenarios, providing a way to toggle all animations on and off is a good thing. This is a companion discussion topic for the original entry at https://www.kirupa.com/…

---

## [GitLab Pages and React](https://forum.kirupa.com/t/gitlab-pages-and-react/639261)

<div class="topic-metadata">

**Author:** [@jamesallan626](https://forum.kirupa.com/u/jamesallan626)\
**Replies:** 2\
**Last updated:** [January 12, 2019, 4:44am UTC](https://forum.kirupa.com/t/gitlab-pages-and-react/639261 "2019-01-12T04:44:18Z")

</div>

I have a high level question for anyone that can answer. I am new to React, CI/CD, DevOps, etc. and am just learning. Anyway, I stumbled upon GitLab.com which I found I could use for free to host my React apps . Even bet…

---

## [React and SEO](https://forum.kirupa.com/t/react-and-seo/639244)

<div class="topic-metadata">

**Author:** [@jamesallan626](https://forum.kirupa.com/u/jamesallan626)\
**Replies:** 4\
**Last updated:** [January 11, 2019, 2:25am UTC](https://forum.kirupa.com/t/react-and-seo/639244 "2019-01-11T02:25:14Z")

</div>

I was just wondering about SEO. Google spiders look for html, and well formed html, but react apps are mostly js with not much html. Look at my demo for React Routing from “Learning React” (https://jamesallan626.gitlab.i…

---

## [Make \<body\> Take Up 100% of the Browser Height | kirupa.com](https://forum.kirupa.com/t/make-body-take-up-100-of-the-browser-height-kirupa-com/633328)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 4\
**Last updated:** [January 10, 2019, 12:08pm UTC](https://forum.kirupa.com/t/make-body-take-up-100-of-the-browser-height-kirupa-com/633328 "2019-01-10T12:08:22Z")

</div>

by kirupa | 11 June 2015 Ok, so here is the setup! A short while ago, I was trying to listen for mouse events on the body of a mostly empty page. What I wanted to do was make the body element take …

---

## [Sliding / Scrolling Animation with Infinite Items](https://forum.kirupa.com/t/sliding-scrolling-animation-with-infinite-items/639250)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 2\
**Last updated:** [January 10, 2019, 5:04am UTC](https://forum.kirupa.com/t/sliding-scrolling-animation-with-infinite-items/639250 "2019-01-10T05:04:50Z")

</div>

by kirupa | 14 May 2018 A fun effect that adds a little bit of quirkiness to your page is a sliding (or scrolling) animation that looks as follows: This is a companion discussion topic for the original entry at ht…

---

## [Learning React - Sliding Menu (Chrome issue)](https://forum.kirupa.com/t/learning-react-sliding-menu-chrome-issue/639232)

<div class="topic-metadata">

**Author:** [@jamesallan626](https://forum.kirupa.com/u/jamesallan626)\
**Replies:** 4\
**Last updated:** [January 9, 2019, 10:29pm UTC](https://forum.kirupa.com/t/learning-react-sliding-menu-chrome-issue/639232 "2019-01-09T22:29:28Z")

</div>

I just coded the FlyOut/Sliding menu from “Learning React” which you can see here: https://jamesallan626.gitlab.io/slidingmenu/ . . Works fine, but I noticed if you reduce the width of the page to smartphone width or som…

---

## [Sliding Letters Animation!](https://forum.kirupa.com/t/sliding-letters-animation/639197)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [January 9, 2019, 1:48pm UTC](https://forum.kirupa.com/t/sliding-letters-animation/639197 "2019-01-09T13:48:26Z")

</div>

A little something I was fiddling with earlier today: It isn’t overly complex, and the bulk of the code is in shifting the letters back every iteration to give the illusion of an infinite scroll. Here is the code: \<!…

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

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