User:Felice/keyboard template

From OLPC
< User:Felice
Revision as of 21:57, 16 December 2007 by Walter (talk | contribs) (New page: {{OLPC}} <pre> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="$g...)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
  This page is monitored by the OLPC team.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="$gettext{'lang'}" xml:lang="$gettext{'lang'}">

<head>
	<title>$gettext{'olpc'}, $gettext{'gettingstartedtitle'}</title>
	<meta name="Description" content="$gettext{'gettingstarteddescription'}" />
	<meta name="keywords" content="$gettext{'gettingstartedkeywords'}" />

	<script	�type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/yahoo/yahoo-min.js" ></script>
	<script type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/dom/dom-min.js"></script>
	<script	type="text/javascript" src="http://yui.yahooapis.com/2.3.1/build/event/event-min.js" ></script>
	<script	type="text/javascript" src="../../JS/contentDisplay.js" ></script>
	<script	type="text/javascript" src="../../JS/swfObject.js" ></script>

<script type="text/javascript">
function DisplayDesc(ImageName,e)
{
   var coords = e.coords;
   var temp = new Array();
   temp = coords.split(',');
   var coordLeft = temp[0];
   var coordTop = temp[1];

   var ImageMedia = document.getElementById(ImageName);

   var xy = YAHOO.util.Dom.getXY(ImageMedia);

   var dot = document.getElementById("imgGreenDot");
   //dot.style.position = "relative";
   xy[0] += parseInt(coordLeft, 10);
   xy[1] += parseInt(coordTop, 10);

   //Display the Green Dot
   YAHOO.util.Dom.setXY(dot, xy);
   YAHOO.util.Dom.setStyle("imgGreenDot", 'cursor', 'pointer');

   switch(e.id)
   {
   case "d1":
   document.getElementById("desc_view").innerHTML = "


$gettext{'keyboardh1'}
$gettext{'keyboardp1'}
"
   break;

   case "d2":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh2'}
$gettext{'keyboardp2'}
"
   break;

   case "d3":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh3'}
$gettext{'keyboardp3'}
"
   break;

   case "d4":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh4'}
$gettext{'keyboardp4'}
"
   break;

   case "d5":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh5'}
$gettext{'keyboardp5'}
"
   break;

   case "d6":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh6'}
$gettext{'keyboardp6'}
"
   break;

   case "d7":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh7'}
$gettext{'keyboardp7'}
"
   break;

   case "d8":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh8'}
$gettext{'keyboardp8'}
"
   break;

   case "d9":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh9'}
$gettext{'keyboardp9'}
"
   break;
   case "d10":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh10'}
$gettext{'keyboardp10'}
"
   break;

   case "d11":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh11'}
$gettext{'keyboardp11'}
"
   break;

   case "d12":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh12'}
$gettext{'keyboardp12'}
"
   break;

   case "d13":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh13'}
$gettext{'keyboardp13'}
"
   break;

   case "d14":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh14'}
$gettext{'keyboardp14'}
"
   break;

   case "d15":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh15'}
$gettext{'keyboardp15'}
"
   break;

   case "d16":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh16'}
$gettext{'keyboardp16'}
"
   break;

   case "d17":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh17'}
$gettext{'keyboardp17'}
"
   break;

   case "d18":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh18'}
$gettext{'keyboardp18'}
"
   break;

   case "d19":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh19'}
$gettext{'keyboardp19'}
"
   break;

   case "d20":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh20'}
$gettext{'keyboardp20'}
"
   break;

   case "d21":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh21'}
$gettext{'keyboardp21'}
"
   break;

   case "d22":
   document.getElementById("desc_view").innerHTML = "
$gettext{'keyboardh22'}
$gettext{'keyboardp22'}
"
   break;
   }
}

function DisplayIntro()
{
   YAHOO.util.Dom.setStyle("imgGreenDot", 'position', 'static');
   YAHOO.util.Dom.setStyle("imgGreenDot", 'left', '-300px');
}
	
function DisplayRollOn()
{
   document.getElementById('rollOver').style.display = 'block'; 
   document.getElementById('clickOn').style.display = 'none';
}
	
function DisplayRollOff()
{
   document.getElementById('clickOn').style.display = 'block';
   document.getElementById('rollOver').style.display = 'none'; 
}
</script>
</head>

<body id="start" class="start" lang="$gettext{'lang'}">




   

      

			
$gettext{'gettingstartedth1'}

				
    
				        
  • <a href="index.shtml">$gettext{'gettingstartedt1'}</a>
    • 
					
  • <a href="connecting.shtml">$gettext{'gettingstartedt2'}</a>
    • 
					
  • <a href="activities.shtml">$gettext{'gettingstartedt3'}</a>
    • 
					
  • <a href="invite.shtml">$gettext{'gettingstartedt4'}</a>
    • 
					
  • <a href="sharing.shtml">$gettext{'gettingstartedt5'}</a>
    • 
					
  • <a href="journal.shtml">$gettext{'gettingstartedt6'}</a>
    • 
				        
  • <a href="ebook.shtml">$gettext{'gettingstartedt7'}</a>
    • 
					
  •  
    • 
					
  •  
    • 
				        
  • <a href="homeview.shtml">$gettext{'gettingstartedt8'}</a>
    • 
				        
  • <a href="friendsview.shtml">$gettext{'gettingstartedt9'}</a>
    • 
					
  • <a href="neighborhoodview.shtml">$gettext{'gettingstartedt10'}</a>
    • 
					
  • <a href="activityview.shtml">$gettext{'gettingstartedt11'}</a>
    • 
					
  • <a href="features.shtml">$gettext{'gettingstartedt12'}</a>
    • 
					
  • <a href="externalports.shtml">$gettext{'gettingstartedt13'}</a>

    • 
					
  • <a href="keyboard.shtml".$gettext{'gettingstartedt14'}</a>
    • 
					
  • <a href="battery.shtml">$gettext{'gettingstartedt15'}</a>
    • 
					
  •  
    • 
					
  •  
    • 
					
  • <a href="troubleshooting.shtml">$gettext{'gettingstartedt16'}</a>
    • 
				
			
      
		

      

         <img id="imgGreenDot" alt="dot" src="../../img/GreenDot.gif" style="position:relative;left:-300px;" />
	 

         <img id="xo_map" alt="home view" src="../../img/keyboard1.jpg" usemap="#xo_map" border="0" />
 
	 <map id="xo_map" name="xo_map">
		<area shape="rect" id="d1" coords="1,42,16,66" alt="esc" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d2" coords="1,86,16,100" alt="tab" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d3" coords="1,107,16,120" alt="ctrl" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d4" coords="1,128,16,142" alt="shift" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d5" coords="1,148,16,162" alt="fn" onmouseover="DisplayDesc('xo_map',this)" />

		<area shape="rect" id="d6" coords="69,303,83,317" alt="lgrab" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d7" coords="96,303,110,317" alt="/>
		<area shape="rect" id="d8" coords="148,303,162,317" alt="space" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d9" coords="280,303,294,317" alt="/>
		<area shape="rect" id="d6" coords="305,303,319,317" alt="rgrab" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d10" coords="352,303,366,317" alt="arrow" onmouseover="DisplayDesc('xo_map',this)" />

		<area shape="rect" id="d11" coords="419,126,433,139" alt="language" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d12" coords="419,94,433,107" alt="enter" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d13" coords="419,61,433,75" alt="erase" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d14" coords="419,41,433,55" alt="frame" onmouseover="DisplayDesc('xo_map',this)" />

		<area shape="rect" id="d15" coords="349,2,363,16," alt="bboard" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d16" coords="316,2,330,16," alt="volume" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d17" coords="272,2,286,16," alt="brightness" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d18" coords="211,2,225,16," alt="slider" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d19" coords="125,2,139,16," alt="views" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d20" coords="72,2,86,16," alt="search" onmouseover="DisplayDesc('xo_map',this)" />

		<area shape="rect" id="d21" coords="212,303,226,317," alt="touchpad buttons" onmouseover="DisplayDesc('xo_map',this)" />
		<area shape="rect" id="d22" coords="241,303,255,317," alt="touchpad" onmouseover="DisplayDesc('xo_map',this)" />
	 </map>
         
 
         

	 
$gettext{'keyboardh23'}

         
$gettext{'keyboardp23'}

         
 
      
 

      

      
 

   
 



 

</body>
</html>
Retrieved from "http://wiki.laptop.org/mediawiki/index.php?title=User:Felice/keyboard_template&oldid=85548"