Wednesday, September 17, 2014

Bootstrap Modals Information Nav/Pops/Directories

Developing Consistent Design Pattens  Subtext for header Heading View details » Heading You can activate a Twitter Bootstrap modal window by clicking on the button or link without writing any JavaScript code via data attributes. Set data-toggle="modal" on a controller element, like a button or an anchor, along with a data-target="#myModal" or href="#myModal" to target a specific modal...
Share:

Tuesday, September 16, 2014

HTML Ampersand Character Codes

HTML Ampersand Character Codes These are character sequences that may appear in HTML documents; they represent sometimes useful symbols that are not part of the standard ASCII set or that would be difficult or impossible to type otherwise (e.g. the less-than sign, which would always be mistaken for the beginning of an HTML tag). Case is signinficant. The content of this table has been throughly...
Share:

Google Drive SDK: Creating Public Folder (from SDK)

× Alert! Warning! Please visit Page Status Information alert link Drive SDK documentation Click me function createPublicFolder(folderName) { var body = { 'title': folderName, 'mimeType': "application/vnd.google-apps.folder" }; var request = gapi.client.drive.files.insert({ 'resource': body }); request.execute(function(resp) { console.log('Folder...
Share:

Monday, September 15, 2014

Fusion Tables API Example: Google Chart Tools

table { width: 30%; } th { width: 30%; text-align: left; } body { font-family: Arial, sans-serif; font-size: 12px; } #map-canvas { height: 500px; width: 600px; } #visualization { height: 400px; width: 500px; } query += " WHERE 'victims' = '" + team + "'"; google.load('visualization', '1'); function drawTable()...
Share:

Bootstrap Simplied Images using a Jquery Var

$( document ).ready(function() { var R1C1= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdgzkQF1GvEDhgYZWRGnl80245J3kYhmiLWJVZkdZJMUtisMrdj4zrVAxDMDspY1TXPhAzxVwd1rfBvOcCx9u3I8YHtVkbHJJdhOPZuHzWvqgeTEqpV1xUkNZCXHjz4j69ra4gSJZi-DQwYXg/s1600/mary_alicia_driscol.jpg'; var PR1C1=...
Share:

Saturday, September 13, 2014

bootstrap-rich-text-editor

Enter your text here..   Huge Normal Small Add $(function(){ function initToolbarBootstrapBindings() { var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier', 'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times', 'Times New Roman', 'Verdana'], fontTarget...
Share:

Friday, September 12, 2014

Craigslist Posting - Seeking Clients

<section id="postingbody"> <h1> PLEASE VISIT MY BLOGGER SITE </h1> <h2> SEEKING CLIENTS </h2> <hr /> <hr /> <h2> 510-460-5641 </h2> <hr /> Solo Developer Seeking New Clients <br /> <br /> Great Rates <br /> Fast Service <br /> Over 20 years direct client...
Share:

Tuesday, September 9, 2014

Standard Sidebar Tutorial - Using JQuery, Javascript Bootstrap and more to build a tutorial page

$(document).ready(function() { $('#example').dataTable(); } ); HTML5 Overview Search Examples HTML5 is the most current HTML standard. HTML5 Features Features Created to deliver rich internet content agnostically to many/any device.  Provides new Semantics, Graphics and Multimedia Elements with less lines of code...
Share:

AngularJS - Lessons, Examples, Tutorials and Concepts

Thumbnail label Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Thumbnail label Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta...
Share:

Examples: HTML5 Local Storage

, ,
var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/14060/azcarbon_2_1_0_VERT"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s); Storage Events article div { margin: 10px 0; } label { float: left; display: block; width: 125px; line-height: 32px; } #fromEvent { ...
Share:

Monday, September 8, 2014

Stacked Navs

2 <ul class="nav nav-stacked nav-pills"> <li class="active"> <a href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">Home</a> </li> <li> <a href="https://www.blogger.com/blogger.g?blogID=192373765027274067#">Profile</a> <div class="panel-group" id="panel-790548"> <div class="panel panel-default"> ...
Share:

Friday, September 5, 2014

Thursday, September 4, 2014

Bootstrap Tabs Nested In Fluid Columns

Hello, world! This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique. Learn more Section 1 Section 2 SectionOne SectionTwo       Home Profile Messages #sidebar-wrapper,...
Share:

JS: Remove Classes

class="myClass1 myClass2" id="myDiv" $("#demo").live("click", function () { //Get CSS class var classes = $("#myDiv").attr("class"); alert(classes); //Remove all CSS classes $("#myDiv").removeAttr("class"); //Get Updated CSS class var classes = $("#myDiv").attr("class"); alert(classes); }); <div class="myClass1...
Share:

Wednesday, September 3, 2014

JavaScript Copy Text To Field

function FillBilling(f) { if(f.billingtoo.checked == true) { f.billingname.value = f.shippingname.value; f.billingcity.value = f.shippingcity.value; } } Mailing Address Name: City: Check this box if Billing Address and Mailing Address are the same. Billing Address Name: City...
Share:

Bootstrap -Three Column

Three Column   <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"></link><br /> <br /> <div class="container"> <div class="row clearfix"> <div class="col-md-10 column"> </div> </div> <div class="row clearfix"> <div class="col-md-3 column"> <h2> R1C1</h2> CO1<br /> <a...
Share: