Web Dev Tuts

/ Stuffs About Website Development /

Menu
  • Home
  • Wp Plugins
  • How To
  • FAQ
    • GIT
    • JQuery
    • PHP
    • WooCommerce
    • WordPress
  • Contact Us
Menu

Category: Javascript

How to Create a Tab

Posted on August 4, 2016September 24, 2017 by admin

Jquery has already made a tab function that’s very easy to use. But if you have problem using such function and you’re considering of other function to achieve the same output, you can try my own jquery tab function. To call: Add the tab and its contents:

Read more

How to Create a Lightbox

Posted on June 24, 2016September 24, 2017 by admin

To make it easy for me to create lightbox for any web development projects, I made the simple lightbox function that you can I can easily add and call. Step 1: Copy the scripts below to your javascript file. Step 2: Create the contents of your lightbox, e.g: Step 3: Call the lightbox function. Where…

Read more

How to Create a JQuery Function

Posted on June 23, 2016September 24, 2017 by admin

If you want to add JavaScript and/or JQuery functionality, and you want to easily reuse the codes in your future projects, it would be better to put in in a JQuery plugin. In other words, you will create a new JQuery plugin that you can reuse or share to other web developers. Also, putting your…

Read more

How to Make Tables Sortable Using JQuery

Posted on June 17, 2016September 24, 2017 by admin

Step 1:  Add these two jquery functions. [code] jQuery.fn.sortTable = (function(sortableRows){ table = $jx(this); $rows = ”; for($i in sortableRows) { $rows = $rows + sortableRows[$i]; if (sortableRows[$i+1] != null) { $rows = $rows + ‘, ‘; } } $jx($rows) .wrapInner(‘<span title=”sort this column”/>’) .each(function(){ var th = $jx(this), thIndex = th.index(), inverse = false;…

Read more

How to Create a Class in Javascript

Posted on June 11, 2016September 24, 2017 by admin

There are so many ways to create a class in JavaScript, but this one is the easiest and simplest for me. [code] var Person = { init: function(nameParam) { this.name = nameParam; }, printName: function() { console.log(‘Name: ‘+ this.name); } }; var me = Object.create(Person);  // <== one level of inheritance me.init(‘Edesa’); me.printName(); [/code]  

Read more

Recent Posts

  • How to add wp_editor Dynamically
  • How to Hide Certain Pages from Certain Users (WP Dashboard)
  • How to Set Up Gmail SMTP
  • How to Set Up Virtual Host in Localhost & Xampp
  • How to Determine the Current WordPress Version Used
  • AngularJs
  • CSS
  • For Me Only
  • geo location api
  • GIT
  • GoDaddy
  • Hosting
  • How To
  • Javascript
  • JQuery
  • Magento
  • My Notes
  • PHP
  • Private
  • Sass
  • WooCommerce
  • Wordpress
  • Xampp
© 2023 Web Dev Tuts | Powered by Minimalist Blog WordPress Theme