Showing posts with label document. Show all posts
Showing posts with label document. Show all posts
Saturday, May 6, 2017
How to Password Protect Microsoft Word 2010 Document
How to Password Protect Microsoft Word 2010 Document
Different Microsoft Word users have different requirements for their Word documents. Some of them use the Word document to only write down their feelings, some of them use the Word document to assign task, and some of them use it to check out the spelling mistake. For some reasons, they even need to create a password to protect their Word document.
But what if they have no idea about how to password protect Word document by themselves? It doesnt matter. In this article I will take the Word 2010 as an example and you will learn about this.
How to password protect Word 2010 document is a question that we have to figure out. If we know how to do that, then other version of Microsoft Word will be simple enough to encrypt. Now lets see how to password protect a document in Word 2010 as below:
Step 1: Just like other Microsoft Office document, you have to open your Word 2010 document in order to encrypt it. Therefore, if you dont open your Word 2010 document, just double click it.
Step 2: After opening this document, you can see the File menu on the top left corner of the Word document. Just click it and then the Info option will turn out. Move the mouse to it and then the Permissions option will appear. Under this option, there is another option named Encrypt with Password.
Step 3: Click the Encrypt with Password and then it will pop up a window to ask for typing a password. Just type whatever password you would like to and then click the OK button.
Step 4: After step three, you have finished the process to password protect Word 2010 document. The next time when you open this document, you will have to import the password in order to decrypt this Word 2010 document.
Isnt it easy for Word 2010 document encryption? It is the same as the other version of Word. Have you got it? By the way, if you lost this Word password, you can use a Word password recovery tool to retrieve lost password in Word document.
Go to link Download
Friday, March 17, 2017
How to Scroll Top or Bottom of Document Using JavaScript
How to Scroll Top or Bottom of Document Using JavaScript
There are different methods to scroll HTML document using JavaScript, You can scroll the document to Top, Bottom or in any part or to view any element in the document using JavaScript.
To scroll the document using JavaScript, there is a scrollTo() method in window object which takes the X and Y coordinates of a point and sets these as the scrollbar offsets.
The scrollTo() method scrolls the window so that the specified point is in the upper left corner of the view-port. If you specify a point that is too close to the bottom or too close to the right edge of the document, the browser will move it as close as possible to the upper left corner.
How to Scroll Bottom of Document Using JavaScript
You can use the following set of JavaScript codes that scroll the browser to the bottom most page of the document.
var documentHeight=documentElement.offsetHeight;
var viewportHeight=window.innerHeight;
window.scrollTo(0, documentHeight-viewportHeight);
Here the first variable documentHeight specifies the read only offsetHeight properties of any HTML element return its on screen height, in CSS pixels and the returned size include the element border and padding but not margin.
And the second variable, viewportHeight specifies the height of viewport, which is obtained from innerHeight property of window object.
You can execute this code on onclick event of JavaScript hyperlink or on onclik event of any button or text as given below.
function gobottom(){
var documentHeight=document.documentElement.offsetHeight;
var viewportHeight=window.innerHeight;
window.scrollTo(0,documentHeight-viewportHeight);
}
You can call this function gobottom() within HTML file as below.
<input type="button" value="Go To Bottom" onclick="gobottom();">
On the other way, you can execute onclick event of button with assigning a function on onload event of window as below.
<script>
window.onload=function(){
var bottom=document.getElementById(bottom);
bottom.onclick=function(){
var documentHeight=document.documentElement.offsetHeight;
var viewportHeight=window.innerHeight;
window.scrollTo(0,documentHeight-viewportHeight);}
</script>
You can call this function by placing id attribute within HTML file as below.
<input type="button" value="Go To Bottom" id="bottom">
Preview:
How to Scroll Top of Document Using JavaScript
You can use the following JavaScript code that scroll the browser to the top most page of the document.
window.scroll(0,0);
You can execute this code on onclick event of JavaScript hyper-link or on onclick event of any button or text as given below.
<script>
window.onload=function(){
var top=document.getElementById(top);
top.onclick=function(){window.scrollTo(0,0);}
</script>
You can call this function by placing id attribute within HTML file as given below.
<input type="button" value="Go To Top" id="top">
Preview:
How to Scroll Document Automatically Using JavaScript
You can scroll the document automatically using scrollBy() method which is similar to scroll() and scrollTo(), but its arguments are relative and are added to the current scrollbar offsets.
For example, you can use the following code to scroll 10 pixels down every 200ms.
javascript:void setInterval(function(){scrollBy(0,10)}, 200);
How to Scroll Document to View Certain Element Using JavaScript
Instead of scrolling to a numeric location in document, you can just scroll that a certain element in the document is visible. It can be done easily scrollIntoView() method on the desired HTML element and this method insures that the element on which it is invoked is visible in the viewport.
By default, the scrollIntoView() method tries to put the top edge of the element at or near the top of the viewport. The browser will also scroll the viewport horizontally as needed to make the element visible.
Related Search Terms
How to Scroll to Top Using JavaScript
How to Scroll to Bottom Using JavaScript
Related Posts:
How to Show Pop Up Window Using JavaScript
How to go Back Browsing History Using JavaScript
How to Click Button Using JavaScript?
How to Write JavaScript Function as URL in Hyperlink?
How to use Round, Random, Min and Max in JavaScript
How to Concatenate, Join and Sort Array in JavaScript?
How to Loop Through JavaScript Array?
How to Loop using JavaScript?
How to Show Pop Up Boxes Using JavaScript?
How to Write Conditional Statements in JavaScript?
How to Write JavaScript With HTML?
How to create Changeable Date and Time Using JavaScript?
How to Validate a HTML Form Using JavaScript?
How to create a simple form using HTML?
How to Create JavaScript Image Sideshow with Links
How to Display Date Format in JavaScript?
How to Validate a HTML Form Using JavaScript?
What are the Different Ways to Redirect Page in JavaScript?
How to create Timer Using JavaScript?
How to make rounded corners border using CSS
How to Create Custom CSS Template for Printing
How to create a simple form using HTML?
Go to link Download
Thursday, March 16, 2017
How to Alter HTML Document Structure using jQuery
How to Alter HTML Document Structure using jQuery
HTML documents are represented as a tree of nodes rather than a linear sequence of characters, insertions, deletions, and replacements are not as simple as they are for strings and arrays. In jQuery there are some methods for making more complex changes to a document.
There are number of method in jQuery for inserting and replacing elements, copying elements, wrapping elements and deleting elements. For insertion and replacement of elements in HTML document, you can use the methods append(), prepend() and replacewith().
You can copy HTML elements using clone() method and wrapp the elements using wrap(), wrapInner() and wrapAll() methods. For deletion of the element you can use empty(), reomve() and unwrap() methods.
How to Insert and Replace Elements using jQuery
You can use different methods to insert and replace elements using jQuery, each of the methods takes an argument that specifies the content that is to be inserted into the document.
The inserting can be made into or before or after or in place of each selected elements. If the content to be inserted is an element that already exists in the document, it is moved from current location.
The append() method inserts an element at the end of selected element, prepend() method inserts an element at start of selected element and replaceWith() method replaces one selected element with another. For append(), prepend() and replacewith() the second argument is the current content of the element as an HTML string.
There are before() and after() methods, which can be used to insert before and after of each selected elements. For before() and after() the function is invoked with no second argument.
Here are some examples of jQuery codes for inserting and replacing elements using jQuery.
$("#clr").append("<br/>"+message);
// It adds a content at end of the #clr element
$("h1").prepend(":");
// It adds colon sign at the star of each <h1>
$("h1").before("<hr/>");
// It insert horizontal line before each <h1> element
$("h1").after("<hr/>");
// It insert horizontal line after each <h1> element$("hr").replaceWidth("<br/>");
// It replaces <hr/> elements with <br/>
$("h2").each(function(){
var h2=$(this);
h2.replaceWith("<h1>"+h2.html()+"</h1>");
});
// It replaces <h2> with <h1> keeping the content.
Similary, you can use appendTo(), prependTo(), insertAfter(), insertBefore and replaceAll() methods for the same purpose as given in the example below.
$("<br/>"+message).appendTo("#clr");
// It adds a content at end of the #clr element
$(document.createTextNode(":")).prependTo("h1");
// It adds colon sign at the star of each <h1>
$("<hr/>").insertBefore("h1");
// It insert horizontal line before each <h1> element
$("<hr/>").insertAfter("h1");
// It insert horizontal line after each <h1> element
$("<br/>").replaceAll("hr");
// It replaces <hr/> elements with <br/>
How to Copy Elements using jQuery
If you insert elements that are already part of the document, those elements will simply be moved, not copied to their new location.
If you want to copy elements to a new location instead of moving them, you must first make a copy with the clone() method. clone() makes and returns a copy of each selected element and all the descendents of those elements.
An example for copying elements using clone() method is given below.
$(document.body).append("<div id="linklist"><h1>List of Links</h1></div>");
//It appends a new div with id "linklist", to the end of the document
$("a").clone().appendTo("#linklist");
//It copy all links in the document and insert them into that new div
$("#linklist>a").after("<br/>");
//It insert <br/> elements after each link so they display on separate lines
How to Wrap Elements using jQuery
Another type of insertion into an HTML document involves wrapping a new element or elements around one or more elements. jQuery defines three wrapping functions, wrap() wraps each of the selected elements, wrapInner() wraps the contents of each selected element and wrapAll() wraps the selected elements as a group.
$("h1").wrap(document.createElement("i"));
//It produces <i><h1> .....</h1></i>
$("h1").wrapInner("<i/>");
//It produces <h1><i>........</i></h1>
$("body>p:first").wrap("<a name="lead"><div class="first"></div></a>");
// It wraps the first paragraph in one anchor and div
$("body>p:not(:first)").wrapAll("<div class="rest"></div>");
//It wraps all the other paragraps in another div
How to Delete Elements using jQuery
Along with insertions and replacements, jQuery also defines methods for deleting elements. empty() removes all children including text nodes or each of the selected elements, without altering the elements themselves. The remove() method, by contrast removes the selected elements and all their content from the document. remove() is normally invoked with no arguments and removes all elements in the jQuery object.
$("#hide").empty();
// It removes all the contents having id #hide
$("#rmv").remove();
// It removes the contents and events having id #rmv
You can use unwrap() method to perform element removal in a way that is the opposite of the wrap() or wrapAll() method. It removes the parent element of each selected element without affecting the selected elements or their siblings.
Related Posts:
How to Scroll Top or Bottom of Document Using JavaScript
How to Create Table of Contents Using JavaScript
How to Select Document Elements Using JavaScript?
How to Show Pop Up Window Using JavaScript
How to go Back Browsing History Using JavaScript
How to Click Button Using JavaScript?
How to Write JavaScript Function as URL in Hyperlink?
How to use Round, Random, Min and Max in JavaScript
How to Concatenate, Join and Sort Array in JavaScript?
How to Loop Through JavaScript Array?
How to Loop using JavaScript?
How to Show Pop Up Boxes Using JavaScript?
How to Write Conditional Statements in JavaScript?
How to Write JavaScript With HTML?
How to create Changeable Date and Time Using JavaScript?
How to Validate a HTML Form Using JavaScript?
How to create a simple form using HTML?
How to Create JavaScript Image Sideshow with Links
How to Display Date Format in JavaScript?
How to Validate a HTML Form Using JavaScript?
What are the Different Ways to Redirect Page in JavaScript?
How to create Timer Using JavaScript?
Go to link Download
Thursday, October 13, 2016
How to Select Document Elements Using JavaScript
How to Select Document Elements Using JavaScript
You have to select the document elements for manipulation of elements of document to complete any task for the document design or action of the document using JavaScript codes.
There are number of ways to select elements to query a document for an element or elements in order to manipulate elements of the document, to obtain or select the element objects that refer to those document elements.
The different ways to select elements to query a document are explained below.
There are number of ways to select elements to query a document for an element or elements in order to manipulate elements of the document, to obtain or select the element objects that refer to those document elements.
The different ways to select elements to query a document are explained below.
Selecting Elements By ID Attribute
Any of the HTML element can have the unique id attribute within the document. You can select an element based on this unique id with getElementById() method of the document object.
To select any element with id elt you can use the following code.
var elt=document.getElementById(elt);
Selecting Elements By Name Attribute
Name attribute assigns the name of the element and it does not have to be unique. You can select the elements by name using getElementsByName() method.
To select any element with name address you can use the following code.
var addresses=document.getElementsByName("address");
If there is a only one element with a given name, you use the name directly as the document property to assign the value of the element as given below.
To get the element for the from <form name="addresses">, you can use the following code.
var addresses=document.addresses;
Selecting Elements By TagName
You can select any HTML or XML elements by tagName using the getElementsByTagName() method of the document object. To select all <p> elements, you can use the following code.
var para=document.getElementsByTagName("p");
You can select any element with given tagName with specifying the position number according to the order of the document. You can select first <p> element of the document using the following.
var firstpara=document.getElementsByTagName("p")[0];
Also to find all <span> elements inside the first <p> element of document, you can write.
var firstpara=document.getElementsByTagName("p")[0];
var firstparaspans=firstpara.getElementsByTagName("span");
Selecting Elements By CSS Class
It is the another way to select elements from the document. You can select one or more elements with the given class name by using getElementsByClassName() method.
To select elements with ClassName color you can use the following code.
var colors=document.getElementByClassName("color");
If you have to select elements having more than one class name, can do as below.
To select any element with ClassName color and design you can use the following code.
var colors=document.getElementByClassName("color design");
Selecting Elements By CSS Selectors
You can also select document elements with specifying CSS selectors which are used on CSS style-sheet. You can select one or more elements with the given CSS selectors by using querySelectorAll method.
To select an element with id nav you can use the following code.
var nav=document.querySelectorAll("#nav");
To select a paragraph written in english you can use the following code.
var eng=document.querySelectorAll("p[lang="en"]");
Here are other examples of CSS selectors to select elements from the document.
#log span // selects any <span> descendant of the element with id="log"
#log>span // Selects <span> child of the element with id="log"
*[name="x"] // Selects any element with a name="x" attribute.
You can also use document.all[] method, which is a collection that represented all the elements in the document as the following although this method is replaced by standard methods like getElementById() and getElementsByTagName().
document.all[0] // Selects the first element in the document
document.all["navbar"] // Selects all elements with id or name="navbar"
document.all.tags("div") // Selects all <div> elements in the document
document.all.tags("p")[0] // The first <p> in the document
Related Search Terms
Selecting HTML Elements Using JavaScript
Querying Elements Using JavaScript
Related Posts:
How to Show Pop Up Window Using JavaScript
How to go Back Browsing History Using JavaScript
How to Click Button Using JavaScript?
How to Write JavaScript Function as URL in Hyperlink?
How to use Round, Random, Min and Max in JavaScript
How to Concatenate, Join and Sort Array in JavaScript?
How to Loop Through JavaScript Array?
How to Loop using JavaScript?
How to Show Pop Up Boxes Using JavaScript?
How to Write Conditional Statements in JavaScript?
How to Write JavaScript With HTML?
How to create Changeable Date and Time Using JavaScript?
How to Validate a HTML Form Using JavaScript?
How to create a simple form using HTML?
How to Create JavaScript Image Sideshow with Links
How to Display Date Format in JavaScript?
How to Validate a HTML Form Using JavaScript?
What are the Different Ways to Redirect Page in JavaScript?
How to create Timer Using JavaScript?
How to make rounded corners border using CSS
How to Create Custom CSS Template for Printing
How to create a simple form using HTML?
Go to link Download
Sunday, October 2, 2016
How to Retrieve Lost Password in Word Document
How to Retrieve Lost Password in Word Document
How to retrieve lost password in Word 2010 starter?
Hi guys, do you know how can I recover or retrieve lost password in Word 2010 starter. I only have the starter version, not the full version. I lost my Word 2010 password last week and I have attempted to guess the password but none of them helped. At first I have confidence and patience to crack the password with my memory, but after one hour trying, I gave up and lost my patience. I thought I could unlock the password with myself, but the fact is not. So could you please help me with my Word 2010 password recovery problem? Thanks in advance.
Method 1: Crack Word password free
If you still confused that how to remove or unlock Word password on a Word document when you forgot Word password or lost Word password without your exception. You can totally try to guess your Word password at first, this is the free way to decrypt the Word password and you are able to unlock the Word document without any payment. Also more of the users try to use this method and it is the most used method. And also still some of the users can remind their password successfully. But if you tried mane times and still have no answers, my suggestion is to try another method.
Method 2: Word password recovery tool
As a matter of fact, to remove or recover Word password when you forgot password for Word 2010 is not difficult. You can only just take advantage of a Word password remover program. It is a wonderful Word password recovery application and you can only use three steps and then within minutes your Word password will be unlocked or removed successfully. It supports all the versions of Word document and you have no worry about whether your version is able to be supported.
If you curious about how to use this Word password remove unlocker, you can follow me and see the steps as below:
Step 1: Download and install this tool into your computer. You had better install it in your pc that has the locked Word document. After that there will be an icon on your computer, just double click it.
Step 2: After clicking the Word document, you can import your locked Word document in this tool. And at the same time, you will see two actions in your eyes. One is the 100% Instant Document Decryption and the other is the Recover the password.
Step 3: Choose one of the action from the step two and then you have two options. If your Word version is under Word 2007, you have to choose the first action to remove the password only. Otherwise, you can choose what you like.
Step 4: After the below steps, you come to the last step. That is to remove Word password directly or recover Word password successfully with the tool.
For more detailed information about how to retrieve the Word password, you can check out http://www.recoverlostpassword.com/products/wordpasswordrecovery.html
Go to link Download
Subscribe to:
Posts (Atom)