Showing posts with label Javascript. Show all posts

Sortable Table Using Pure Javascript

This Javascript code copied from Code Boxx. Code modified for some additional functions.
› Fixed sorting decimal / float and integer numbers.
› Added Bootstrap grid system support.


GitHub Page of Source Code

Click on a table header to sort (click again to sort in reverse order).

Javascript Data Object to Sortable Table

Regular HTML Table to Sortable Table

Browser Version Percentage (%)
Chrome for Android 34.59
Chrome 86.0 20.07
Safari iPhone 13.58
Chrome 87.0 4.09
Safari 14.0 2.3
Samsung Internet 12.1 2.21
Edge 86 2.1
Firefox 82.0 1.9

Responsive Bootstrap Column Row to Sortable Table

Country
City
Year
Turkey
Istanbul
2013
United States
New York
2011
Brazil
Rio de Janeiro
2013
France
Paris
2018
Hong Kong
Victoria
2014
bootstrap sortable table html sortable table html table sort javascript sortable table sortable table html javascript sortable tables javascript sortable sortable table how to sort html table column using javascript sortable table bootstrap javascript sort table rows pure javascript js sortable table html table sortable javascript sort html table bootstrap sortable table example javascript order table bootstrap sortable sortable html table sortable javascript sortable table javascript sortable bootstrap table javascript sort table by column javascript table bootstrap table sortable bootstrap 5 sortable table sortable table js javascript sorttable javascript table sort sort html table using javascript bootstrap sortable list table sortable html sortable table generator js sortable bootstrap sort table bootstrap 5 sort table bootstrap sortable tables table sort javascript sorting html table with javascript sortabletable javascript sort table html table with sorting table program in javascript bootstrap 4 sortable table sorting table javascript sort table bootstrap order table javascript bootstrap sorting table javascript html ekleme js sort table sort table html javascript table with sorting in bootstrap bootstrap table sort javascript sorting table bootstrap table sorting html sortable sort table bootstrap 5 html sort table javascript javascript table sortable sorting table in javascript sortable js table example bootstrap tables sortable sortable html html sort table without javascript how to sort table data in html using javascript sortable table in html table sorting in javascript table sorting javascript bootstrap 4 sortable sortable bootstrap html sort table by clicking header sort table in html sort table rows javascript sort table jquery bootstrap jquery sort table on header click html table sorting
Share:

Compare two lists online

Enter your array values into text areas and click to "Compare" button.

If you want to compare arrays online use this small and basic tool.
Check that a line exists in a list.
Find the same or common values between two arrays.
Find the different values between the two series.
Left / First Array Right / Last Array
[ ] [ ]
Left / First Array Results
Values Copy Exist on right

Right / Last Array Results
Values Copy Exist on left
Only Left / First Array Items
Values Copy Total count

Only Right / Last Array Items
Values Copy Total count
Intersection of two arrays A ∩ B Copy

Union of two arrays A ∪ B Copy

Symmetrical Difference A △ B Copy
compare two arrays online ,array diff online ,array difference online ,diff list online ,javascript compare online ,comparing two list ,diff two lists online intersection, difference, and union
Share:

Online multi line slug generator

Multiline-slug is a bulk slug generator written in jQuery that converts multi-line strings, words or text into SEO-friendly and human-readable URL slugs, permalinks, etc. Supports multiple languages using accent and special characters.

Input string:


Do it ->

Output Slug:
Options






How to online slugify your text into a slug?

How to generate slug from string online?
1
  • Enter one or more article, tutorial, webpage or website title texts in the input field.
  • Specify whether you want to delete the stop Words.
  • Specify whether you want to delete numbers and digits.
  • Specify whether you want to separate words with hyphen ( - ), underscore ( _ ), em dash ( — ) or en dash ( – ) .
  • Click on the Slugify button to batch generate multiple slugs at a time.
1

Creating slugs for domain names is a great way to turn common phrases in to searchable Search Engine friendly domain names. You can try multiple methods of using plain text to generate URL friendly domain names and permalinks. Slugifying is a common practice to get a short, unique, web friendly word from a phrase or name. WordPress slug URLs are used within WordPress to create unique permalink URLs for each post and page. So if you want to add this type of feature to automatically generate your normal text into SEO url friendly link then here I am going to share simple jQuery plugin which help you to generate burl slug url.

Keywords:bulk hyperlink generator, bulk slug generator, convert to slug, friendly url generator, generate slug, online slug, online slugify, slug converter, slug generator, slug generator online, slug maker, slug name generator, slug online, slug online generator, slug text, slug url generator, slugify, string to slug, string to slug online, text to slug online, url slug, url slug generator.
Share:

Mini AJAX File Upload Multiple Form - atakanau


Bu çözüm şu adresteki yazılım dosyaları temel alınarak geliştirildi: Mini AJAX File Upload Form
Tek bir sayfada, birden fazla dosya yükleme giriş alanları kullanılabilir. Yüklenecek dosya "Araştır" butonu ile seçilebilir. Ayrıca dosya yükleme işlemi, dosya giriş alanına sürüklenip bırakarak da yapılabilir. Her bir dosya giriş alanı farklı PHP dosyasını AJAX ile çağırır. Bu da dosyaları farklı dizinlere yükleyebilme imkanı sağlar. Sayfa yenilendiğinde yüklenmiş olan dosyalar listelenir. Yüklenmiş olan dosyalar sayfa üzerindeki buton ile silinebilir.

Multiple file upload input fields can be used on a single page. The file to be uploaded can be selected with the "Browse" button. It can also be upload by dragging and dropping files into the file input area. Each file entry field calls a different PHP file with AJAX. This allows files to be uploaded to different directories. When the page is refreshed, already uploaded files are listed. The uploaded files can be deleted with the button on the page.

  Download
Share:

Subscribe to: Posts (Atom)