Javascript

[Swiper]How to change size, position and color of arrows

swiper arrows size position color

When we create swiper slider, sometimes want to change size, position or color of arrows.I will show how to do it with the demos. I’m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly check the below article.[Swiper] […]

[Swiper]How to change size, position and color of pagination

swiper pagination size position color

When we create swiper slider, sometimes want to change size, position or color of pagination.I will show how to do it with the demos. I’m going to pursue the matter on the premise that you know how to make normal slider with Swiper.js. So if you are new to Swiper.js, firstly check the below article.[Swiper] […]

[Javascript] An Accordion Menu with Minimal Code

accordion

In this article, we will explain how to implement multiple accordion menus without using external libraries, and provide demos for reference. Implementing accordion open-close animations in raw JavaScript can become complex, but we aim to keep the code concise. ⓪Requirements We aim to implement accordions with minimal code, but without compromising on functionality. We intend […]

[Javascript] How to Create a Modal Box

modal box

In this article, we will explain how to create a Modal box with Javascript. It can be easily created by using the dialog element. ⓪What the <dialog> element is The <dialog> element was introduced in HTML5. Since it provides the default style of modal box, the CSS code can be significantly reduced (though JavaScript is still required).It’s […]

[Javascript]How to preview multiple images before uploading

In this article,  We are going to describe about how to preview multiple images before uploading using javascript. If you want to preview only one image, the below article might be helpful.[Javascript] How to preview an image when file is selected Complete Image We aim to implement a functionality to preview all selected files as […]

[Javascript]How to Preview an Image when File is selected

preview image

In this article, I am going to describe about how to preview a single image when file is selected using javascript. I have prepared a Demo which can be touched at the lower. ①Receive the Selected File Let’s look at how to receive the selected file through a file selection dialog like the one below. […]

[Javascript]Blob to File and File to Blob

blob and file

In this article, I am going to describe about how to convert Blob to File and how to convert File to Blob.Both are easy to do. Blob to File File to Blob That is all,  it was about how to convert Blob to File and how to convert File to Blob.

[Javascript]DataURL to File and File to DataURL

dataurl and file

In this article, I am going to describe about how to convert DataURL to File and how to convert File to DataURL. DataURL to File Conversion from DataURL to File is possible by combining fetch method and File Api.DataURL is once converted to Blob By fetch method and then converted to File by File Api. You can do any operation againt the […]

[Javascript]DataURL to Blob and Blob to DataURL

dataurl and blob

In this article, I am going to describe about how to convert DataURL to Blob and how to convert Blob to DataURL. DataURL to Blob fetch method might be helpful to convert DataURL to Blob.You can do any operation againt the returned blob in the then method. DataURL to Blob as a function In the […]

[Javascript]How to save ajax result into a variable

Commonly, ajax method is executed asynchronously, and some operation against the result is done in the done method. In this article, I am going to describe about how to save ajax result into a variable instead of processing in the done method. Common usage of ajax Commonly, ajax is used as below.In this way, we have to write the continuation […]