Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!
JavaScript
122K
Solutions
42K
Contributors
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.
Share tech news, updates, or what's on your mind.
MVC applications have a rather unintuitive way to handle date and times within the default scaffolding views of MVC. This article shows the process of changing these to proper date and time pickers using Editor Templates and a rather nice extension library of JQuery UI written by Trent Richardson.
0 Comments
A look at six new Cloud Class® courses: CompTIA Network+ (Exam N10-007), Build an E-Commerce Site with Angular 5, Bootstrap 4: Exploring New Features, JavaScript Best Practices, SQL 2014 Developer P1: T-SQL and .NET Code, and Exploring SQL Server 2016: Fundamentals.
Do you want to use Dependent or Cascading dropdowns in SharePoint but don't want to buy a 3rd party tool? This script will allow you to do that. Can be used for State\Capital, Building\Room, or any other dependent relationship. Some development\debugging experience is probably helpful.
AngularJS web development a very simple procedure. So, to put it, in short, AngularJS’ stand out features are – Two-way data binding, MVC structure, directives, templates, dependency injections and testing.
Hi, advantages and disadvantages that you have mentioned are so true. Here i also want to add some advantages that you missed:
Angular analyses the page DOM and builds the bindings based on the Angular-specific element attributes.
Angular modifies the page DOM directly instead of adding inner HTML code.
Extended features such as dependency injection, routing, animations, view orchestration, and more
Supported by IntelliJ IDEA and Visual Studio .NET IDEs.
All-over i really appreciate your work. Thanks for sharing and keep going.
Angular analyses the page DOM and builds the bindings based on the Angular-specific element attributes.
Angular modifies the page DOM directly instead of adding inner HTML code.
Extended features such as dependency injection, routing, animations, view orchestration, and more
Supported by IntelliJ IDEA and Visual Studio .NET IDEs.
All-over i really appreciate your work. Thanks for sharing and keep going.
Agree by Hana
Angular analyses the page DOM and builds the bindings based on the Angular-specific element attributes.
Angular modifies the page DOM directly instead of adding inner HTML code.
Extended features such as dependency injection, routing, animations, view orchestration, and more
Supported by IntelliJ IDEA and Visual Studio .NET IDEs.
All-over I really appreciate your work. Thanks for sharing and keep going.
https://metadesignsolutions.com
Angular analyses the page DOM and builds the bindings based on the Angular-specific element attributes.
Angular modifies the page DOM directly instead of adding inner HTML code.
Extended features such as dependency injection, routing, animations, view orchestration, and more
Supported by IntelliJ IDEA and Visual Studio .NET IDEs.
All-over I really appreciate your work. Thanks for sharing and keep going.
https://metadesignsolutions.com
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to many relationship happen, this project was born...
This article discusses how to implement server side field validation and display customized error messages to the client.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Well bless your cotton socks, Ryan! Thank goodness someone else can do the jobs I can't fathom. I've been writing websites for clients for 11 years and I like to stick to my lane (writing quality copy). The thought of trying to code/design/build a website does my head in. We all have our strengths, don't we? For me, it's words ... not graphics, not design, not accounting. I know from working with you that your level of service is outstanding so there's no question about you being a "successful web developer"! I enjoyed your post (even if it did make my head spin a bit)!
Thanks for sharing such nice resources for Web Design. I also found some courses on Webemployed that teach front-end and back-end development separately. Some of them also offer free certificates of completion. The main thing is to know which Web technologies you want to master. There are many options like PHP, Mode.js, React.js etc but you need to do some research beforehand.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
Learn SQL Server Core 2016
This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Nothing in an HTTP request can be trusted, including HTTP headers and form data. A form token is a tool that can be used to guard against request forgeries (CSRF). This article shows an improved approach to form tokens, making it more difficult to use "screen scrapers" to attack web forms.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript and form good habits that can make your life easier in the long run. (Note: examples in this article use jQuery for simplicity.)
Start by writing comments which describe in plain language what you’re trying to do. Outline where you will need variables, functions, and events. You can always add more complexity like loops and data later on. For example after document ready, whenever someone clicks on a specific button, increment a counter on the page.
Half of JavaScript is knowing what you can do, while the other half is knowing when you can do it.
Document ready is not the only trigger. It’s very common to re-run the same function on document.ready, ajaxComplete, and window.resize. Modern JavaScript frameworks may use something like componentReady instead of documentReady. You can also run functions on scroll, click, touch, change, etc.
You will want a technique for running the same function with different options. Parameters facilitate reuse by allowing variables to be passed into a function.
…
Start with Descriptions
Start by writing comments which describe in plain language what you’re trying to do. Outline where you will need variables, functions, and events. You can always add more complexity like loops and data later on. For example after document ready, whenever someone clicks on a specific button, increment a counter on the page.
Learn Events Other than Document Ready
Half of JavaScript is knowing what you can do, while the other half is knowing when you can do it.
Document ready is not the only trigger. It’s very common to re-run the same function on document.ready, ajaxComplete, and window.resize. Modern JavaScript frameworks may use something like componentReady instead of documentReady. You can also run functions on scroll, click, touch, change, etc.
Learn How to Use Parameters
You will want a technique for running the same function with different options. Parameters facilitate reuse by allowing variables to be passed into a function.
Make All Functions Reuseable
…
JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand.
Self-Executing functions are just one good example that I'll try to demystify here.
Self-Executing functions are just one good example that I'll try to demystify here.
You have this traditional web application that refreshes the whole page each time you navigate and you think it's a good time to convert it to a Single-Page approach. What should you know in advance? Read on, I'll guide you through it.
Thanks for the article. It explains quite a bit. I am new to Angular and what i understood from my basic reading is that you cannot keep some views in Angular (latest is 5 ) and have other views and controller in existing architecture. Is there a workaround to this?
Hi Pari,
Angular changed quite a bit since it's v1 and meanwhile I started other projects, with other techs, and haven't been hable to catch up.
All this to say that I'm not able to give you experieced advice here regarding Angular 5.
By "existing architecture" you mean AngularJS 1.* way of doing things?
If so, you might find this page very usefull: https://angular.io/guide/upgrade.
Cheers!
Alex
Angular changed quite a bit since it's v1 and meanwhile I started other projects, with other techs, and haven't been hable to catch up.
All this to say that I'm not able to give you experieced advice here regarding Angular 5.
By "existing architecture" you mean AngularJS 1.* way of doing things?
If so, you might find this page very usefull: https://angular.io/guide/upgrade.
Cheers!
Alex
HTML5 and CSS3 Fundamentals
Build a website from the ground up by first learning the fundamentals of HTML5 and CSS3, the two popular programming languages used to present content online. HTML deals with fonts, colors, graphics, and hyperlinks, while CSS describes how HTML elements are to be displayed.
Introduction
JSON is an acronym for JavaScript Object Notation. It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner. Similar in concept to XML, but more efficient and more widely supported, JSON has become the dominant technology for use in AJAX applications, APIs, and other data interchange applications where data structure and data elements must be communicated between applications and web services.
JSON is frequently found in combination with RESTful APIs, where XML has rightly fallen into disuse. This article will examine some of the ways XML and JSON are similar and different, and will show ways of using JSON to our advantage.
Some code examples will show how to create and interpret JSON strings, and detect JSON errors.
A Bit of Test Data
Since the most important thing a programmer can have is a good test case, let's start with some good test data. Here is the information we will use for all of our code examples. This information will represent people, giving their names and ZIP codes. While the example is truly minimalist, it's sufficient to illustrate the principles.
A Bit of Test Data Organization
Both XML and JSON can represent the data structure. Here is how our data will be organized.
The Old School Way: XML
XML, or Extensible Markup Language, is a text-string data transport mechanism. It was popularized in the 1990s when SOAP…
JSON is an acronym for JavaScript Object Notation. It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner. Similar in concept to XML, but more efficient and more widely supported, JSON has become the dominant technology for use in AJAX applications, APIs, and other data interchange applications where data structure and data elements must be communicated between applications and web services.
JSON is frequently found in combination with RESTful APIs, where XML has rightly fallen into disuse. This article will examine some of the ways XML and JSON are similar and different, and will show ways of using JSON to our advantage.
Some code examples will show how to create and interpret JSON strings, and detect JSON errors.
A Bit of Test Data
Since the most important thing a programmer can have is a good test case, let's start with some good test data. Here is the information we will use for all of our code examples. This information will represent people, giving their names and ZIP codes. While the example is truly minimalist, it's sufficient to illustrate the principles.
firstName lastName zipCode
John Doe 20007
Mary Doe 20016
A Bit of Test Data Organization
Both XML and JSON can represent the data structure. Here is how our data will be organized.
People (with a date attribute)
|_ Person
|_firstName
|_lastName
|_zipCode
The Old School Way: XML
XML, or Extensible Markup Language, is a text-string data transport mechanism. It was popularized in the 1990s when SOAP…
Active 4 days ago
Ray,
Great article (as always) :). I just wanted to address the "Using JSON Strings in JavaScript" section of your article.
I'd like to see the distinction between JavaScript and jQuery/AngularJS to show that jQuery & AngularJS are frameworks of the JavaScript language. In otherwords, they are just JavaScript. They do not implement their own version of the ECMA-262 standards. Node.js on the other hand DOES have its own version but being only a server side language, that's a different story.
On another note, JSON in the browser still needs to be decoded from a string to be a useful JavaScript native object. Any data that PHP returns in JSON format will need to be decoded using the JSON.parse() native JavaScript function. jQuery will do this automatically when the getJSON() or ajax() with the dataType set to "json" but vanilla JavaScript will not. For your reference: http://www.w3schools.com/js/js_json.asp
Following on from this, the example you go on to give isn't a string, but a JS object. I'd like to see an example of using the native functions for converting JSON strings to objects as indicated here: http://www.w3schools.com/js/js_json.asp
Great article (as always) :). I just wanted to address the "Using JSON Strings in JavaScript" section of your article.
I'd like to see the distinction between JavaScript and jQuery/AngularJS to show that jQuery & AngularJS are frameworks of the JavaScript language. In otherwords, they are just JavaScript. They do not implement their own version of the ECMA-262 standards. Node.js on the other hand DOES have its own version but being only a server side language, that's a different story.
On another note, JSON in the browser still needs to be decoded from a string to be a useful JavaScript native object. Any data that PHP returns in JSON format will need to be decoded using the JSON.parse() native JavaScript function. jQuery will do this automatically when the getJSON() or ajax() with the dataType set to "json" but vanilla JavaScript will not. For your reference: http://www.w3schools.com/js/js_json.asp
Following on from this, the example you go on to give isn't a string, but a JS object. I'd like to see an example of using the native functions for converting JSON strings to objects as indicated here: http://www.w3schools.com/js/js_json.asp
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
We will take a look at the d3.js library for visualizations. I will provide a walkthrough of a short bar graph example as well as introduce you to the d3.js API. We also will explore links of other examples and further information regarding SVG's.
I found this question asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX.
The logical flow for the problem should be:
- Write an event handler for the first drop down box to get the user's selections.
- Send the user input to the server
- At the server, retrieve the data from the client side and process it; then send the result to the client side.
- At the client, use Javascript to parse the server response and update the other drop down box.
Write an event handler for the first drop down box to get the user's selections:
It sounds difficult. What is an "event handler"? In fact, every user action performed on the web page triggers an event. To handle those events, we need to write a Javascript function, and we call these javascript functions "event handlers". To handle the user's selection of an item in the drop-down box, we need to capture the onchange event. Here is a sample code:
<select id=type name="type" onchange="updateData(this)">
The above code means that a function named "updateData" would be triggered when a user selects an item from this drop-down box. Here the variable "this" means the dropdown box itself. Let's see what happens in the "updateData" function:
function updateData(dropDownBox)
{
var value=dropDownBox.options[dropDownBox.selectedIndex].value;
if (value!="") //Ensure no empty value is submitted to server side
{
jQuery.post("getResult.php","type="+value,updateNumber);
}
}
Send the user input to the server
The statement:
var value=dropDownBox.options[dropDownBox.selectedIndex].value;
retrieves user input from the first drop down box. The following statement means user input is sent to server side PHP script "getResult.php".
jQuery.post("getResult.php","type="+value,updateNumber);
where we use the Jquery lib to simplify the sending data to the server process. The second parameter is the format of a normal query string and the third parameter is a function that processes the server response.
At the server, retrieve the data from the client side and process it; then send the result to the client side:
The server-side program in our case is "getResult.php". For demonstration purposes we do not connect to a database; we just use the user input to generate a different result and then send that to the client.
<?php
$type=htmlspecialchars($_POST["type"]);
if ($type=="1")
{
echo "1-one\n";//Ends-with \n for client side getting data from server side response
echo "3-three\n";//Ends-with \n for client side getting data from server side response
echo "5-five\n";//Ends-with \n for client side getting data from server side response
echo "7-seven\n";//Ends-with \n for client side getting data from server side response
}
else
{
if ($type=="0")
{ echo "2-two\n";//Ends-with \n for client side getting data from server side response
echo "4-four\n";//Ends-with \n for client side getting data from server side response
echo "6-six\n";//Ends-with \n for client side getting data from server side response
echo "8-eight\n";//Ends-with \n for client side getting data from server side response
}
}
?>
At the client, use Javascript to parse the server response and update the other drop down box.
As described above, we need to specify a function that processes the server response and updates the other drop down box.
jQuery.post("getResult.php","type="+value,updateNumber);
So, we need to write a Javascript function named "updateNumber" to get the job done.
function updateNumber(data)
{
var numberData=jQuery.trim(data).split("\n");//split server side response by "\n"
var number=document.getElementById("number");
$("#number").empty(); //empty the 2nd drop down box
for (i=0;i<numberData.length;i++)
{
value=numberData[i].split("-")[0];//get value from server response
text=numberData[i].split("-")[1]; //get text from server response
option=new Option(text,value); //for better IE compatibility
number.options[i]=option;
}
}
The first two lines of the function parse server response and the third line empty the target drop down box; the for loop is adding options to the target drop-down box.
I have attached the sample code for your reference.
The Challenge
I was developing a new website for a client the other week in WordPress and they asked me if it was possible to track the clicks of the sponsor images they include on their home page. My first port of call was to use the Yoast Google Analytics plugin but for some reason, it didn't work and I wanted finer control of how my events were presented in the Google Analytics (GA) dashboard.So, I was left wondering how difficult it would be to write some JavaScript to dynamically assign the event push to Google Analytics using the onclick event.
This article describes how I solved that and as it's JavaScript, the solution can be used in any website design.
The Solution
The method relies on the addEventListener() method which attaches an event handler to the chosen document element. A good introduction to this method can be found at w3schools:http://www.w3schools.com/j
The syntax for adding the event listener is:
document.addEventListener(event, function, useCapture)
So the starting point of the solution creates the event in the bubbling phase:
if (document.addEventListener)
document.addEventListener('click', callback, false);
else
document.attachEvent('onclick', callback);
Once this is done, whenever a user clicks on the page the function callback will be executed.
So we next need to define what the callback function will do.
The first thing to do is to pass the user's event to the function:
Active 2 days ago
Hi Jim. I saw that weird hyperlink thing after posting the draft. I didn't put it in there and it appears to be a link to nothing when I checked the source of the page:
<a href="http://" target="_blank">
So, as I don't know how it got there I'm not sure how to delete it but I'll give it a go now.
<a href="http://" target="_blank">
So, as I don't know how it got there I'm not sure how to delete it but I'll give it a go now.
JavaScript
122K
Solutions
42K
Contributors
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.
Top Experts In
JavaScript
-
1
leakim97170,287 points -
2
Julian Hansen49,321 points -
3
lenamtl8,550 points -
4
Sam Jacobs8,025 points -
5
Chris Stanyon6,975 points -
6
zc25,700 points -
7
David Favor5,400 points -
8
Chinmay Patel4,200 points -
9
Michel Plungjan4,050 points -
10
Jon Norman4,050 points -
11
Bill Prew3,800 points -
12
Daniel Pineault3,800 points
-
13
Jim Riddles3,550 points -
14
Scott Fell3,300 points -
15
oBdA3,100 points
-
16
David S.3,050 points -
17
Norie3,050 points -
18
Ryan Chong2,550 points -
19
Alex2,550 points -
20
Luciano Patrão2,050 points -
21
Mrunal1,055 points -
22
DanRollins635 points -
23
Ray Paseur556 points -
24
girionis500 points -
25
dpearson350 points