Skip to content

Instantly share code, notes, and snippets.

View kshoufer's full-sized avatar

Ken Shoufer kshoufer

1 follower · 6 following
View GitHub Profile
@kshoufer
kshoufer / panel
Created August 20, 2012 03:57
Test ASP.NET panel
<asp:Panel ID="Panel1" runat="server"
style="top: 24px; left: 0px; position: absolute; height: 144px; width: 176px; border-style: ridge">
<asp:Label ID="lblChooseOne" runat="server" Text="Choose One"
style="top: 0px; left: 0px; position: absolute; height: 19px; width: 77px"></asp:Label><br /><br />
<asp:RadioButton ID="rbBigSur" runat="server" Text="Big Sur" GroupName="Region"
oncheckedchanged="rbBigSur_CheckedChanged" /><br />
<asp:RadioButton ID="rbJoshuaTree" runat="server" Text="Joshua Tree" GroupName="Region"
oncheckedchanged="rbJoshuaTree_CheckedChanged"/><br />
<asp:RadioButton ID="rbZion" runat="server" Text="Zion" GroupName="Region"
oncheckedchanged="rbZion_CheckedChanged"/>
@kshoufer
kshoufer / Added HTML Navigation Code
Created November 24, 2012 04:56
Navigation code for test navigation menu
<div id="main-navigation" class="row" >
<div id="nav">
<ul>
<li class="first"><a href="#">Home</a>
<ul>
<li><a href="#">Home1</a></li>
<li><a href="#">Home2</a></li>
<li><a href="#">Home3</a></li>
</ul>
</li>
@kshoufer
kshoufer / DropDown CSS
Created November 24, 2012 05:04
CSS for sample DropDown Navigation Menu
*{ margin:0px; padding: 0px; }
#nav {
font-family: arial, sans-serif;
position: relative;
width: 390px;
height:56px;
font-size:14px;
color:#000;
margin: 0px auto;
@kshoufer
kshoufer / FadeInOnHover
Created November 27, 2012 08:28
jQuery code to fade in a dropdown menu when hovered over.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#nav li").has("ul").hover(function () {
$(this).addClass("current").children("ul").show().hide().fadeIn(500);
}, function () {
$(this).removeClass("current").children("ul").stop(true, true).css("display", "none");
});
@kshoufer
kshoufer / popup-nav-button
Created December 1, 2012 16:11
button to display control the animation
<div id="popup-nav-button">
<button id="btnPopup">Show Nav</button>
</div><!--end popup-nav-button-->
@kshoufer
kshoufer / popup-nav-content
Created December 1, 2012 16:13
container with an unordered list for the navigation content
<div id="popup-nav-content" class="row">
<div id="main-nav-popup" class="row" >
<div id="nav-popup">
<ul>
<li class="first"><a href="#">Home</a>
<ul>
<li><a href="#">Home1</a></li>
<li><a href="#">Home2</a></li>
<li><a href="#">Home3</a></li>
@kshoufer
kshoufer / popup-nav-content css
Created December 1, 2012 16:14
style the CSS to hide the popup navigation container
#popup-nav-content
{
display:none;
background-color:#0000ff;
font-size:1.5em;
height:6em;
margin:0;
}
@kshoufer
kshoufer / btnPopup
Created December 1, 2012 16:16
jQuery code to detect the HTML content of the button and grow or shrink the popup navigation container
<script type="text/javascript">
$(document).ready(function () {
$("#btnPopup").click(function () {
var div = $("#popup-nav-content");
var btn = $("#btnPopup");
var btnHTML = btn.html();
if (btnHTML == "Show Nav") {
btn.html("Hide Nav");
div.css("display", "block");
@kshoufer
kshoufer / GoogleStaticMap
Created December 11, 2012 15:55
Sample Google static map
<img alt="map" src="http://maps.google.com/maps/api/staticmap?center=37.386052,-122.083851&zoom=13&markers=label:A|37.386052,-122.083851&size=500x300&sensor=false" />
@kshoufer
kshoufer / ButtonHTML
Created December 22, 2012 20:03
HTML code to display the sliding-doors buttons.
<!DOCTYPE html>
<html>
<head runat="server">
<title>Demo Push Buttons</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<div><h2>Demonstration Push Buttons</h2></div>