Categories
Mastering Development

GET function from server replaces HTML-page; very simple client server communication task with express.js and jquery

I’m really struggling since days and felt weeks with node.js/express.js on server side and html and jquery on client side only to get a simple data exchange between them. The simple task is: client submits a sentence „Request from client to server“ server responds on clients website with „Request from client received“ Ok, here is […]

Categories
Mastering Development

Why my external CSS file is totally missing when I try to link it

Why my external CSS file is not showing in my chrome source. The CSS file is totally not working as well. Here is my HTML and CSS code. HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=“X-UA-Compatible” content=“ie=edge”> <link rel="shortcut icon" href="#" /> <link rel ="stylesheet" type = "text/css" herf […]

Categories
Mastering Development

javascript Array Error inside object,cant access push of undefine

Here error is coming is can’t access a property of undefined, In this.dataLog when I’m trying to push something in it. Please resolve the same. It is showing this.dataLog array as undefined.Here error is coming is can’t access a property of undefined, In this.dataLog when I’m trying to push something in it. Please resolve the […]

Categories
Mastering Development

Javascript and css styles not being applied

Im getting started on JavaScript and i can’t find the mistake. Ok, originally .menu has right: -100 and has the JavaScript .change is supposed to set it to right: 0. But nothing happens when i click the burger button. Lines are the only that change, but menu doesn’t. If anyone could help i would be […]

Categories
Mastering Development

Making current active website page not reload in navbar

I’ll start off with saying that I am brand new to PhP, but am trying to use it to set load my header from 1 file into all of my website pages. I have successfully accomplished this and with that have also been able to set a .active class to whichever page is currently active. […]

Categories
Mastering Development

issue with css media query for html email

I’m working on creating a responsive email template with html that supposed to be sent by sendgrid. I’m using css media queries. My template is a little bit complicated. I notice that in my phone (width less than 300 px) media queries are not working at all. I searched on the internet and tried a […]

Categories
Mastering Development

How do I close an open modal?

I copied a template from codepen. The code was very dated and had some old cdn links. Meaning I had to find the updated version for those links. I am so close to making the app completely functional I need the modal to close after opening. I believe it has something to do bootstrap. The […]

Categories
Mastering Development

How to have a CSS transition on an image return to the initial state after mouse removal with a text paragraph above the image

I’m trying to have my CSS transition, when you after you hover over one of the images and your mouse leaves, return to the position without the hover over a time period of .6 seconds. I’ve seen a couple of solutions to this problem, but they haven’t worked due to the paragraph above each image. […]

Categories
Mastering Development

How to make a dropdown using fonawsome icon

I am new to coding and don’t know how to make drop down like fonawsome fa fa-ellipsis-v I am doing this here but Dont know how the class is overriding *{ margin: 0; padding :0; box-sizing: border-box; } .chat-container{ height: 100vh; width: 100vw; display: grid; grid-template-rows: 10% 80% 10%; grid-template-columns: 75% 25%; /* grid: ‘search-container […]

Categories
Mastering Development

JavaScript Removing Elements Dynamically! removeChild

I’m very new to coding!! Technology I am using is materialize and vanilla js. I’ve created a materialize button that opens a model. within the model is a form that takes user input, then places the input text onto the main page, when the Submit btn is triggered. then I have a button that should […]