# programming

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

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

**Page:** 51

---

## [Except C# and PHP, can we parse xml with jquery at client side?](https://forum.kirupa.com/t/except-c-and-php-can-we-parse-xml-with-jquery-at-client-side/639518)

<div class="topic-metadata">

**Author:** [@ndfd2008](https://forum.kirupa.com/u/ndfd2008)\
**Replies:** 3\
**Last updated:** [March 21, 2019, 12:01pm UTC](https://forum.kirupa.com/t/except-c-and-php-can-we-parse-xml-with-jquery-at-client-side/639518 "2019-03-21T12:01:23Z")

</div>

Hi guys, is there any code or help available which I can use to parse an xml data at client side by using java script or jquery? Thank you

---

## [Gimli - VSCode extension - visual tools for front-end developers](https://forum.kirupa.com/t/gimli-vscode-extension-visual-tools-for-front-end-developers/639619)

<div class="topic-metadata">

**Author:** [@prg9](https://forum.kirupa.com/u/prg9)\
**Replies:** 7\
**Last updated:** [April 25, 2019, 1:30pm UTC](https://forum.kirupa.com/t/gimli-vscode-extension-visual-tools-for-front-end-developers/639619 "2019-04-25T13:30:57Z")

</div>

Hope this is ok to post here, I thought some may find it interesting. https://gimli.app/ https://www.kickstarter.com/projects/182057119/gimli The concept of being an extension inside of VS Code is pretty nice. Many ap…

---

## [Control Gradient Stops with a Range Slider](https://forum.kirupa.com/t/control-gradient-stops-with-a-range-slider/639695)

<div class="topic-metadata">

**Author:** [@Squinter](https://forum.kirupa.com/u/Squinter)\
**Replies:** 1\
**Last updated:** [April 22, 2019, 9:03pm UTC](https://forum.kirupa.com/t/control-gradient-stops-with-a-range-slider/639695 "2019-04-22T21:03:52Z")

</div>

Months ago I found a CodePen or JSFiddle that displayed a gradient, controlled by a range slider. If I recall correctly, the slider controlled the width of the transition (wide or narrow). The gradient was either an SVG,…

---

## [UI Library to use with React JS](https://forum.kirupa.com/t/ui-library-to-use-with-react-js/639130)

<div class="topic-metadata">

**Author:** [@HampiRocks](https://forum.kirupa.com/u/HampiRocks)\
**Replies:** 5\
**Last updated:** [April 17, 2019, 12:06pm UTC](https://forum.kirupa.com/t/ui-library-to-use-with-react-js/639130 "2019-04-17T12:06:20Z")

</div>

I am new to UI. Please suggest easy UI framework ( if its needed ) which works best with ReactJs for my first UI app. Thanks !!

---

## [SVG JavaScript TypeError](https://forum.kirupa.com/t/svg-javascript-typeerror/639656)

<div class="topic-metadata">

**Author:** [@Squinter](https://forum.kirupa.com/u/Squinter)\
**Replies:** 3\
**Last updated:** [April 16, 2019, 9:10pm UTC](https://forum.kirupa.com/t/svg-javascript-typeerror/639656 "2019-04-16T21:10:35Z")

</div>

So I’ve made a little game that works as planned as a normal web page (see the CodePen here) But, when I put it into a local server WordPress page I get this error and nothing works: TypeError: undefined is not an obje…

---

## [Which direction to take: SVG, Canvas, CreateJS, or?](https://forum.kirupa.com/t/which-direction-to-take-svg-canvas-createjs-or/639196)

<div class="topic-metadata">

**Author:** [@Squinter](https://forum.kirupa.com/u/Squinter)\
**Replies:** 3\
**Last updated:** [April 14, 2019, 10:10pm UTC](https://forum.kirupa.com/t/which-direction-to-take-svg-canvas-createjs-or/639196 "2019-04-14T22:10:13Z")

</div>

My intent is to make a game-like page where the user is shown polygons (and eventually ones with some curves on their sides). After a set time has passed, the polygon goes away and a neutral square appears with its corne…

---

## [Centering Vertically and Horizontally Using Flexbox | kirupa.com](https://forum.kirupa.com/t/centering-vertically-and-horizontally-using-flexbox-kirupa-com/352328)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [April 14, 2019, 5:16pm UTC](https://forum.kirupa.com/t/centering-vertically-and-horizontally-using-flexbox-kirupa-com/352328 "2019-04-14T17:16:53Z")

</div>

by kirupa | 27 January 2012 Strangely enough, one of the more difficult things to do using CSS is centering content. Centering content horizontally is relatively easy. Centering content vertically is a whol…

---

## [React-Redux v7 Released](https://forum.kirupa.com/t/react-redux-v7-released/639639)

<div class="topic-metadata">

**Author:** [@senocular](https://forum.kirupa.com/u/senocular)\
**Replies:** 0\
**Last updated:** [April 9, 2019, 6:35pm UTC](https://forum.kirupa.com/t/react-redux-v7-released/639639 "2019-04-09T18:35:43Z")

</div>

Built with hooks and includes new features like batch import { batch } from "react-redux"; function myThunk() { return (dispatch, getState) =\> { // should only result in one combined re-render, not two …

---

## ["Using Redux with React" question in Chapter 20?](https://forum.kirupa.com/t/using-redux-with-react-question-in-chapter-20/639627)

<div class="topic-metadata">

**Author:** [@Jasonliao](https://forum.kirupa.com/u/Jasonliao)\
**Replies:** 3\
**Last updated:** [April 9, 2019, 6:14pm UTC](https://forum.kirupa.com/t/using-redux-with-react-question-in-chapter-20/639627 "2019-04-09T18:14:32Z")

</div>

Hi, There is a point I don’t understand. On page 260, it has the following code in the index.js. import App from “./App”; But there is no “App” component being defined in the App.js (on page 263). The end example i…

---

## [Identifying WebKit (aka Safari, iOS WebView, etc.) Users via JavaScript](https://forum.kirupa.com/t/identifying-webkit-aka-safari-ios-webview-etc-users-via-javascript/639534)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 1\
**Last updated:** [March 27, 2019, 5:38am UTC](https://forum.kirupa.com/t/identifying-webkit-aka-safari-ios-webview-etc-users-via-javascript/639534 "2019-03-27T05:38:05Z")

</div>

Yes, I know that you aren’t supposed to do browser sniffing using user agents. Yes, I also know that you should use feature detection instead. Yes, I also ALSO know that even a trained jellyfish can spoof the user agent …

---

## [Controlling a video file with JavaScript](https://forum.kirupa.com/t/controlling-a-video-file-with-javascript/639609)

<div class="topic-metadata">

**Author:** [@jthatcher](https://forum.kirupa.com/u/jthatcher)\
**Replies:** 1\
**Last updated:** [April 3, 2019, 4:59am UTC](https://forum.kirupa.com/t/controlling-a-video-file-with-javascript/639609 "2019-04-03T04:59:46Z")

</div>

Hello my new best friends. I’m a tenderfoot initiate into your group. I have been searching for a method to convert SWFs into HTML. One idea I’ve considered is to use QuickTime to convert them into MOV video files, th…

---

## [Unreadability of JS, #1394](https://forum.kirupa.com/t/unreadability-of-js-1394/639581)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [April 1, 2019, 4:19am UTC](https://forum.kirupa.com/t/unreadability-of-js-1394/639581 "2019-04-01T04:19:49Z")

</div>

Maybe I am getting all curmedgeony, but if I saw that code in regular usage, I wouldn’t know where to begin :stuck\_out\_tongue:

---

## [Animate CC - Screen moves with mouse effect?](https://forum.kirupa.com/t/animate-cc-screen-moves-with-mouse-effect/635401)

<div class="topic-metadata">

**Author:** [@mesta](https://forum.kirupa.com/u/mesta)\
**Replies:** 6\
**Last updated:** [March 30, 2019, 11:46am UTC](https://forum.kirupa.com/t/animate-cc-screen-moves-with-mouse-effect/635401 "2019-03-30T11:46:05Z")

</div>

Hello, how can I create effect like this one in Adobe Animate CC? (HTML5) Is there any tutorial for this?

---

## [Sticky NavBar works on lapTop but not on iPhone.](https://forum.kirupa.com/t/sticky-navbar-works-on-laptop-but-not-on-iphone/639532)

<div class="topic-metadata">

**Author:** [@snowmandsp](https://forum.kirupa.com/u/snowmandsp)\
**Replies:** 10\
**Last updated:** [March 29, 2019, 2:47am UTC](https://forum.kirupa.com/t/sticky-navbar-works-on-laptop-but-not-on-iphone/639532 "2019-03-29T02:47:36Z")

</div>

I want the page to be responsive so I stopped using position: fixed. I like the flex ability move the browser page right to left (shrink) and the spacing stays the same right to left. Any thoughts? HTML …

---

## [Meet JSX...Again!](https://forum.kirupa.com/t/meet-jsx-again/636241)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 5\
**Last updated:** [March 27, 2019, 9:56pm UTC](https://forum.kirupa.com/t/meet-jsx-again/636241 "2019-03-27T21:56:53Z")

</div>

As you probably noticed by now, we've been using a lot of JSX in the previous tutorials. What we really haven't done is taken a good look at what JSX actually is. How does it actually work? Why do we not just call it HT…

---

## [Kindly review my site](https://forum.kirupa.com/t/kindly-review-my-site/638175)

<div class="topic-metadata">

**Author:** [@Mathew05](https://forum.kirupa.com/u/Mathew05)\
**Replies:** 4\
**Last updated:** [March 25, 2019, 2:03pm UTC](https://forum.kirupa.com/t/kindly-review-my-site/638175 "2019-03-25T14:03:31Z")

</div>

Hey guys this is Mathew Richard this is my site REMOVED It can’t get rank . I don’t no what’s wrong in it’s on page . Kindly review and give some advices Thanks in advance

---

## [Going from Data to UI in React](https://forum.kirupa.com/t/going-from-data-to-ui-in-react/636233)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 17\
**Last updated:** [March 21, 2019, 10:12pm UTC](https://forum.kirupa.com/t/going-from-data-to-ui-in-react/636233 "2019-03-21T22:12:07Z")

</div>

Happening place to discuss this tutorial: http://www.kirupa.com/react/from\_data\_to\_ui\_in\_react.htm

---

## [Why the \<li\> not active when i click on it](https://forum.kirupa.com/t/why-the-li-not-active-when-i-click-on-it/639527)

<div class="topic-metadata">

**Author:** [@hao](https://forum.kirupa.com/u/hao)\
**Replies:** 0\
**Last updated:** [March 21, 2019, 4:48am UTC](https://forum.kirupa.com/t/why-the-li-not-active-when-i-click-on-it/639527 "2019-03-21T04:48:32Z")

</div>

\<style\> .li:hover { background-color: #dcdfe5; cursor: pointer; } .active, .li:hover { background-color: #dcdfe5; color: white; } \<style\> \<div class="c…

---

## [NavBar will not Stick on iPhone but works on deskTop.](https://forum.kirupa.com/t/navbar-will-not-stick-on-iphone-but-works-on-desktop/639530)

<div class="topic-metadata">

**Author:** [@snowmandsp](https://forum.kirupa.com/u/snowmandsp)\
**Replies:** 1\
**Last updated:** [March 21, 2019, 3:06pm UTC](https://forum.kirupa.com/t/navbar-will-not-stick-on-iphone-but-works-on-desktop/639530 "2019-03-21T15:06:02Z")

</div>

I can not get my navbar to stick at the Top of the page on the iPhone. It sticks on the laptop. I want the page to be responsive so I stop using position: fixed. This is the code with out all the meat. Any thoughts? \<…

---

## [Ajax Calls From Imported External Web Components in PWAs](https://forum.kirupa.com/t/ajax-calls-from-imported-external-web-components-in-pwas/639521)

<div class="topic-metadata">

**Author:** [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Replies:** 3\
**Last updated:** [March 21, 2019, 11:41am UTC](https://forum.kirupa.com/t/ajax-calls-from-imported-external-web-components-in-pwas/639521 "2019-03-21T11:41:02Z")

</div>

Hi, I have many web components that are located in different servers. They all get combined in one master ui that uses these web components. The problem is, the Ajax calls from these external web components that get imp…

---

## [Intellisense](https://forum.kirupa.com/t/intellisense/639502)

<div class="topic-metadata">

**Author:** [@Muthukrishnan\_Tr](https://forum.kirupa.com/u/Muthukrishnan_Tr)\
**Replies:** 6\
**Last updated:** [March 18, 2019, 8:24pm UTC](https://forum.kirupa.com/t/intellisense/639502 "2019-03-18T20:24:34Z")

</div>

---

## [Get an Element's Position Using JavaScript](https://forum.kirupa.com/t/get-an-elements-position-using-javascript/352186)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 14\
**Last updated:** [November 19, 2018, 7:51pm UTC](https://forum.kirupa.com/t/get-an-elements-position-using-javascript/352186 "2018-11-19T19:51:58Z")

</div>

by kirupa | 18 December 2012 While this may be hard to believe, especially if you are familiar with how layout in HTML works, elements are positioned in some sort of sensible manner. Those manners …

---

## [While programming in javascript, getting error "Cannot read property 'style' of null" please help me](https://forum.kirupa.com/t/while-programming-in-javascript-getting-error-cannot-read-property-style-of-null-please-help-me/639486)

<div class="topic-metadata">

**Author:** [@Vikin](https://forum.kirupa.com/u/Vikin)\
**Replies:** 3\
**Last updated:** [March 12, 2019, 10:27am UTC](https://forum.kirupa.com/t/while-programming-in-javascript-getting-error-cannot-read-property-style-of-null-please-help-me/639486 "2019-03-12T10:27:49Z")

</div>

I have tried this solution, but its not working for me. referred : http://forum.kirupa.com/t/help-me-please-with-uncaught-typeerror-cannot-read-property-style-of-null/638230. code I have written: \<script type="text/ja…

---

## [Transferring Properties in React | kirupa.com](https://forum.kirupa.com/t/transferring-properties-in-react-kirupa-com/636193)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 3\
**Last updated:** [March 11, 2019, 12:12am UTC](https://forum.kirupa.com/t/transferring-properties-in-react-kirupa-com/636193 "2019-03-11T00:12:10Z")

</div>

There is a frustrating side to working with properties. We kinda saw this side in the previous tutorial. Passing properties from one component to another is nice and simple when you are dealing with only one layer of com…

---

## [Creating Motion Trails | KIRUPA](https://forum.kirupa.com/t/creating-motion-trails-kirupa/636223)

<div class="topic-metadata">

**Author:** [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Replies:** 6\
**Last updated:** [March 9, 2019, 5:18pm UTC](https://forum.kirupa.com/t/creating-motion-trails-kirupa/636223 "2019-03-09T17:18:21Z")

</div>

by kirupa | 15 March 2016 Have you ever seen a comet or a meteor streaking across the sky? It looks something like this: This is a companion discussion topic for the original entry at http://www.kirupa.com/canvas/…

---

## [PWA - right approach here?](https://forum.kirupa.com/t/pwa-right-approach-here/639466)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 3\
**Last updated:** [March 6, 2019, 3:57am UTC](https://forum.kirupa.com/t/pwa-right-approach-here/639466 "2019-03-06T03:57:53Z")

</div>

Not sure I fully understand how to use PWA. Hope here is help around :wink: I started to use WLAN based devices (like Sonoffs with Tasmota FW). But not using the MQTT setup, but try to use REST. That because only a few …

---

## [PWA dev and Firefox?](https://forum.kirupa.com/t/pwa-dev-and-firefox/639461)

<div class="topic-metadata">

**Author:** [@gNeandr](https://forum.kirupa.com/u/gNeandr)\
**Replies:** 1\
**Last updated:** [March 4, 2019, 6:40pm UTC](https://forum.kirupa.com/t/pwa-dev-and-firefox/639461 "2019-03-04T18:40:03Z")

</div>

Just came back to your “Build a PWA …” and have a problem with the browser. Never installed/used Chrome, I’m always on Firefox. So is there also PWA dev support using FX and it’s DevTools box? If yes, do you know a How…

---

## [Using Redux with React Error in Chapter 20?](https://forum.kirupa.com/t/using-redux-with-react-error-in-chapter-20/639456)

<div class="topic-metadata">

**Author:** [@overtureweb](https://forum.kirupa.com/u/overtureweb)\
**Replies:** 1\
**Last updated:** [March 4, 2019, 6:30pm UTC](https://forum.kirupa.com/t/using-redux-with-react-error-in-chapter-20/639456 "2019-03-04T18:30:30Z")

</div>

First off, LOVE this book, it’s well written and the concepts are really easy to grasp. However I found an issue in Chapter 20 where we build a counter using Redux. On page 261 the switch block in the reducer is written …

---

## [Learning React: A Hands-On Guide... code not working](https://forum.kirupa.com/t/learning-react-a-hands-on-guide-code-not-working/639412)

<div class="topic-metadata">

**Author:** [@Renato\_Jacobsen](https://forum.kirupa.com/u/Renato_Jacobsen)\
**Replies:** 2\
**Last updated:** [February 15, 2019, 6:43am UTC](https://forum.kirupa.com/t/learning-react-a-hands-on-guide-code-not-working/639412 "2019-02-15T06:43:25Z")

</div>

Is there an errata for the book Learning React: A Hands-On Guide to Building Web Applications Using React and Redux, 2/e? On page 99 of the book, the code listed there doesn’t work when simply copied and pasted to a new …

---

## [How to append a space into \<p\> 'activeElement' ?](https://forum.kirupa.com/t/how-to-append-a-space-into-p-activeelement/639403)

<div class="topic-metadata">

**Author:** [@vmars316](https://forum.kirupa.com/u/vmars316)\
**Replies:** 5\
**Last updated:** [February 13, 2019, 4:43pm UTC](https://forum.kirupa.com/t/how-to-append-a-space-into-p-activeelement/639403 "2019-02-13T16:43:11Z")

</div>

Hello & Thanks, Sorry , I can’t get the three ticks working . (windows pc) Is it three quote marks or what ? I have this paragraph : \<p contenteditable="" id="p\_tgh"\>Text Paragraph\</p\> window.addEventListener("keyd…

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

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