Tags » JQuery

TOP Blog Post 2 - Etch-a-Sketch with JQuery

Week 2 – Etch-a-Sketch and Learning Ruby

Etch-a-Sketch

I began week 2 applying my jQuery/JavaScript to a neat little etch-a-sketch project. It was the first time in my learning that I was able to combine code with markup, and the sense of achievement I felt when I got it to work was even more rewarding than the google page. 358 more words

adding days to any date in java script

If you want to just simply add n days to the date you have you are best to just go:

myDate.setDate(myDate.getDate() + n);

or the longwinded version…

35 more words
Developer

Very basic Captcha Recaptcha Validation from Jquery

<html>
<head>
https://code.jquery.com/jquery-3.2.1.min.js
https://www.google.com/recaptcha/api.js

</head>

<body>
<form action=”” method=”post”>

<label for=”name”>Name:</label>
<input name=”name” ><br />

<label for=”email”>Email:</label>
<input name=”email” type=”text” ><br />

<span id=”captcha” style=”color: red;display: block;”></span> 45 more words

Wordpress

jQuery code to show a hidden div in a list item.

If you want to hide a text or an image and show it on mouseclick, for example an answer to a question or in my case a detailed explanation, you can use the following jQuery code: 161 more words

JQuery

Website Preloader using CSS and JQuery

CSS

#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
… 85 more words
JQuery

Sliding a Div Down with Jquery

In this article, I will show how to slide down a div with Jquery.

Method 1: Using slideDown() Method
HTML:



Click Here


Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium... 155 more words
JQuery

How to check JQuery datatable version

$(document).ready(function(){
    $('#myTable').DataTable();

    var versionNo = $.fn.dataTable.version;
    alert(versionNo);
});
Source: https://stackoverflow.com/questions/31933241/how-to-check-the-datatable-version-i-am-using

JQuery