Javascript

[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]How […]

[Javascript]Implementing accordions 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] Implementing Modal Boxes with minimal code

modal box

In this article, we will demonstrate how to implement Modal Boxes with minimal code.By utilizing the dialog element introduced with HTML5, you can significantly reduce the effort. ⓪Requirements In this article, we aim to implement modal boxes with minimal code, but we do not intend to compromise on functionality. We plan to meet the following […]

[Javascript]How to preview multiple images before uploading

In this article,  I am 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 a single image when file is selected HTML Put input element which type attribute is file and preview area.By adding multiple […]

[Javascript]How to preview a single 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 […]

[Javascript]How to save FileReader result into a variable

Commonly, FileReader is executed asynchronously, and some operation against the result is done in the onload event. In this article, I am going to describe about how to save FileReader result into a global variable instead of processing in the onload event. Common usage of FileReader Commonly, FileReader is used as below.Firstly, requesting to convert Blob(or File) […]