My Web Experiences » General http://www.mywebexperiences.com A web development blog Thu, 05 Jan 2012 14:56:53 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Make websites on IE8 to look like IE7 http://www.mywebexperiences.com/2010/04/22/make-websites-on-ie8-to-look-like-ie7/ http://www.mywebexperiences.com/2010/04/22/make-websites-on-ie8-to-look-like-ie7/#comments Fri, 23 Apr 2010 00:01:29 +0000 Rene http://www.mywebexperiences.com/?p=92 If your website is looking good on IE7 but on IE8 it looks like crap, it’s soved just adding one line of code to the header of your website, so it looks like IE7

  1.  
  2. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  3.  
]]> http://www.mywebexperiences.com/2010/04/22/make-websites-on-ie8-to-look-like-ie7/feed/ 2 Use google docs to embed PDF documents and PowerPoint presentations on your site http://www.mywebexperiences.com/2010/04/22/use-google-docs-to-embed-pdf-documents-and-powerpoint-presentations-on-your-site/ http://www.mywebexperiences.com/2010/04/22/use-google-docs-to-embed-pdf-documents-and-powerpoint-presentations-on-your-site/#comments Thu, 22 Apr 2010 23:46:11 +0000 Rene http://www.mywebexperiences.com/?p=80 If you want to embed a PDF file or a Powerpoint presentation on your site, a pretty easy way to do it, is just go to https://docs.google.com/viewer, introduce the pdf url, click on “Generate Link” and you will get a url to share with your users, where they can see the pdf file on the web or get the html code to embed on your web site

If you want to create the html code on you own is pretty easy just insert an iframe that points to http://docs.google.com/viewer and pass two parameters url=http://yousite.com/pdfile and embed=true and that’s it now you have a pdf embeded on your site

  1.  
  2. <iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fwww.mywebexperiences.com%2Fwp-content%2Fuploads%2F2010%2F04%2Fphp-cheat-sheet-v2.pdf&embedded=true" width="600" height="780" style="border: none;"></iframe>
  3.  

PHP Cheat Sheet (V2) Creative Commons License (Attribution, Non-Commercial, Share Alike).

Via : Embeddable Google Document Viewer

]]> http://www.mywebexperiences.com/2010/04/22/use-google-docs-to-embed-pdf-documents-and-powerpoint-presentations-on-your-site/feed/ 1 Google Maps Operation aborted on IE http://www.mywebexperiences.com/2008/10/30/google-maps-operation-aborted-on-ie/ http://www.mywebexperiences.com/2008/10/30/google-maps-operation-aborted-on-ie/#comments Fri, 31 Oct 2008 04:33:37 +0000 Rene http://www.mywebexperiences.com/?p=65 If you are getting an annoying message like this

“Internet Explorer cannot open the Internet site” “Operation aborted”

When trying to see a web page that contains a google map. And right after the message pop ups Internet Explorer shows an empty page here are some tips to help you fixing this issue

First thing you’ll have to do. Is to move all the code used to generate the map to a function and call it once the page is loaded

  1.  
  2. function loadMap() {
  3.         // JS code to create your map
  4. }
  5. window.onload=function() {
  6.         loadMap();
  7. }
  8.  

If you are using prototype you can use

  1.  
  2. document.observe("dom:loaded", loadMap );
  3.  
  4. OR
  5.  
  6. Event.observe(window, ‘load’, loadMap, false);
  7.  

Or you can add an onload attribute to your body tag

  1.  
  2. <body onload="loadMap()">
  3.  

If you are using polylines you should add vml namespace to your header and should look like this

  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  5. <head>
  6. <style type="text/css">
  7. v\:* {
  8. behavior:url(#default#VML);
  9. }
  10. </style>
  11.  

Loading the javascript needed to generate the map as an external file , and adding defer attribute so internet explorer will wait until it loads the page before executing the Javascript. It has the same effect than moving your JS code to the bottom of the page.

  1.  
  2. <script src="maps.js" type="text/javascript"  defer="defer"></script>
  3.  

It can be also a problem with a base tag messing wiht IE more info on http://www.shauninman.com/archive/2007/04/13/operation_aborted

]]> http://www.mywebexperiences.com/2008/10/30/google-maps-operation-aborted-on-ie/feed/ 1 Google Developer Day 2008 – Mexico City http://www.mywebexperiences.com/2008/06/24/google-developer-day-2008-mexico-city/ http://www.mywebexperiences.com/2008/06/24/google-developer-day-2008-mexico-city/#comments Tue, 24 Jun 2008 14:46:05 +0000 Rene http://www.mywebexperiences.com/?p=38

Yesterday, Monday 23 2008 I have the opportunity to assist to the Google Developer Day Mexico City, the first two talks were about Google and the Mexican market and an overview of their new product for developers ( android, maps, open social, etc. ) this first two talks were in Spanish, after a launch it was a breakout with 4 different options, the talks i have the opportunity to go were:

  • Open Social introduction by Chris Schalk: Open Social is a technology that allow us to create applications for social networks with the advantage it will run on every platform that supports open socials ( Hi5, Orkut, IGoogle, Linkedin ) the talk was about Were Open Social is going, what can we do and what to expect from it, Google friend connect,, how to create some basic application and how to implement on our how servers.
  • IGoogle + gadgets by Bruno Bowden: IGoogle is you own personalized start page where you can add a lot of gadgets to it ( weather, jobs gmail, etc. ) This talk was about creating gadgets for IGoogle , and the new support of Open Social and the new canvas mode
  • Gears by Dion Almaer: this was the talk i like the most, i really like the idea that we can use gears to create an offline version or speed a site up like wordpress.com is doing, but when i got home and try to install gears on my machine i realized that Linux 64 bits is not supported :-(
  • Google Maps API Advanced by Pamela Fox: This talks was about using tile layers with Google maps so we can use our own maps, images or anything we want to zoom in using Google maps, right now i am using Zoomifyer for this purpose but i hope with this info move to Google maps. pretty cool!
]]> http://www.mywebexperiences.com/2008/06/24/google-developer-day-2008-mexico-city/feed/ 0 What is this? http://www.mywebexperiences.com/2006/09/18/hello-world/ http://www.mywebexperiences.com/2006/09/18/hello-world/#comments Tue, 19 Sep 2006 04:20:36 +0000 Rene http://www.mywebexperiences.com/2006/09/18/hello-world/ What is this all about?

Well i am a Mexican computer science engineer, focused on web development, i like to work with perl, php, css, xhtml, javascript, ajax, etc. and this will be my playground. Where i will put my experiences while i am working, learning and living from web development.

My first languaje is not english, so if something is not well written please let me know

]]> http://www.mywebexperiences.com/2006/09/18/hello-world/feed/ 0