document.getElementById("selectionDD").selectedIndex = 0;

The HTML code:

<select id="selectionDD" name="selectionDD">
&nbsp&nbsp&nbsp&nbsp&nbsp<option value="one">One</option>
&nbsp&nbsp&nbsp&nbsp&nbsp<option value="two">Two</option>
&nbsp&nbsp&nbsp&nbsp&nbsp<option value="three">Three</option>
</select>

Refer to the JavaScript code. The selectionDD is the id of the <select> tag. The value 0 represents the index number of the option that we want to be selected, and will select the first option in the selection. Note that the index numbers start with 0, not 1.

The designs I’m making are almost done when I found out about the Google Font API and the Google Font Directory. I think that the Google Font API will be very helpful to web designers because its font directory offers good-looking fonts, it works in most browsers, and it saves so much time because of the ease of use.

To use the Google Font API for embedding fonts, all we have to do is insert a call to their stylesheet (depending on which font(s) we choose to use) and then style a web page element with the chosen web font.

See their Getting Started page to see how it’s done.

I’m planning to modify the website designs I’m making, and use a font from the Google Font Directory instead. That way, the pages will load faster without images as header menu items, and the site headings will be more matching to the website design theme.

I was working on an assignment (gradient mesh portrait) on Adobe Illustrator, when suddenly I could not see my mesh points. When I hovered on the mesh object I could see the lines, but clicking doesn’t let me select it. I tried drawing a path using the pen tool to check if I could select anchor points, and found out that I couldn’t select them too.

After searching Google for a solution, I was able to see and select mesh points and anchor points again. The solution to that problem was to “Show Edges.” To do this, click on “View” from the menu From the submenu that appears, select “Show Edges.”

The shortcut key for Hide Edges and Show Edges is Ctrl + H for Windows. I don’t know what it is for Mac, or if it is different. And by the way, I am using Adobe Illustrator CS4.

I guess I accidentally pressed Ctrl + H.

You may download the instructional materials from this blog entry.

MediaFire Download the zipped Powerpoint slides:

DIRECT Download the zipped Powerpoint slides:

• CCNA 4 Powerpoint Slides (Direct Download) (630)

Or if the link for direct download becomes unavailable due to reaching the bandwidth limit, you may download it from my MediaFire account:

MediaFire Download the zipped Powerpoint slides:

• CCNA 4 Powerpoint Slides (MediaFire) (433)

First thing I tried, based on a how-to page I stumbled upon (for Windows 7), was I right-click on my desktop and chooe Personalize. From the left side of the window that opened, I clicked on the “Change desktop icons.” There I checked the icons I wanted to appear. After clicking OK, there were still no icons.

I did a bit more of searching and then I found a solution that worked. It says that for Windows XP, you right-click on your desktop, choose “Arrange Icons By…” and then click on “Show desktop icons.”

In Windows 7, I right-clicked on my desktop and hovered my mouse pointer over “View,” and from its fly-out menu I clicked on “Show desktop icons.” Simple, isn’t it? lol.

I don’t know what I did that made them disappear, but it’s good to have them back. XD

Anyways, I’m still posting this, in case there are some visitors browsing around who need help with properly displaying the transparency of .PNG images in IE5.5 and IE6. This also helps me easily find the needed code to fix the display. I need it from time to time when I design website layouts.

Tip: Most of us are probably using the newer versions of Internet Explorer. I suggest that you download and use the IE Tester. It’s a web browser that lets you see how web pages render in different versions of IE – 5.5, 6, 7, and 8.

I assume that as you read this, you are using Internet Explorer version 5.5, or the version 5.5 tab on the IE Tester.

The following .png image has a grayish background color that replaces the parts that are supposed to be transparent.

This is the code for what’s show above.

<div style="background:pink;padding:20px;">
<img src="http://img.photobucket.com/albums/v209/catzie/transparent1.png"
alt="" />
</div>

Please click here to open on a new window the fixed version of what we are trying to display. You’d notice that there’s no longer the grayish background on the parts that are supposed to be transparent. Now you can see through the pink background.

The final code is:

<html>
<head>
	<style type="text/css">
		body{
			background-color:pink;
		}
	</style>
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className
                               + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " :
                               "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height
            + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"<>/span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
</head>
<body>
  <div style="background:pink;padding:20px;">
         <img src="http://img.photobucket.com/albums/v209/catzie/transparent1.png"
                alt="" />
  </div>
</body>
</html>

The code above uses conditional comment to check if your current browser is older than IE 7. If it is, the JavaScript code which corrects the display of the .png is executed.

This method has limitations though. It works only on IE5.5 and IE6. It needs JavaScript enabled on your browser, or else it won’t work. And it only works on images placed using the <img> tag. It won’t work on background images.

I learned about this fix from this website

These are less tiresome to read than the curriculum materials.

The following files are NOT CHEATSCO. :p

• LAN Switching and Wireless (PPT - Chapters 1-7) - MediaFire (781)
• LAN Switching and Wireless (PPT - Chapters 1-7) - FileDen (344)

Hah. I wonder what Cisco Networking Academy thinks about cheatsco blogs – those blogs providing answers to assessments. Our school (FEU – East Asia College) started giving us written exams last term because they knew most students pass the course as they rely on the answers to exams provided by cheatsco sites.

Let me share to you this tutorial on how to tune a guitar manually.

Refer to the image above. Let’s call the thinnest string #1 and the thickest string #6. The letters over the right are the corresponding notes of each string, but just ignore them for now. We’ll use the numbers instead to make it easier. Read the following directions carefully.

directions

1. Press #6 on the 5th fret and pluck it. Listen to its pitch. Pluck the open #5 string. Adjust it until it gains the same pitch as that of #6.
2. Press #5 on the 5th fret and pluck it. Listen to its pitch. Pluck the open #4 string. Adjust it until it gains the same pitch as that of #5
3. Press #4 on the 5th fret and pluck it. Listen to its pitch. Pluck the open #3 string. Adjust it until it gains the same pitch as that of #4.
4. Press #3 on the 4th fret (yes, 4th fret!) and pluck it. Listen to its pitch. Pluck the open #2 string. Adjust it until it gains the same pitch as that of #3.
5. Press #2 on the 5th fret (yes, 5th fret again!) and pluck it. Listen to its pitch. Pluck the open #1 string. Adjust it until it gains the same pitch as that of #2.

tips and notes

• You need to listen very well when you pluck each string. Try plucking it as hard as you can to produce a louder sound. You must know how to distinguish the difference of the pitches/notes that you hear.
• After adjusting all the strings, strum them. If you’re not satisfied with the outcome, you might want to do the tuning all over again. Be patient. It will be easy when you get used to it anyway. If the outcome pitch is too high, adjust string #6 to a lower pitch and do the tuning over again; If the outcome pitch is too low, adjust string #6 to a higher pitch and do the tuning all over again.

Comments on this tutorial will be appreciated. Please note I’m just an amateur guitarist that I might not be able to answer questions that might be asked about guitars.

If you find this article helpful, feel free to link back through this permalink.

I thought that it wasn’t possible to do this but I found a JavaScript code that can do the trick, and I just want to share it with you.

<script language="JavaScript">

 function autoResize(id){
  var newheight;
  var newwidth;

 if(document.getElementById){
  newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
  newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
  }

 document.getElementById(id).height= parseInt(newheight) + 45 + "px";
  document.getElementById(id).width= (newwidth) + "px";
  }
  </script>


<iframe SRC="yourPage.html" width="100%" id="iframe1" marginheight="0" frameborder="0" onLoad="autoResize('iframe1');"></iframe>

Save the above code as iframe.html, or whatever you like.
Remember to create the file yourPage.html in the same folder as your previous html file.

I stumbled upon it on: this forum thread.

I also did a little editing.