Category Archives: JavaScript

How to Use JavaScript

JavaScript is a popular programming language used for creating interactive and dynamic websites. It is a client-side language, meaning that it runs in a user’s web browser rather than on a web server.

JavaScript allows developers to add dynamic functionality to web pages, such as pop-ups, form validations, and interactive elements like sliders and dropdown menus. It also enables the creation of complex web applications and games.

One of the benefits of JavaScript is that it is supported by all major web browsers, including Google Chrome, Firefox, Safari, and Microsoft Edge. This makes it a versatile and widely-used language for web development.

In addition, JavaScript frameworks and libraries like React, Angular, and jQuery have been developed to simplify the process of building complex web applications. These frameworks provide pre-built components and functionalities, allowing developers to build high-quality web applications more efficiently.

Overall, JavaScript is a powerful and essential tool for web development, enabling developers to create engaging and interactive web applications and improve the user experience.

sumernote as a wordpress text editor

Yes, you can use Summernote as a text editor in WordPress. However, to do so, you will need to install a plugin that adds Summernote as an option in the WordPress editor. One such plugin is the “WP Summernote” plugin, which you can find and install from the WordPress plugin repository. Once installed, the plugin Read More

How Can I Make Multiple Summernote Text Area Fields

If you’re looking to add multiple Summernote text area fields to your webpage, it’s actually quite easy to do so. Summernote is a powerful WYSIWYG (What You See Is What You Get) text editor that allows you to create and edit content easily.To create multiple Summernote text area fields, you can follow these steps: Include Read More

Put Summernote in Dark Mode

Summernote is a popular WYSIWYG editor for web applications, and it supports a dark mode theme out of the box. Here are the steps to put Summernote in dark mode: Download the Summernote CSS file from the official website or use the following link: https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-bs4-dark.css Include the CSS file in your HTML code. You can Read More

custom toolbar in Summernote

To create a custom toolbar in Summernote, you will need to modify the toolbar option during initialization of the Summernote editor. Here’s an example of how you can create a custom toolbar: $(document).ready(function() { var customButtons = [ [‘style’, [‘style’]], [‘font’, [‘bold’, ‘italic’, ‘underline’, ‘clear’]], [‘para’, [‘ul’, ‘ol’, ‘paragraph’]], [‘insert’, [‘link’, ‘picture’, ‘video’]], [‘table’, [‘table’]], Read More

HOW TO USE SUMMERNOTE

Summernote is a free and open-source WYSIWYG (What You See Is What You Get) editor for web applications. It allows users to create, edit, and format text and HTML content with ease. In this article, we will explore how to use Summernote and get the most out of its features. Getting Started with Summernote To Read More

Delete Images Off Server In Summernote with php, mysql, jquery, and ajax

In this article, I will explain how to delete images from the server using Summernote, a WYSIWYG editor, with the help of PHP, MySQL, jQuery, and Ajax. Summernote is a popular open-source WYSIWYG editor that allows users to create rich text content, including images. Sometimes, users may want to delete the images they have uploaded Read More

Summernote How To Delete Images Uploaded To A Folder

In Summernote you want to be able to delete your images in your directory or folder at times. As far as I can see, this is the only tutorial out there on this, so I decided to do it. I made a tutorial in the past that shows you how to upload images to a Read More

Self Destruct Letter Script

This self destruct letter script is fun, fast and mobile friendly. All you have to do is download it and upload it to your server. I created this script a while ago but I made some updates to it. You can see the self destruct letter script in action here. Feel free to use it. Read More

Ajax In WordPress Tutorial Ultimate Beginners Guide

This is an Ajax in WordPress tutorial. Let it serve as an ultimate beginner’s guide for you. I have already made several posts on Ajax and how to use it. However, this is my first post for using Ajax in WordPress. I think you will enjoy this lesson with all the codes and video instruction. Read More

javascript-methods-for-absolute-beginners

There are JavaScript methods that you can take advantage of when you need to. We like to propose applications where you can use such methods. This helps you to understand them better. In this lesson today we are going to use a JavaScript method of push to show a random number. Set The JavaScript Array Read More

free code tester

A1WebsitePro is now offering a great new code testing tool. This tool is useful for everyone who needs a quick resource to test the code that they are working with. A Helpful Tool For Use With Tutorials If you need a place to practice the codes that we provide in our lessons before you add Read More

a1-tutorials-javascript-arrays-for-absolute-beginners

JavaScript Arrays can hold several pieces of data in one string. This is how we set a JavaScript Array. JavaScript Array Syntax var zoo = [“Tom”,”Dick”,”Harry”]; The above data values are stored in a variable. They are separated by commas and quotes. Showing Results From A JavaScript Array The process of showing the results from Read More

a1-tutorial-javascript-getting-the-value-of-input-field-absolute-beginner

There are times when we need to get the value of a input field with JavaScript. We can get values from several different types of input fields. text number date Complete List Here. JavaScript Value The way we grab a value from an input filed is by using the value function in JavaScript. First set Read More

javascript-switch-statment-absolute-beginners

JavaScript Switch statement is used when we have a lot of variables that we want to match. In the following example we get the day of the week. We can then show something for each day of the week. Getting A Day JavaScript Built In Function There are already functions that JavaScript comes with in Read More

JavaScript AND OR in IF Statement to Check For Multiple Conditions

Sometimes you want to check if we meet 2 or more conditions in JavaScript. To accomplish this we use the OR “||”, AND “&&” statements within the IF condition. In the last lesson  we were checking the date. If a certain date met the condition we displayed something. What if we had a couple of Read More