Test 2

HTML  <!-- menu header start-->
  <nav class='menu-dropdowns'>
  <a class='menu-header' href='#'><i class='fa fa-th-list'/> MENU </a>
  
 <!-- secondary navigation menu start -->
 <ul class='nav nav-menu2'>
  <li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
  <li><a href='#'><i class='fa fa-wrench'/> Menu</a><i/>
   <ul>
     <li><a href='####'>Menu 1</a></li>
              <li><a href='####'>Menu 2</a></li>
     <li><a href='####'>Menu 3</a></li>
              <li><a href='####'>Menu 4</a></li>
              <li><a href='####'>Menu 5</a></li>
              <li><a href='####'>Menu 6</a></li>
              <li><a href='####'>Menu 7</a></li>
            </ul>
  </li>
  <li><a href='####'><i class='fa fa-pencil'/> Menu 2</a><i/>
   <ul>
              <li><a href='####'>Menu 1</a></li>
     <li><a href='####'>Menu 2</a></li>
     <li><a href='####'>Menu 3</a></li>
              <li><a href='####'>Menu 4</a></li>
            </ul>
  </li>
            <li><a href='####'>Menu 3</a></li>
            <li><a href='####'>Menu 4</a></li>
   <li><a href='####'>Menu 5</a></li>
   <li><a href='####'>Menu 6</a></li>
   
 </ul>
 <!-- secondary navigation menu end -->
 
 <form action='/search' id='search-form' method='get'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...' vinput=''/></td> <td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
 
  </nav>

CSSpre{background:#fff;white-space:pre;word-wrap:break-word;overflow:auto;}
pre.code{margin:20px 25px;max-height:500px;border:1px solid #d9d9d9;border-radius:2px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08);}
pre.code label{font-family:sans-serif;font-weight:normal;font-size:13px;color:#444;position:absolute;left:1px;top:16px;text-align:center;width:60px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;}
pre.code code{font-family:"Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;display:block;margin:0 0 0 60px;padding:15px 16px 14px;border-left:1px solid #d9d9d9;overflow-x:auto;font-size:13px;line-height:19px;color:#444;}
pre::after{content:"double click to selection";padding:0;width:auto;height:auto;position:absolute;right:18px;top:14px;font-size:12px;color:#aaa;line-height:20px;overflow:hidden;-webkit-backface-visibility:hidden;transition:all 0.3s ease;}
pre:hover::after{opacity:0;visibility:visible;}
pre.code-css code{color:#0288d1;}
pre.code-html code{color:#558b2f;}
pre.code-javascript code{color:#f57c00;}
pre.code-jquery code{color:#78909c;}

JAVA 
 SCRIPT<script type='text/javascript'>
//<![CDATA[
//Pre Auto Selection
$('i[rel="pre"]').replaceWith(function() {
    return $('<pre><code>' + $(this).html() + '</code></pre>');
});
var pres = document.querySelectorAll('pre,kbd,blockquote');
for (var i = 0; i < pres.length; i++) {
  pres[i].addEventListener("dblclick", function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
//]]>
</script>

JQUERY$.ajax({
  url: "/api/getWeather",
  data: {
    zipcode: 97201
  },
  success: function( result ) {
    $( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
  }
});

Test 2

0 Response to "Test 2"

Post a Comment