The login nav is a slimmed down of the KidsWB main navigation. It has no login, no drop-downs, but provides login facilities. User cookies are set during login.

The login nav is available for use on your site via two methods:

  1. as a simple external inline JavaScript that you can include that provides all the HTML, CSS and JavaScript to render the navigation widget
  2. as 3 discrete components (HTML, CSS and JavaScript) to request separately in order for your site to adhere to common web best practices and give the links in the nav SEO value. This is the preferred approach.

Example usage 1: external JavaScript

In the location of your page that you would like to display the nav (usually the top of the page) insert div class="code" similar to this:

<script src="http://api.kidswb.com/ui/navigation/login?format=dynamic"></script>

Example usage 2: Three discrete components

In the location of your page that you would like to display the nav (usually the top of the page) insert the HTML in a method similar to this:

<?php

$ch = curl_init("http://api.kidswb.com/ui/navigation/login?format=inline&component=html");
curl_exec($ch);
curl_close($ch);

?>

You must also include the accompanying CSS in the head of your document place:

<link href="http://api.kidswb.com/ui/navigation/login?format=inline&component=css" rel="stylesheet" />

You must also include the accompanying JavaScript anywhere in the document after the HTML component:

<script src="http://api.kidswb.com/ui/navigation/login?format=inline&component=js" type="text/javascript"></script>
Parameters
Name Required Values Default Value Comments
format yes inline | dynamic inline Indicates your embed method. "inline" is for 3 discrete components, "dynamic" is for the combined external JavaScript embed method.
brand no KidsWB | DCNation | LooneyTunes | ScoobyDoo KidsWB case insensitive name of the brand theme you wish to use. Click on the value for previews of each.
component no combined | css | html | js combined only used with the SEO friendly discrete components requests
compressed no true | false true delivers minified JavaScript and CSS