Maki Enterprises

<script language="JavaScript">
function goNext() {
        form=document.email_friend;
  
 if (form.friend_name.value.length == 0) {
  alert("Your Colleague's Name should not be empty!")
  form.friend_name.focus()
  return
 }

 if (form.friend_email.value.length == 0) {
  alert("Your Colleague's Email should not be empty!")
  form.friend_email.focus()
  return
 }

 if(!form.friend_email.value.match(/^.+@.+/)) {
         alert("Your Colleague's Email is not in correct format.")
         form.friend_email.focus()
         return
 }

 //handling multi-users
 form.friend_email.value = form.friend_email.value + ","
 if (!form.friend_email.value.match(/(^[a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+.[a-zA-Z0-9._-]+,)+/gi)) {                
  alert("Multi-users need ',' to separate each email!")                               
  form.friend_email.focus()                            
  return                                          
 } 
 while (form.friend_email.value.lastIndexOf(",") == (form.friend_email.value.length-1)) {
  form.friend_email.value = form.friend_email.value.substring(0,(form.friend_email.value.length-1))
 } 
 
 if (form.your_name.value.length == 0) {
  alert("Your Name should not be empty!")
  form.your_name.focus()
  return
 }

 if (form.your_email.value.length == 0) {
  alert("Your Email should not be empty!")
  form.your_email.focus()
  return
 }

 if(!form.your_email.value.match(/^.+@.+/)) {
         alert("Your Email is not in correct format.")
         form.your_email.focus()
         return
 }

 for (var i=0; i < form.url_article.length; i++) {
                if ( form.url_article[i].checked ) {
                        strU_A = form.url_article[i].value
                        break
                }
        }

 if ((form.url.value.length == 0)||(form.url.value == "undefined")) {
  //form.url.value = document.referrer
  // these three lines added by Mark Goetz, September 6, 2005.
  var r = /email/;
  var loc = new String(window.location);
  form.url.value = loc.replace(r, "article");  
 }
 
 setCookie("your_name", form.your_name.value);
 setCookie("your_email", form.your_email.value);

        strQuery = "friend_name=" + escape(form.friend_name.value)
        strQuery = strQuery + "&friend_email=" + escape(form.friend_email.value)
        strQuery = strQuery + "&your_name=" + escape(form.your_name.value)
        strQuery = strQuery + "&your_email=" + escape(form.your_email.value)
        strQuery = strQuery + "&comment=" + escape(form.comment.value)
        strQuery = strQuery + "&url_article=" + strU_A
        strQuery = strQuery + "&self=" + form.self.checked
        strQuery = strQuery + "&url=" + encodeURIComponent(form.url.value);

        location = "/email/post?" + strQuery
 //form.submit();
}

function nameFocus() {
        form=document.email_friend
 form.friend_name.focus()
}

function setCookie (name, value) {
 document.cookie = name + "=" + escape(value)
}

function getValue() {
    form = document.email_friend
    if (form.your_name.value.length == 0) 
  form.your_name.value = getCookie("your_name")
    if (form.your_email.value.length == 0) 
     form.your_email.value = getCookie("your_email")
}

function getCookie(Name) {
    var search = Name + "="
    if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search)
        if (offset != -1) {
            offset += search.length
            end = document.cookie.indexOf(";", offset)
            if (end == -1)
                end = document.cookie.length
            return unescape(document.cookie.substring(offset, end))
        }
        return ""
    } else {
        return ""
    }
}
</script>

<noscript>
<font size="5" color="#ff0000">This page needs your browser "Enable Javascript" then reload the page to continue.</font>
</noscript>

<h1>Email a Colleague</h1>
<form id="email-friend" name="email_friend" method="post" action="/email.php/post">
    <fieldset>
        <dl>
            <dt><label>Colleague's Name</label></dt>
            <dd><input type="text" name="friend_name" value="" onFocus="getValue()" class="emailtextinput"></dd>

            <dt><label>Colleague's Email</label></dt>
            <dd><input type="text" name="friend_email" value="" onFocus="getValue()" class="emailtextinput"></dd>

            <dt><label>Your Name</label></dt>
            <dd><input type="text" name="your_name" value="" onFocus="getValue()" class="emailtextinput"></dd>

            <dt><label>Your Email</label></dt>
            <dd><input type="text" name="your_email" value="" onFocus="getValue()" class="emailtextinput"></dd>

            <dt><label>Your Comment</label></dt>
            <dd><textarea cols=30 rows=5 name="comment" wrap=virtual class="emailtextareainput"></textarea></dd>
        </dl>


        <p class="radio">
            <input type="radio" name="url_article" value="u" class="emailradioinput">
            <label>URL Only</label>
        </p>

        <p class="radio">
            <input type="radio" name="url_article" value="a" checked class="emailradioinput">
            <label>Complete Page</label>
        </p>

        <p class="radio">
            <input type="checkbox" name="self" class="emailcheckboxinput">
            <label>If you want a copy for yourself, check here.</label>
        </p>


        <script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LfkQr4SAAAAAPGFogTrQ-zygkyGFJiqBEGTA1VE"></script>

 <noscript>
    <iframe src="http://api.recaptcha.net/noscript?k=6LfkQr4SAAAAAPGFogTrQ-zygkyGFJiqBEGTA1VE" height="300" width="500" frameborder="0"></iframe><br/>
    <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
    <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
 </noscript>
        <input type=hidden name="url" value="http://www.htmlgoodies.com/email.php/html5/tutorials/an-introduction-to-css3-media-queries.html">

        <p>
            <input type="submit" value="Send Email" onClick="goNext()" class="emailbuttoninput">
            <input type="reset" class="emailbuttoninput">
        </p>

    </fieldset>
</form> 

                    </div>

                    <div id="right-col" class="yui3-cssreset">
                        <ul>
                            <li>
                                <div id="newsletter-signup">
          <div><h4>Web Development Newsletter Signup</h4></div>
          <div class="nl_hide"><input type="text" value="" id="nl_email"></div>
          <input type="hidden" name="nl_uri" id="nl_uri" value="http://www.htmlgoodies.com/" />
          <input id="NewsletterSignup" type="hidden" value="Web Development Update" name="NewsletterSignup"/>
          <input id="navNewsletterSignup" type="hidden" value="1543" name="NewsletterKey"/>
          <input id="businessUnit" type="hidden" value="Internet.com" name="businessUnit"/>
          <input id="RegistrationWebsite" type="hidden" value="www.htmlgoodies.com" name="RegistrationWebsite"/>
                                        <div class="nl_hide"><button type="submit" onclick="javascript:doNLSubmit();" title="Signup Now!">Submit</button></div>
          <div class="nl_hide" id="nl_error">Invalid email</div>
          <div class="nl_message">You have successfuly registered to our newsletter.</div>
                                </div>
        
                            </li>
                            <li>
<script language="JavaScript">
 var my_tag = displayDFPTag("imu");
 document.write(my_tag);
</script>
</li>
                            <li>&nbsp;</li>
                            <li>
<script language="JavaScript">
 var my_tag = displayDFPTag("imu");
 document.write(my_tag);
</script>
</li>
        
<script type="text/javascript" language="javascript">

 if($.browser.msie){
  if(document.documentMode != undefined && document.documentMode==9){
   if (!window.external.msIsSiteMode()) {
    document.write('iv id="pinMeContainer">mg class="msPinSite" style="cursor: move;" src="/img/htmlgoodies_logo.jpg" height="100" weight="100" />r/>pan id="pinMe">To Pin this site, drag this image above to your Windows Taskbar. Try it now!</span></div>'); 
   }else {
     try {
       if (window.external.msIsSiteMode()) {
       $.get('http://www.htmlgoodies.com/latest_articles/3/'+Math.round(Math.random()*1000000000000), function(data){
        displayLatestNews(data);
       });
       }
      } catch (ex) { }
   }
  }else{
   document.write('iv id="pinMeContainer">mg class="msPinSite" src="/img/htmlgoodies_logo.jpg" height="65" weight="65" />r/>pan id="pinMe">Upgrade your browser to IE 9 to see the power of Site Pinning!</span></div>');  
  }
 }
 function displayLatestNews(data){
  try{
   g_ext = window.external;
   if(data.articles != undefined && data.articles.length){
    g_ext.msSiteModeClearJumpList();
    g_ext.msSiteModeCreateJumplist('HTMLGoodies Latest News');
    for(i=0; iata.articles.length; i++){
      g_ext.msSiteModeAddJumpListItem (data.articles[i].title, data.articles[i].link, 'http://www.htmlgoodies.com/favicon.ico');
    }
    var dt = new Date();
    var updated = (dt.getMonth()+1) +"/"+(dt.getDay()+1)+"/"+dt.getFullYear()+" "+dt.toLocaleTimeString();
    
    g_ext.msSiteModeAddJumpListItem ('Last updated - '+updated, 'http://www.htmlgoodies.com/html5/index.php', 'http://www.htmlgoodies.com/img/refresh.ico');
    g_ext.msSiteModeShowJumpList();
   }
  }catch(ex){ }
 }
</script>
  
                                                    </ul>
                    </div>
     <span class="yui3-cssreset">
                         </span>
                </div>
            </div>

            <div id="footer" class="yui3-cssreset">
    
    <script language="javascript">
    function callImpressionTracker(img_url) {
     var trackingPixel = new Image();
     cachebuster=parseInt(Math.random()*99999999);  // cache buster
     trackingPixel.src = img_url + "&ra=" + cachebuster;
     document.body.appendChild(trackingPixel);
    }
    // Code for Action: HTMLGoodies - Quinstreet - Tracking
    callImpressionTracker("http://20514681p.rfihub.com/ca.gif?rb=3335&ca=20514681")
    </script>
    

                <div class="sda">
<script language="JavaScript">
 var my_tag = displayDFPTag("lb");
 document.write(my_tag);
</script>
</div>
                <style type="text/css">
#developerBrand-footer {
 text-align:center; 
 margin:0 auto; 
}
#footerlinks {
 font-size:12px;
 word-spacing:1px;
}
#footerlinks a {
 color:#000000;
 margin:5px 0 0 0;
}
#itbeBrand-footer {
 text-align:center; 
 margin:0 auto; 
}
#footercopyright {
 font-size:12px;
 margin:5px 0 0 0;
}
#developerBrandForum-footer {
 text-align:center; 
 margin:0 auto; 
}
#itbeBrandForum-footer {
 text-align:center; 
 margin:0 auto; 
}
.footerLogoClass{
 text-align:center; 
 margin:0 auto; 
}

</style>
<div id="developerBrand-footer" style="display:none">
</div>
<div id="itbeBrand-footer" style="display:none">
</div>
<div id="zde-footer" style="display:none" class="footerLogoClass">
</div>
<div id="baseline-footer" style="display:none" class="footerLogoClass">
</div>
<div id="cinsider-footer" style="display:none" class="footerLogoClass">
</div>
<div id="cioinsight-footer" style="display:none" class="footerLogoClass">
</div>
<div id="eweek-footer" style="display:none" class="footerLogoClass">
</div>
<div id="enterpriseappstoday-footer" style="display:none" class="footerLogoClass">
</div>
<div id="eseminar-footer" style="display:none" class="footerLogoClass">
</div>
<div id="wbg-footer" style="display:none" class="footerLogoClass">
</div>
<div id="developerBrandForum-footer" style="display:none">
</div>
<div id="itbeBrandForum-footer" style="display:none">
</div>
<script language="Javascript" src="/icom_includes/footers/scripts/footerbrandingcode.js"></script>

<script src="/icom_includes/footers/scripts/ga.js"  type="text/javascript"></script>
<script  type="text/javascript" >
<!--     hide from no js browsers
delete Array.prototype.itemValidation;
delete Array.prototype.isArray;
var superTracker = _gat._getTracker("UA-2838492-1");
superTracker._initData();
superTracker._trackPageview();

-->
</script>
<script  type="text/javascript" >
<!--     hide from no js browsers
   var site_name =  location.hostname;
   if ( site_name.indexOf("www.") != 0 ) {
     site_name  = "www."+site_name ;
   }
   document.write("CR" + "IPT LANGUAGE='JavaScript1.2' SRC='/icom_includes/footers/sites/"+ site_name +".js' TYPE='text/javascript'><\/SCR" + "IPT>");
-->
</script>
<script  type="text/javascript" >
<!--     hide from no js browsers
   pageTracker._initData();
   pageTracker._trackPageview();
   // -->
</script>

            </div>
        </div>
    
    <script type="text/javascript" src="http://quinstreet.us.intellitxt.com/intellitxt/front.asp?ipid=25422"></script>
    
 <script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-24939112-1']);
  _gaq.push(['_setDomainName', 'none']);
  _gaq.push(['_setAllowLinker', true]);
  _gaq.push(['_trackPageview']);
 (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>    
    <script language="JavaScript" type="text/javascript">
 var gDomain="www.qsstats.com";
 var gDcsId="dcs37pv2c00000oun93vypyva_4k6d";
 var gFpc="WT_FPC";
 var gConvert=true;
 var gFpcDom = "htmlgoodies.com";
 if ((typeof(gConvert) != "undefined") && gConvert && (document.cookie.indexOf(gFpc + "=") == -1) && (document.cookie.indexOf("WTLOPTOUT=")==-1)) {
     document.write("CR"+"IPT TYPE='text/javascript' SRC='http"+(window.location.protocol.indexOf('https:')==0?'s':'')+"://"+gDomain+"/"+gDcsId+"/wtid.js"+"'><\/SCR"+"IPT>");
 }
 function dcsAdditionalParameters() {}
    </script>