Technology Innovation

Posts

Showing posts with the label HTML

Print Web Page with Constant Header and Footer

Design HTML Page Header and Footer for your web print out like you do with Office programs. Most people use the header for the brand information and footer for copyright or address information. When you are developing a web application then you may need to print the report based on the end user input but dynamic content will not help you to place the header and footer at exact position . Solution - Custom header and footer for html web print outs using CSS. Here i have designed a html page for your reference with inbuilt css . <?xml version='1.0' encoding='utf-8'505'?> <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd'> <html lang='en-GB' xml:lang='en-GB' xmlns='http://www.w3.org/1999/xhtml'> <head> <title>Technology Innovation</title><meta http-equiv='Content-Type' cont...

How to Upload Folder in HTML 5

Uploading Files is very easy in web technologies but uploading folders with multiple files is very difficult because it contains multiple files extension. Recently Google added this upload folder in Google docs where you choose your directory at once so that the Google will take care of the entire files uploading. Uploading Folders Feature works only with chrome browser. While doing the research for this i came to know that google added some special tag in html that tag will only recongnised by chrome browser that means its not a standard tag with w3c. Here is an example of HTML File where it has input tag for file upload that is the standard of w3c. <html> <head> <title>Technology Innovation</title> </head> <body> <input type="file" id="file_input" directory="" > </body> </html> If you add webkitdirectory tag in input tag then you will dialog box willget chang...

Talk to Chrome Browser Using HTML 5 Technology

Google introduces voice plugin in chrome browser 11 with the help of HTML 5 that helps you to interact with your computer. Now search , translate , register and every thing you can fill it with your voice commands without typing it. Here is the snapshot of Google Search and Google translate which comes with mic logo on text box. To interact with your computer just open any web page and click the icon then speak with your computer and then the word will be automatically typed. To Have a better interaction you should have a perfect accent.