Category : Javascript
ItSolutionStuff.com have tutorials for Javascript, here you can study articles of Javascript, Javascript posts collection, most popular and useful tutorials of Javascript, here you can find list of all relevant posts and example about Javascript, we have lists of tutorials and examples about Javascript.very simple and quick example collection of Latest Javascript category.
You can redirect page or url in your js file. when you require to redirect page form jquery thrn you can use window.location.href. window.location.href through you can redirect url using jquery/javascript. So, Let's see following example:
<strong>Example:</strong>
<pre class="prettyprint lang-js">window.location.href = "http://itsolutionstuff.com";</pre>
In this post i show you how to use autocomplete with multiple select option by jquery. I think you will did autocomplete for single option using jquery ui plugin. but in this post you can learn multi selection autocomplete using jquery ui. In bellow preview you can see how will output of your multiselect autocomplete because its like choose js or something like plugin. But for layout i just add my own css. this example i use jquery ui js file and one more multiselect js file that file through we can do multi select and one more thing you can also customization of autocomplete.multiselect.js fi.....
In this post i show you how to image upload without page reload using jquery ajax. jquery ajax through you can upload image and store record into database in php. i use jquery.form plugin for image uploading. So you can do by following few step of file uploading ajax jquery.
<strong>Preivew</strong>
<img width="100%" style="border:2px solid red" src="/upload/imageupload.png">
<br/>
First you have to create index.php file as i do in following file, so create index.php file and put bellow code.
<strong>index.php</strong>
<pre class="code language-html">
<html lang="en">
<head>
<ti.....
Whenever you need to use each loop in jquery then you can follow this example code. each with html class you can get whole object of that class using $(this) jquery function. In following example you can see i get attribute data-id using $(this).data('id'), that means you can take current class data attribute value.
<strong>Example:</strong>
<pre class="code language-html">
<html lang="en">
<head>
<title>Each Loop with Class Jquery</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
.....
If you are use ckeditor for textarea and you need to fore ajax submit or form js submit, but you can't find ckeditor value in your controller or php file. So, first you have to update field using CKEDITOR.instances. so you can try to following code.
<pre class="language-javascript">
for ( instance in CKEDITOR.instances )
CKEDITOR.instances[instance].updateElement();
</pre>
Sometimes, you have a many tag with same class and attribute with value, but you need to find maximal value of attribute from that comman class, In bellow you have same html tag:
<pre class="code language-html">
<ul>
<li class="test" data-id="3">hi</li>
<li class="test" data-id="5">hey</li>
<li class="test" data-id="1">hello</li>
</ul>
</pre>
Now, you require to get max value, i mean you need to 5, because that is big value from other, so you can get maximal value from this way:
<pre class="language-javascript">
var max = 0;
$('.test').each(fu.....
Whenever you require to use any image plugin for select image and crop,resize,effects,frames,strickers ect, so you have to use Aviary api like as you see of facebook, twitter ect., that site plugin provide lots of efects and api guide that way you can use easily in your web app and as well as on mobile app too. So, I am going to give demo of how to use this api in our side.
<strong>Preview:</strong>
<img style="border:2px solid cadetblue;width:100%" src="/upload/selectimage.png">
<strong>Example</strong>
<pre class="code language-html">
<html>
<head>
<title>Aviary Image U.....
If you are working on php and you need to print your php variable inside the javascript then you can simple get value. you can use "" for get value of php variable. in following example you can see :
<strong>Example:</strong>
<pre class="code language-html">
<script type="text/javascript">
var my_var = "<?php echo $my_variable; ?>";
console.log(my_var);
</script>
OR
<script type="text/javascript">
var my_var = <?php echo $my_variable; ?>;
console.log(my_var);
</script>
</pre>
But, you can use on php file, Not on js file.
If you need to select one checkbox at a time in multiple checkbox, i mean you want to allow anly one checkbox user can check then you can do easily using jquery. jquery prop() through you can give attribute value checked equel to true or false.
if you have banch of checkbox like as example, and if you want to check checkbox at time one by using jquery then you can use this code. In following example use for you to do select at a time one.
<strong>Example:</strong>
<pre class="code language-html">
<html>
<head>
<title>Select only one checkbox at time</title>
<scri.....
If you are working on jquery and However you want to check variable is undefined or not then you can easily check by typeof operator, which is simple, fast and cross-platform:
<pre class="language-javascript">
if(typeof i == "undefined"){
alert('undefined');
}
</pre>
If you are working on jquery and However you want to check variable is empty or not then you can easily check by compare with empty string:
<pre class="language-javascript">
if(i == ''){
alert('Empty');
}
</pre>
If you are working on jquery and However you want to check variable is null or not then you can easily che.....
PHP - How to create zip file and download using ZipArchive ?
Open Post
PHP Image upload without refreshing page using jquery example
Open Post
PHP Ajax Multiple Image Upload with Preview Example
Open Post
AngularJS - Display Default image if original image does not exists with example
Open Post
PHP AngularJS CRUD with Search and Pagination Example From Scratch
Open Post
How to create authentication(login and registration) in Laravel 5.2?
Open Post
