Using Google Docs Viewer to embed online documents into your web page

Some instructions on using Google Docs Viewer to embed online documents into your web page. Step 1: use the iframe tag to create an “internal” frame within your document So the essential part of embedding online documents into your we page is to use the iframe tag in your html. The iframe tag accepts 3 x attributes: “src”, “width” and “height” If you are interested in removing the border from the iframe tag simply do this by the frameBorder attribute (remember - frameBorder is case-sensitive): frameBorder=”0” Step 2: Use the Google Docs link within your src attribute This is the Google docs link that you will append to the 'src' section of the iframe tag: https://docs.google.com/gview? So that all you need to do is supply the URL that Google docs view needs to point to. In this example, we are interested in embedding the following document, which is a Microsoft PowerPoint presentation that you can download from the Adobe site: https://www.adobe.com/support/ovation/ts/docs/ovation_test_show.ppt Example HTML code listing HTML markup is shown here: [code language="html"] <!DOCTYPE html> <html> <body> <iframe src="https://docs.google.com/gview?url=https://www.adobe.com/support/ovation/ts/docs/ovation_test_show.ppt&embedded=true" style="width: 90%; height: 1000px"> <p>Your browser does not support iframes.</p> </iframe> </body> </html> [/code] So that when we save the code as a HTML file and open it in our browser, the PowerPoint presentation pointed to by the Google Docs Viewer is embedded in our html and displayed as shown: [caption id="attachment_7258" align="alignnone" width="798"]Google Docs Viewer Google Docs Viewer[/caption]

Comments

Post a Comment

Popular posts from this blog

Using the Supervisor Controller Pattern to access View controls in MVVM

Image
As discussed on a StackOverflow post , this is considered bad practice, so only use this when necessary. Step 1: Create a new WPF project Step 2: Add event handling code A number of classes are needed for doing command bindings in MVVM. Create the following classes and add to your Visual Studio project: RelayCommand.cs [code language="csharp"] using System; using System.Windows.Input; namespace SupervisorControllingPattern { public class RelayCommand<T> : ICommand { private readonly Predicate<T> _canExecute; private readonly Action<T> _execute; public RelayCommand(Action<T> execute) : this(execute, null) { _execute = execute; } public RelayCommand(Action<T> execute, Predicate<T> canExecute) { if (execute == null) throw new ArgumentNullException(nameof(execute)); _execute = execute; _canExecute = canExecute; ...
Read more

Getting started with client-server applications in C++

Image
A demonstration of simple Internet client-server applications in C++ (Linux-based). The client application tries to connect to the remote server application using the IP address of the remote server ('localhost' or 127.0.0.1) and the server port number which defaulted to 1234. The server application listens to port number 1234 for a connection request. When the server application receives the connection request it sends the text message "Hello!\r\n" to the client.
Read more

How to send an e-mail via Google SMTP using C#

Image
First things first, some useful StackOverflow links: https://stackoverflow.com/questions/9201239/send-e-mail-via-smtp-using-c-sharp https://stackoverflow.com/questions/17462628/the-server-response-was-5-7-0-must-issue-a-starttls-command-first-i16sm1806350 To demonstrate how this is done I first create a new Visual Studio project: Some example code for sending an email via a Google email account (smtp.goolgle.com) - obviously replace this with email / credentials of your own... I put the code within a try-catch block in order to capture any errors that may occur while attempting this. [code language="csharp"] using System; using System.Net; using System.Net.Mail; namespace EmailSmtp { class Program { static void Main(string[] args) { try { // Credentials var credentials = new NetworkCredential("someEmail@gmail.com", "somePassword"); // Mail message var ...
Read more