Web Languages and Standards

39K

Solutions

30K

Contributors

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Share tech news, updates, or what's on your mind.

Sign up to Post

So I buld dynamic websites. As CMS I use something I have built by myself because I wanted to offer something very simple and easy to use to my client: they are small clent and they can't spend time to learn how to use Wordpress, OpenCart or other complex CMS. They just have to add, delete and modify some products data, or even just add some news to publish in the homepage.
So I have developed my own CMS. My problem is that I always work on it to improve it and everytime I change somewthing I have to manually upload changed files to the clients websites in order to always be sure I have the same code running in the various Control Panels.

As you guess, this becomes soon a crazy task, subject to errors and confusion. I would like to automate this process but I'm not sure how to do it.

Let me say that the develpment version of the code uses Git as Version control system. I also have to specify that between the various versions of the Control Panel, only one file is specific to that specific client, a configuration file in json format which my classes read to do the various tasks.

This config files holds specific settings and many times, as I improve the doce and some new features, the config file itself needs to be changed and I have some doubt this can be automated because here I need to preserve orginal specifi settings whil I add new sections with new settings and their default values.

So I think I could manually update only this file, but how can I make the …
1
CompTIA Network+
LVL 13
CompTIA Network+

Prepare for the CompTIA Network+ exam by learning how to troubleshoot, configure, and manage both wired and wireless networks.

I wrote a CGI in perl a long ago (never wrote perl script for ten years ;-). It is  named "check.cgi" in the www/cgi-bin directory (i.e. www/cgi-bin/check.cgi)

It starts as follows:

#!/usr/bin/perl
use strict;
use CGI;
our $mailprog        = "/usr/sbin/sendmail -t";
our $respond         = "";
our $upto            = "";
our $data            = '';
our $db              = '';

# -----------------------------------------------------------------------------
# declare base
# -----------------------------------------------------------------------------
our @token;
our $q  = new CGI;
our %in = $q->Vars;
our %gp;

# -----------------------------------------------------------------------------
# get the inputs
# -----------------------------------------------------------------------------
our $dn       =lc($in{'dn'       }) || ''         ;
our $orig     =lc($in{'orig'     }) || ''         ;
our $tld      =lc($in{'tld'      }) || ''         ;

Open in new window

.....

Which URL should be entered to trigger it : "http://abc.de/...."  what the "...." should be ?

Thanks a lot !
0
Where to place the <script> tag on the HTML page?

I know there are different places you can put this, depending on the behavior you want and also depending on the type of scripts you need to load.

So, what are the different places on theHTML page and what factors govern your decision? And are these script always Javascript?

Thanks
0
Need a quick refresher in jQuery. Video might be a great way, but also tutorials can be great.

Thanks
0
Upgrading Angular 4 to Angular 7

I will be coding with Angular 7 in the near future and need to upgrade a project I created with Angular 4. This will be part of my preparation.

What steps need to be taken?

Thanks.
0
I'm working on https://renalmeals.com. I used Google Chrome audit on it. One of the things it recommends is:
"For stylesheets, consider splitting up your styles into different files, organized by media query, and then adding a media attribute to each stylesheet link. When loading a page, the browser only blocks the first paint to retrieve the stylesheets that match the user's device. See Render-Blocking CSS to learn more. Build tools like critical can help you extract and inline critical CSS."

I'm pretty new at npm. No, I'm VERY new at NPM. I managed to install it using $ npm i -D critical@latest. Now I want to do this, below.  And I'm stumped. Can someone give me more specific instructions? Thanks!

Generate and inline critical-path CSS
Basic usage:

critical.generate({
  inline: true,
  base: 'test/',
  src: 'index.html',
  target: 'index-critical.html',
  width: 1300,
  height: 900,
});
0
Please explain .NET Standard 2.0 and open source.

and how code reuse is enhanced by giving me an example or two of how this is a benefit. For example, a library that can be re-used between various platforms.

And is .NET Standard 2.0 a part of the open sourcing of the .NET Framework? Or is it MVC that is open sourced?
Thanks
0
What are the Big Differences between Angular 4 and Angular 7?

Thanks
0
Upgrading Angular 4 to Angular 6

I have a small and working Angular 4 project, but would like to make the switch to Angular 6. How do I do this?

What are the odds it will work with no changes?

Here's a sample of the code:

import { Component, Input, OnInit } from '@angular/core';
import { NgFor } from '@angular/common';
import { PuzzlePieceComponent } from '../puzzlepiece/puzzle-piece.component';

@Component({
  selector: 'puzzle-canvas',
  templateUrl: './puzzle-canvas.component.html',
  styleUrls: ['./puzzle-canvas.component.css']
})

export class PuzzleCanvasComponent implements OnInit {
  title = 'Puzzle Peace';
  @Input() piece:PuzzlePieceComponent;
  pieces = [];
  rowNames = [];
  columnNames = [];
  columns:number = 8;
  rows:number = 5;

  constructor() { 
    this.rowNames = ['1', '2', '3', '4', '5' ];
    this.columnNames = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H' ];
  }

  fireEvent(e){
      console.log(e.type);
  }

  ngOnInit() { 
    let index = 0;
    for(let row = 0; row < this.rows; row++) {
      for(let column = 0; column < this.columns; column++) {
        this.pieces[index] = new PuzzlePieceComponent();
        this.pieces[index].id=index;
        this.pieces[index].row = this.rowNames[row];
        this.pieces[index].column = this.columnNames[column];
        index++;
      }
    }
  }
}

Open in new window

0
Does "Vanilla Javascript" mean NO jQuery?

And, does jQuery allow me to not use some of these direct calls, like to the document model?

https://www.w3schools.com/jsref/dom_obj_document.asp

Thanks
0
JavaScript Best Practices
LVL 13
JavaScript Best Practices

Save hours in development time and avoid common mistakes by learning the best practices to use for JavaScript.

I'm trying to get tooltips to work on this page, but they are not showing up. https://www.stadriemblems.com/products/enamel-pins-test/

I have one inserted above the "Get a Quote Here" h1. The text "Hover Me to Preview" should be showing up.

I have a local VM on my machine, and it's not showing up there either, which makes sense. But when I just double-click the file and view it in the browser outside of the VM, it works (because all of our external assets are loaded dynamically and need the VM to load, so when I just double-click the file and view it in the browser, it's a version without any of the other assets). This leads me to believe that there is some other bit of CSS that's interfering with it. What I can't figure out is how I would go about figuring out what the specific bit of CSS is that's conflicting with it. I did the whole F12/Console thing and did a search for the word "tooltip" (the style/class name) but got no results.

Right now I have the tooltip CSS in the head of this page. I tried moving it to the external style.css to see if it would make a difference, but it did not.

Here is the code:

.tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .top {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    

Open in new window

0
Getting up and running with REACT

I have developed using Angular 4, JQUERY and JavaScript, but not yet with React.

I have a MacBook and use Visual Studio Code on the Mac for my work with Angular 4 and hope to do the same with React.

How do I get React installed so I can start programming it? And same projects / tutorials you can point me to that would be a great start for me?

Thanks!
0
Angular: Please explain diff between Constructor and ngOnInit()

What kinds of things are done in either function?

hanks
0
Where does the "fireEvent(e)" function get defined?

In my working code here, I see I added that function. Is it possible to tell me the origins of the call from this source code?

import { Component, Input, OnInit } from '@angular/core';
import { NgFor } from '@angular/common';
import { PuzzlePieceComponent } from '../puzzlepiece/puzzle-piece.component';

@Component({
  selector: 'puzzle-canvas',
  templateUrl: './puzzle-canvas.component.html',
  styleUrls: ['./puzzle-canvas.component.css']
})

export class PuzzleCanvasComponent implements OnInit {
  title = 'Puzzle Peace';
  @Input() piece:PuzzlePieceComponent;
  pieces = [];
  rowNames = [];
  columnNames = [];
  columns:number = 8;
  rows:number = 5;

  constructor() { 
    this.rowNames = ['1', '2', '3', '4', '5' ];
    this.columnNames = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H' ];
  }

  fireEvent(e){
      console.log(e.type);
  }

  ngOnInit() { 
    let index = 0;
    for(let row = 0; row < this.rows; row++) {
      for(let column = 0; column < this.columns; column++) {
        this.pieces[index] = new PuzzlePieceComponent();
        this.pieces[index].id=index;
        this.pieces[index].row = this.rowNames[row];
        this.pieces[index].column = this.columnNames[column];
        index++;
      }
    }
  }
}

Open in new window

0
Making an HTTP Request using Angular 4

I got this question today in an interview and used it to explain the elements of an Angular 4 Component:

selector
templateURL
styleURL

and what these mean to making a component something you can easily import into another Angular 4 component.

How would you have answered that?

"How do you make an HTTP Request using Angular 4?"

Thanks
0
Turning OFF my WordPress Site?

I have the Admin login to my WordPress site, but I need to turn it off.

I do not care where the domain points afterwards.

How do I "unpublish" the site?

Thanks
0
Please explain the ".co" domain extension

What does it mean?

Curious.

Thanks.
0
Hi Folks,
I'm newbie here trying to get HTML, JS & CSS in harmony...

The code below is a sample form(includes CSS, HTML, & JS) ,. The ultimate goal:  when I click the submit button, JS script will collect all the user's input and replace the green pane with the submissions entered.
The initial function I started to use,  it throws me a err: [object HTMLFormElement]
thanks for looking, constructive ideas or even better aproaches are welcome, I know it looks a bit messy but it's my first FORMS attempt in one sit down :)
it looks like a of lot of lines thought the reason why is because it has the selections within a menu  but the actual code is very small



<!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">
	<title>Curriculum Vitae</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">


	
	<style type="text/css">
		body {
		margin: 0;		
		}	
		/* Styling Header*/
		.header {
		background-color: #964a4a;
		padding: 20px;
		text-align: center;
		font-family: Georgia, 'Times New Roman', Times, serif;
		color: #fff;
		font-family: monospace;
		overflow: hidden; /* Ensures the content is not revealed until the animation */
		border-right: .15em solid orange; /* The typwriter cursor */
		margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	

Open in new window

1
Hi Folks,
 I remember back in the old days Microsoft FrontPage was a lot easier when creating forms, previews and tons of excellent features..,
fpg.jpg
Now that I'm trying to get back into web devs(newbie here), i discovered people don't really use it anymore... is any other software or plugin or Visual Studio/Code Extension that help to replicate the same?
0
Announcing the Winners!
LVL 13
Announcing the Winners!

The results are in for the 15th Annual Expert Awards! Congratulations to the winners, and thank you to everyone who participated in the nominations. We are so grateful for the valuable contributions experts make on a daily basis. Click to read more about this year’s recipients!

Example of Web Tokens

I am sure I have worked with these, but please give an overview.

Also, it would great if you could also include a .NET perspective

Thanks.
0
Need a quick overview of WebAPI.

I am a .NET Full Stack developer and have supported numerous web services, but have difficulty answering interview questions about WebAPI.

Please refresh my memory.

Thanks
0
Compare KendoUI w/ Angular 4?

I have used Angular 4 but not KendoUI.

please describe what KendoUI is  and how its different from Angular 4.

Thanks
0
Need interactive website for web GUI design

I hope there are a few drag and drop types of easy GUI configuration test sites, where I can download the HTML, CSS and even the Javascript.

If I need to limit myself to just the HTML and CSS, that is fine.

Can you give me some samples of this type of website?

Thanks
0
What does Redux do for React and Angular?

Please give some specifics about what exact state Redux is managing and how it works.

Thanks.
0
Hi All,

I am working on an xslt which should transform XML to space separated flat file. I was able to do xslt which essentially as per requirement is space delimited and restricts record to 300 characters.

My output at the moment is

003339334070 0000554509 0000000200 10192018 EUNICE PRICE
003339334070 0000554510 0000005750 10192018 M3 USA Corporation
003339334071 0000554509 0000000300 10192018 EUNICE PRICE
003339334071 0000554510 0000005700 10192018 M3 USA Corporation

But vendor came back with new requirement to add another record which should be sum  total amount and count the line items. For example I need the data like below. Where 2 is number of lines and 003339334070 is feild wd:CF_Account_number_HSBC_Canada from source. This field is also key to group the records. And  0000005950 is sum of two totals.

003339334070 0000554509 0000000200 10192018 EUNICE PRICE
003339334070 0000554510 0000005750 10192018 M3 USA Corporation
003339334070 2                     0000005950
003339334071 0000554509 0000000300 10192018 EUNICE PRICE
003339334071 0000554510 0000005700 10192018 M3 USA Corporation
003339334071 2                     0000006000

I am attaching the XSLT and XML i am using for testing. Can some one please help me to achieve above result? I am new to XSLT and learning.

Thanks & Regards,
Sridhar
XSLTHELP.xsl
pp2.xml
0

Web Languages and Standards

39K

Solutions

30K

Contributors

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.