- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
727 Views
To get a key/ value data set from a HTML form, use jQuery.Let us say this is our HTML − For JS −var data = $('form#form1’).serializeArray(); // [{'demo: 'value'}] $.ajax({ data: data });
981 Views
To render ASP.NET TextBox as HTML5 input type “Number”, set type="number" directly on the textbox.Let us see an example of ASP.NET TextBox −You can also use the following dynamically created the control −TextBox tb = new TextBox(); tb.Attributes.Add("Type", "number");
416 Views
Use PNGStream to save HTML5 canvas to file.var f = require('fs') , out = f.createWriteStream(__dirname + '/text.png') , stream = canvas.pngStream(); stream.on('data', function(chunk){ out.write(chunk); }); stream.on('end', function(){ console.log(‘PNG Saved successfully!’); });
161 Views
No, HTML5 does not allow you to interact with local client files directly. You can use drag and drop or FileSystem API for this.ExampleLet us see an example of drag and drop on a web browser using HTML5 − #boxA, #boxB {float:left;padding:10px;margin:10px; -moz-user-select:none;} #boxA { background-color: #6633FF; width:75px; height:75px; } #boxB { background-color: #FF6699; width:150px; height:150px; } function dragStart(ev) { ev.dataTransfer.effectAllowed='move'; ... Read More
140 Views
The WebKit-based browsers and Firefox 4 mainly supports the HTML5 History API. However, now almost every modern browser supports it.Firefox 4+Google ChromeInternet Explorer 10+Safari 5+iOS 4
91 Views
To set null values, here is the controller −function display($scope) { $scope.obj ={"selected":null}; $scope.objects = [{id: 1, value: "Yes"}, {id: 0, value: "No"}] }The following is the template − Unknown {{obj}}
510 Views
You can use SVG to create a World Map and work with raphaeljs.Firstly, learn how to add Raphael.js, and create a circle,var paper = Raphael(10, 50, 320, 200); // drawing circls var circle = paper.circle(50, 40, 10); circle.attr("fill", "#f00"); circle.attr("stroke", "#fff");Then refer the following to create a World Map.
139 Views
The following are some of the best frameworks for HTML5 based mobile development −Kendo UIUse Kendo UI to develop an invaluable cross-platform mobile application.BootstrapBootstrap supports HTML, CSS, and JS that allows developing mobile apps with responsive layouts.IonicIonic is an open-source framework used for developing mobile applications. It provides tools and services for building Mobile UI with a native look and feel. The ionic framework needs a native wrapper to be able to run on mobile devices.Sencha TouchSencha Touch is a mobile application framework to develop user interface for mobile apps using HTML5, CSS3, and JavaScript. It assists the developers in ... Read More
4K+ Views
Recreate the socket to reconnect it. The websockets are designed to stay open. You can also go with the method to have the server close the connection. Through this, the websocket will fire an onclose event and would amazingly continue attempting to make the connection.In addition, when the server is listening again the connection will be automatically reestablished.ExampleYou can try to run the following code to reconnect to WebSocket −// Socket Variable declaration var mySocket; const socketMessageListener = (event) => { console.log(event.data); }; // Open const socketOpenListener = (event) => { console.log('Connected'); mySocket.send('hello'); }; // Closed ... Read More
133 Views
Use the pushSate object to update the page when the user navigates back through history. Let us see an example to include the selected color that creates a history entry −function display(color) { var myState = { selectedColor: color }, myTitle = "Page title", myPath = "/" + color; history.pushState(myState, myTitle, myPath ); };Now we will use the popstate event to update the selected color −$(window).on('popstate', function(event) { var myState = event.originalEvent.state; if (statemyState { selectColor( myState.selectedColor ); } });