Hide element on click outside, is a must-have functionality for the dropdown menu. Apart from that, it also used in some situations where you need to hide div when the user clicks outside of this element. You can easily hide div or element when click outside of it using jQuery. In the example code snippet,…
Read more
1)Purchase your Certificate SSL DVW (Domain Validated Wildcard ) from your provider. 2)Log in to your server’s terminal via Secure Shell (SSH). 3)Generate a private key and CSR by running the following command:
|
1 |
openssl req -new -newkey rsa:2048 -nodes -keyout server.key -out server.csr |
Note: Replace “server” with the domain name you intend to secure. Enter the following CSR details when prompted: Common Name: The FQDN (fully-qualified domain name) you want to…
Read more
Add class to checkbox
|
1 2 3 4 5 6 7 |
<div id="checkboxList"> <div><input type="checkbox" value="1" class="myChk"> Value 1</div> <div><input type="checkbox" value="2" class="myChk"> Value 2</div> <div><input type="checkbox" value="3" class="myChk"> Value 3</div> <div><input type="checkbox" value="4" class="myChk"> Value 4</div> <div><input type="checkbox" value="5" class="myChk"> Value 5</div> <div> |
Create a function to return a JSON string
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
function arrayChk(){ var arrAn = []; var m = $('.myChk'); var arrLen = $('.myChk').length; for ( var i= 0; i < arrLen ; i++){ var w = m[i]; if (w.checked){ arrAn.push( { "myVal" : w.value } ); console.log(w.value ); } } var myJsonString = JSON.stringify(arrAn); //convert javascript array to JSON string console.log( 'result' + myJsonString); alert(myJsonString); return myJsonString; } |
Here an example https://jsfiddle.net/a3owjh85/1/
[iframe style=”margin-left: 120px;” width=”100%” height=”350px” src=”http://82.85.184.181/fileshare/sitosimo/calc_edit.html”] To create this calculator we define the spaces where we will place our elements (numbers and operations) and include them in the div tag. We use an input text for the task view. Style (CSS) of the calculator was defined in line to the file, it can be integrated with an external file…
Read more
