I'm trying to create a street address field in my form that autosuggests/autocompletes the street name as the visitor begins typing the information.
I've come across a few different javascript based options for completing this and have looked at the mootools autocomplete script (which I found suggested on this forum) but the non-mootools ones don't seem to be working properly and I can't find any documentation for ho wot plug in the mootools one.
Can someone point me in the right direction for how to accomplish this? As it stands right now, I'd rather list an array of street options than have the info pulled from a database. Most of the examples of the mootools autocomplete I can find relate to pulling info from a database....
I've come across a few different javascript based options for completing this and have looked at the mootools autocomplete script (which I found suggested on this forum) but the non-mootools ones don't seem to be working properly and I can't find any documentation for ho wot plug in the mootools one.
Can someone point me in the right direction for how to accomplish this? As it stands right now, I'd rather list an array of street options than have the info pulled from a database. Most of the examples of the mootools autocomplete I can find relate to pulling info from a database....
Hi christye1224,
I've had something like this working with the digitarald AutoComplete scripts. See the demo here. Is this the kind of code that you are looking for?
Bob
I've had something like this working with the digitarald AutoComplete scripts. See the demo here. Is this the kind of code that you are looking for?
Bob
Hi Bob,
More like this version:
http://digitarald.de/project/autocompleter/1-1/showcase/local/
With either the pick, or type ahead option...
I've altered the "tokens" to name the streets rather than those countries they have in the example, placed the javascript info in the javascript section of chronoforms, the XHTML info in my form code and the css in the stylesheet section...
Should I be using the "extra code" boxes for something? Like the calls to the mootools javascript? I feel like the call to action is missing but I can't figure out where it needs to be placed and every link I've clicked to the documentation of this plug in directs to an empty cnet.com page.
More like this version:
http://digitarald.de/project/autocompleter/1-1/showcase/local/
With either the pick, or type ahead option...
I've altered the "tokens" to name the streets rather than those countries they have in the example, placed the javascript info in the javascript section of chronoforms, the XHTML info in my form code and the css in the stylesheet section...
Should I be using the "extra code" boxes for something? Like the calls to the mootools javascript? I feel like the call to action is missing but I can't figure out where it needs to be placed and every link I've clicked to the documentation of this plug in directs to an empty cnet.com page.
I still can't seem to get this to work... I've now found as well that adding the javascript for the autosuggest feature into the javascript section completely voids out my customized phone javascript (I have it automatically convert 10 digit phone numbers to (xxx) xxx-xxxx).
Here is the code I have for the autosuggest (I'll just pull the pertenent pieces):
In the Form HTML, I have a php call to the .js and .css file as well as the placeholder as the id= info in the field:
In the javascript section, I have my phone related js at top and this for the autosuggest:
In the css field, I added this to dictate the style of the dropdown:
Most of this code I grabbed directly from the example here: http://digitarald.de/project/autocompleter/1-1/showcase/local/
I'm probably making a newbie mistake (I'm not an experienced coder), so I'd appreciate any help trying to get this to work.
Christy
Here is the code I have for the autosuggest (I'll just pull the pertenent pieces):
In the Form HTML, I have a php call to the .js and .css file as well as the placeholder as the id= info in the field:
<?php
$document = &JFactory::getDocument();
$document->addScript( '/media/system/js/mootools.js' );
$document->addScript( '/media/system/js/Observer.js' );
$document->addScript( '/media/system/js/Autocompleter.Local.js' );
$document->addScript( '/media/system/js/Autocompleter.Request.js' );
$document->addStyleSheet( '/media/system/css/Autocompleter.css' );
?>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 100px;">Street Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="demo-local" name="Street_Name" type="text" />
</div></div></td>In the javascript section, I have my phone related js at top and this for the autosuggest:
document.addEvent('domready', function() {
// Test source, list of streets
var tokens = ['A STREET','ACORN CIR','ADAMS WAY','AERO AVE','AIRPORT RD','ALLEN ST','AMBERS WAY','ANGEVIN'S LN','ANNAS WAY','ANTHIERS WAY','ARBUTUS WAY','ARMSTRONG LN','ARROWHEAD CIR','ATLANTIC DR','ATLANTIC OCEAN','ATWOOD CIR','AUGUSTA LN','BACHELDER AVE','BANKERS WAY','BARRIER BEACH','BAY LOT CIR','BAY VIEW AVE','BAYLIES WAY','BEACH PLUM MEADOWS','BEACH RD','BEACH RD AVE','BEACH ST','BEETLE SWAMP RD','BENNETT WAY','BERNARD WAY','BERRY AVE','BETTENCOURT WAY','BIGELOW AVE','BITTERSWEET LN','BLACK DUCK COVE','BLUE HERON WAY','BOLD MEADOW CIR','BOLD MEADOW LN','BOLD MEADOW RD','BOLDT FARMS WAY','BOLDWATER RD','BOYLSTON DR','BRALEYS WAY','BRIARWOOD DR','BRIGGS RD','BROWN RD'];
// Our instance for the element with id "demo-local"
new Autocompleter.Local('demo-local', tokens, {
'minLength': 1, // We wait for at least one character
'overflow': true // Overflow for more entries
});
// selectMode 'type-ahead' allows fast typing
new Autocompleter.Local('demo-local', tokens, {
'minLength': 1,
'overflow': true,
'selectMode': 'type-ahead'
});
});In the css field, I added this to dictate the style of the dropdown:
.demo-info
{
position: absolute;
top: 0;
right: 4px;
padding: 1px 2px;
font-size: 0.9em;
color: #888;
}Most of this code I grabbed directly from the example here: http://digitarald.de/project/autocompleter/1-1/showcase/local/
I'm probably making a newbie mistake (I'm not an experienced coder), so I'd appreciate any help trying to get this to work.
Christy
Hi Christy,
I think I've go this working but there ae several things for you to check:
[list]There's an unescaped ' in 'ANGEVIN\'S LN' that breaks the array, add the \ as I have here. It looks as though you have used the files from version 1.1 of the AutoCompleter - this requires MooTools 1.2; I've switched to v 1.0 which will run with the Joomla! standard Mootools 1.1. I also had to tweak the file URI's a little - but I think that's because I'm running my test site off a subdomain. [/list]Here's the Form HTML & JavaScript that I used.
Bob
I think I've go this working but there ae several things for you to check:
[list]
<?php
if ( !$mainframe->isSite() ) { return; }
$document = &JFactory::getDocument();
$document->addScript( JURI::base().'/media/system/js/mootools.js' );
$document->addScript( JURI::base().'/media/system/js/Observer.js' );
$document->addScript( JURI::base().'/media/system/js/Autocompleter.js' );
$document->addStyleSheet( JURI::base().'/media/system/css/Autocompleter.css' );
?>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 100px;">Street Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="demo_local" name="Street_Name" type="text" />
</div>
</div>document.addEvent('domready', function() {
// Test source, list of streets
var tokens = ['A STREET', 'ACORN CIR', 'ADAMS WAY', 'AERO AVE', 'AIRPORT RD', 'ALLEN ST', 'AMBERS WAY', 'ANGEVIN\'S LN', 'ANNAS WAY', 'ANTHIERS WAY', 'ARBUTUS WAY', 'ARMSTRONG LN', 'ARROWHEAD CIR', 'ATLANTIC DR', 'ATLANTIC OCEAN', 'ATWOOD CIR', 'AUGUSTA LN', 'BACHELDER AVE', 'BANKERS WAY', 'BARRIER BEACH', 'BAY LOT CIR', 'BAY VIEW AVE', 'BAYLIES WAY', 'BEACH PLUM MEADOWS', 'BEACH RD', 'BEACH RD AVE', 'BEACH ST', 'BEETLE SWAMP RD', 'BENNETT WAY', 'BERNARD WAY', 'BERRY AVE', 'BETTENCOURT WAY', 'BIGELOW AVE', 'BITTERSWEET LN', 'BLACK DUCK COVE', 'BLUE HERON WAY', 'BOLD MEADOW CIR', 'BOLD MEADOW LN', 'BOLD MEADOW RD', 'BOLDT FARMS WAY', 'BOLDWATER RD', 'BOYLSTON DR', 'BRALEYS WAY', 'BRIARWOOD DR', 'BRIGGS RD', 'BROWN RD'];
// Our instance for the element with id "demo_local"
new Autocompleter.Local('demo_local', tokens, {
'minLength': 1, // We wait for at least one character
'overflow': true // Overflow for more entries
});
// selectMode 'type-ahead' allows fast typing
new Autocompleter.Local('demo_local', tokens, {
'minLength': 1,
'overflow': true,
'selectMode': 'type-ahead'
});
});Bob
I feel like it's so close, yet still, it's not working...
Thanks for your help thus far, Bob, but for some reason even after changing my version of Autocompleter, fixing the ' issue and copying your code directly into my form, it's STILL not autocompleting the field.
On debug, I'm getting this: Error: object.createTextRange is not a function
Any idea where I might have missed not naming that function?
Thanks for your help thus far, Bob, but for some reason even after changing my version of Autocompleter, fixing the ' issue and copying your code directly into my form, it's STILL not autocompleting the field.
On debug, I'm getting this: Error: object.createTextRange is not a function
Any idea where I might have missed not naming that function?
Hi Christy,
Hmm . .. please check your file versions. As far as I can see createTextRange() is only used in the newer v1.1 of AutoCompleter and then only for Trident (IE) JavaScript browsers. I can't see the code in any of the v1.0 files.
Bob
Hmm . .. please check your file versions. As far as I can see createTextRange() is only used in the newer v1.1 of AutoCompleter and then only for Trident (IE) JavaScript browsers. I can't see the code in any of the v1.0 files.
Bob
Doublechecked my versions on all parts:
mootools.js: 1.12
Autocompleter.js: 1.0rc4
Observer.js: 1.0rc4
And I have Autocompleter.css uploaded as well...
No more errors that I can see, so maybe one of my other javascript elements is causing a negative interaction or sorts?
mootools.js: 1.12
Autocompleter.js: 1.0rc4
Observer.js: 1.0rc4
And I have Autocompleter.css uploaded as well...
No more errors that I can see, so maybe one of my other javascript elements is causing a negative interaction or sorts?
Would it be helpful if I just gave you the code for the entire form page (well, most of it, had to start with style info to comply with character limit)?
<style type="text/css">
<!--
div.wrapper { margin: 0 auto; width: 979px;padding:0;}
#inset-block-left { width:0px;padding:0;}
#inset-block-right { width:0px;padding:0;}
#maincontent-block { margin-right:0px;margin-left:0px;}
a, .contentheading, .side-mod h3 span, .grey .side-mod a, .componentheading span, .roktabs-links li.active {color: #0269b3;}
-->
</style>
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/media/system/js/modal.js"></script>
<script type="text/javascript" src="http://unfairadvantagemarketing.net/components/com_k2/js/k2.js"></script>
<script type="text/javascript" src="/media/system/js/Observer.js"></script>
<script type="text/javascript" src="/media/system/js/Autocompleter.js"></script>
<script type="text/javascript" src="/plugins/system/rokbox/rokbox.js"></script>
<script type="text/javascript" src="/plugins/system/rokbox/themes/light/rokbox-config.js"></script>
<script type="text/javascript" src="/templates/rt_solarsentinel_j15/js/rokfonts.js"></script>
<script type="text/javascript" src="/templates/rt_solarsentinel_j15/js/rokdate.js"></script>
<script type="text/javascript" src="/templates/rt_solarsentinel_j15/js/rokutils.js"></script>
<script type="text/javascript" src="/templates/rt_solarsentinel_j15/js/rokutils.inputs.js"></script>
<script type="text/javascript" src="/templates/rt_solarsentinel_j15/js/rokmoomenu.js"></script>
<script type="text/javascript" src="/templates/rt_solarsentinel_j15/js/mootools.bgiframe.js"></script>
<script type="text/javascript" src="/modules/mod_rokajaxsearch/js/rokajaxsearch.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
SqueezeBox.initialize({});
$$('a.modal').each(function(el) {
el.addEvent('click', function(e) {
new Event(e).stop();
SqueezeBox.fromElement(el);
});
});
});
var K2RatingURL = 'http://unfairadvantagemarketing.net/';
var rokboxPath = '/plugins/system/rokbox/';
window.addEvent('domready', function() {
var modules = ['side-mod','module','moduletable','component-header'];
var header = ['h3','h1'];
RokBuildSpans(modules, header);
});
InputsExclusion.push('.content_vote','#login-module')
window.addEvent('domready', function() {
new Rokmoomenu($E('ul.menutop '), {
bgiframe: false,
delay: 500,
verhor: true,
animate: {
props: ['height'],
opts: {
duration: 500,
fps: 100,
transition: Fx.Transitions.Quad.easeOut
}
},
bg: {
enabled: true,
overEffect: {
duration: 500,
transition: Fx.Transitions.Sine.easeOut
},
outEffect: {
duration: 600,
transition: Fx.Transitions.Sine.easeOut
}
},
submenus: {
enabled: true,
opacity: 0.9,
overEffect: {
duration: 50,
transition: Fx.Transitions.Expo.easeOut
},
outEffect: {
duration: 600,
transition: Fx.Transitions.Sine.easeIn
},
offsets: {
top: 3,
right: 1,
bottom: 0,
left: 1
}
}
});
});
window.addEvent((window.webkit) ? 'load' : 'domready', function() {
window.rokajaxsearch = new RokAjaxSearch({
'results': ' Results',
'close': '',
'websearch': 0,
'blogsearch': 0,
'imagesearch': 0,
'videosearch': 0,
'imagesize': 'MEDIUM',
'safesearch': 'MODERATE',
'search': ' Search...',
'readmore': ' Read more...',
'noresults': ' No results',
'advsearch': ' Advanced search',
'page': ' Page',
'page_of': ' of',
'searchlink': 'http://unfairadvantagemarketing.net/index2.php?option=com_search&view=search&tmpl=component',
'advsearchlink': 'http://unfairadvantagemarketing.net/index.php?option=com_search&view=search',
'uribase': 'http://unfairadvantagemarketing.net/',
'limit': '10',
'perpage': '3',
'ordering': 'newest',
'phrase': 'any',
'hidedivs': '',
'includelink': 1,
'viewall': ' View all results',
'estimated': ' estimated',
'showestimated': 1,
'showpagination': 1,
'showcategory': 1,
'showreadmore': 1,
'showdescription': 1
});
});
</script>
<style type="text/css">
span.cf_alert {
background:#FFD5D5 url(http://unfairadvantagemarketing.net/components/com_chronocontact/css/images/alert.png) no-repeat scroll 10px 50%;
border:1px solid #FFACAD;
color:#CF3738;
display:block;
margin:15px 0pt;
padding:8px 10px 8px 36px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
document.addEvent('domready', function() {
// Test source, list of streets
var tokens = ['A STREET', 'ACORN CIR', 'ADAMS WAY', 'AERO AVE', 'AIRPORT RD', 'ALLEN ST', 'AMBERS WAY', 'ANGEVIN\'S LN', 'ANNAS WAY', 'ANTHIERS WAY', 'ARBUTUS WAY', 'ARMSTRONG LN', 'ARROWHEAD CIR', 'ATLANTIC DR', 'ATLANTIC OCEAN', 'ATWOOD CIR', 'AUGUSTA LN', 'BACHELDER AVE', 'BANKERS WAY', 'BARRIER BEACH', 'BAY LOT CIR', 'BAY VIEW AVE', 'BAYLIES WAY', 'BEACH PLUM MEADOWS', 'BEACH RD', 'BEACH RD AVE', 'BEACH ST', 'BEETLE SWAMP RD', 'BENNETT WAY', 'BERNARD WAY', 'BERRY AVE', 'BETTENCOURT WAY', 'BIGELOW AVE', 'BITTERSWEET LN', 'BLACK DUCK COVE', 'BLUE HERON WAY', 'BOLD MEADOW CIR', 'BOLD MEADOW LN', 'BOLD MEADOW RD', 'BOLDT FARMS WAY', 'BOLDWATER RD', 'BOYLSTON DR', 'BRALEYS WAY', 'BRIARWOOD DR', 'BRIGGS RD', 'BROWN RD'];
// Our instance for the element with id "demo_local"
new Autocompleter.Local('demo_local', tokens, {
'minLength': 1, // We wait for at least one character
'overflow': true // Overflow for more entries
});
// selectMode 'type-ahead' allows fast typing
new Autocompleter.Local('demo_local', tokens, {
'minLength': 1,
'overflow': true,
'selectMode': 'type-ahead'
});
});
var zChar = new Array(' ', '(', ')', '-', '.');
var maxphonelength = 14;
var phonevalue1;
var phonevalue2;
var cursorposition;
function ParseForNumber1(object){
phonevalue1 = ParseChar(object.value, zChar);
}
function ParseForNumber2(object){
phonevalue2 = ParseChar(object.value, zChar);
}
function backspacerUP(object,e) {
if(e){
e = e
} else {
e = window.event
}
if(e.which){
var keycode = e.which
} else {
var keycode = e.keyCode
}
ParseForNumber1(object)
if(keycode >= 48){
ValidatePhone(object)
}
}
function backspacerDOWN(object,e) {
if(e){
e = e
} else {
e = window.event
}
if(e.which){
var keycode = e.which
} else {
var keycode = e.keyCode
}
ParseForNumber2(object)
}
function GetCursorPosition(){
var t1 = phonevalue1;
var t2 = phonevalue2;
var bool = false
for (i=0; i<t1.length; i++)
{
if (t1.substring(i,1) != t2.substring(i,1)) {
if(!bool) {
cursorposition=i
window.status=cursorposition
bool=true
}
}
}
}
function ValidatePhone(object){
var p = phonevalue1
p = p.replace(/[^\d]*/gi,"")
if (p.length < 3) {
object.value=p
} else if(p.length==3){
pp=p;
d4=p.indexOf('(')
d5=p.indexOf(')')
if(d4==-1){
pp="("+pp;
}
if(d5==-1){
pp=pp+")";
}
object.value = pp;
} else if(p.length>3 && p.length < 7){
p ="(" + p;
l30=p.length;
p30=p.substring(0,4);
p30=p30+") "
p31=p.substring(4,l30);
pp=p30+p31;
object.value = pp;
} else if(p.length >= 7){
p ="(" + p;
l30=p.length;
p30=p.substring(0,4);
p30=p30+") "
p31=p.substring(4,l30);
pp=p30+p31;
l40 = pp.length;
p40 = pp.substring(0,9);
p40 = p40 + "-"
p41 = pp.substring(9,l40);
ppp = p40 + p41;
object.value = ppp.substring(0, maxphonelength);
}
GetCursorPosition();
if(cursorposition >= 0){
if (cursorposition == 0) {
cursorposition = 2
} else if (cursorposition <= 2) {
cursorposition = cursorposition + 1
} else if (cursorposition <= 4) {
cursorposition = cursorposition + 3
} else if (cursorposition == 5) {
cursorposition = cursorposition + 3
} else if (cursorposition == 6) {
cursorposition = cursorposition + 3
} else if (cursorposition == 7) {
cursorposition = cursorposition + 4
} else if (cursorposition == 8) {
cursorposition = cursorposition + 4
e1=object.value.indexOf(')')
e2=object.value.indexOf('-')
if (e1>-1 && e2>-1){
if (e2-e1 == 4) {
cursorposition = cursorposition - 1
}
}
} else if (cursorposition == 9) {
cursorposition = cursorposition + 4
} else if (cursorposition < 11) {
cursorposition = cursorposition + 3
} else if (cursorposition == 11) {
cursorposition = cursorposition + 1
} else if (cursorposition == 12) {
cursorposition = cursorposition + 1
} else if (cursorposition >= 13) {
cursorposition = cursorposition
}
var txtRange = object.createTextRange();
txtRange.moveStart( "character", cursorposition);
txtRange.moveEnd( "character", cursorposition - object.value.length);
txtRange.select();
}
}
function ParseChar(sStr, sChar)
{
if (sChar.length == null)
{
zChar = new Array(sChar);
}
else zChar = sChar;
for (i=0; i<zChar.length; i++)
{
sNewStr = "";
var iStart = 0;
var iEnd = sStr.indexOf(sChar[i]);
while (iEnd != -1)
{
sNewStr += sStr.substring(iStart, iEnd);
iStart = iEnd + 1;
iEnd = sStr.indexOf(sChar[i], iStart);
}
sNewStr += sStr.substring(sStr.lastIndexOf(sChar[i]) + 1, sStr.length);
sStr = sNewStr;
}
return sNewStr;
}
//]]>
</script>
<style type="text/css">
fieldset {
position: relative;
float: left;
clear: both;
width: 95%;
margin: 1.5em 0 1em 0;
padding: 1em 0 1em 1em;
border-style: 1px solid #BFBAB0;
background-color: #F2EFE9;
}
fieldset.alt {
background-color: #E6E3DD;
}
legend span {
position: absolute;
left: 0.14em;
top: 0;
margin-top: -1em;
font-size: 115%;
}
legend {
margin-left: 1em;
padding: 0;
color: #000;
font-weight: bold;
}
label {
float: left;
width: 10em;
margin-right: 1em;
font-weight: bold;
}
label strong {
position: absolute;
left: 27em;
top: 0.2em;
width: 19em;
color: #C00;
font-size: 85%;
font-weight: normal
;text-transform: uppercase;
}
fieldset.submit {
float: none;
width: auto;
padding-top: 1.5em;
padding-left: 12em;
background-color: #FFFFFF;
border: 0 none #FFF;
}
.demo-info
{
position: absolute;
top: 0;
right: 4px;
padding: 1px 2px;
font-size: 0.9em;
color: #888;
}
</style>
</head>
<body id="ff-solarsentinel" class="f-default style7 bg-grey iehandle">
<div id="page-bg">
<div class="wrapper"><div id="body-left" class="png"><div id="body-right" class="png">
<!--Begin Top Bar-->
<div id="top-bar">
<div class="topbar-strip">
<div class="date-block">
<span class="date1">Wednesday</span>,
<span class="date2">October</span>
<span class="date3">27</span>,
<span class="date4">2010</span>
</div>
<div class="syndicate-module">
</div>
<div id="accessibility">
<div id="buttons">
<a href="/?option=com_chronocontact&chronoformname=bus_reg1&fontstyle=f-larger" title="Increase Font Size" class="large"><span class="button png"> </span></a>
<a href="/?option=com_chronocontact&chronoformname=bus_reg1&fontstyle=f-smaller" title="Decrease Font Size" class="small"><span class="button png"> </span></a>
</div>
<div class="textsizer-desc">Text Size</div>
</div>
<a href="#" id="lock-button" class="login" rel="rokbox[240 210][module=login-module]"><span>Login</span></a>
</div>
</div>
<!--End Top Bar-->
<!--Begin Header-->
<div id="header-bar">
<a href="/" id="logo">
</a>
<div class="">
<div id="searchmod-surround">
<h3>Site Search powered by Ajax</h3>
<div id="searchmod">
<div class="module">
<form name="rokajaxsearch" id="rokajaxsearch" class="blue" action="http://unfairadvantagemarketing.net/" method="get">
<div class="rokajaxsearch">
<div class="roksearch-wrapper">
<input id="roksearch_search_str" name="searchword" type="text" class="inputbox" value=" Search..." />
</div>
<input type="hidden" name="searchphrase" value="any"/>
<input type="hidden" name="limit" value="20" />
<input type="hidden" name="ordering" value="newest" />
<input type="hidden" name="view" value="search" />
<input type="hidden" name="Itemid" value="99999999" />
<input type="hidden" name="option" value="com_search" />
<div id="roksearch_results"></div>
</div>
<div id="rokajaxsearch_tmp" style="visibility:hidden;display:none;"></div>
</form> </div>
</div>
</div>
</div>
</div>
<div id="horiz-menu" class="moomenu">
<ul class="menutop" >
<li class="item1 " >
<a class="topdaddy link" href="http://unfairadvantagemarketing.net/" >
<span>Home</span>
</a>
</li>
<li class="item108 parent " >
<a class="topdaddy link" href="/index.php?option=com_content&view=article&id=111&Itemid=108" >
<span>Divisions</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item109 c0 coltop" >
<a class="link" href="/index.php?option=com_content&view=article&id=112&Itemid=109" >
<span>Patrol</span>
</a>
</li>
<li class="item110 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=113&Itemid=110" >
<span>Detective Unit</span>
</a>
</li>
<li class="item111 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=114&Itemid=111" >
<span>Sergeant</span>
</a>
</li>
<li class="item112 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=115&Itemid=112" >
<span>Administrative Assistant</span>
</a>
</li>
<li class="item113 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=116&Itemid=113" >
<span>Chief</span>
</a>
</li>
<li class="item114 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=117&Itemid=114" >
<span>Clerk</span>
</a>
</li>
<li class="item115 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=118&Itemid=115" >
<span>Special Officers</span>
</a>
</li>
<li class="item116 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=119&Itemid=116" >
<span>School Resource Officer</span>
</a>
</li>
<li class="item117 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=120&Itemid=117" >
<span>Court Officer</span>
</a>
</li>
<li class="item118 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=121&Itemid=118" >
<span>Evidence Officer</span>
</a>
</li>
<li class="item119 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=122&Itemid=119" >
<span>Found Property Officer</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item120 parent " >
<a class="topdaddy link" href="/index.php?option=com_content&view=article&id=123&Itemid=120" >
<span>Services</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item121 c0" >
<a class="link" href="/index.php?option=com_content&view=article&id=124&Itemid=121" >
<span>Taxi Licensing</span>
</a>
</li>
<li class="item122 parent c0" >
<a class="daddy link" href="/index.php?option=com_content&view=article&id=125&Itemid=122" >
<span>Firearm Licensing</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item107 coltop" >
<a class="link" href="/index.php?option=com_appointment&view=appointment&Itemid=107" >
<span>Firearms appointments</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item125 parent c1 coltop" >
<a class="daddy link" href="/index.php?option=com_content&view=article&id=128&Itemid=125" >
<span>Safety Guides & Tips</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item126 " >
<a class="link" href="/index.php?option=com_content&view=article&id=110&Itemid=126" >
<span>Halloween Safety Tips</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item129 parent c1" >
<a class="daddy link" href="/index.php?option=com_content&view=article&id=130&Itemid=129" >
<span>Emergency Contact Registration</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item124 " >
<a class="link" href="/index.php?option=com_content&view=article&id=127&Itemid=124" >
<span>Business Owner</span>
</a>
</li>
<li class="item123 " >
<a class="link" href="/index.php?option=com_content&view=article&id=126&Itemid=123" >
<span>Home Owner</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="item127 " >
<a class="topdaddy link" href="/index.php?option=com_content&view=article&id=129&Itemid=127" >
<span>Public Information</span>
</a>
</li>
<li class="item106 " >
<a class="topdaddy link" href="/index.php?option=com_rokdownloads&view=folder&Itemid=106" >
<span>Downloadable Forms</span>
</a>
</li>
<li class="item105 " >
<a class="topdaddy link" href="/index.php?option=com_jcalpro&extmode=cal&Itemid=105" >
<span>Calendar</span>
</a>
</li>
<li class="item128 parent " >
<a class="topdaddy link" href="/index.php?option=com_weblinks&view=categories&Itemid=128" >
<span>Links</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item130 parent c0 coltop" >
<a class="daddy link" >
<span>Police</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item134 " >
<a class="link" href="http://www.aquinnahpolice.us" >
<span>Aquinnah Police</span>
</a>
</li>
<li class="item135 " >
<a class="link" href="http://www.chilmarkma.gov/Pages/ChilmarkMA_Police/index" >
<span>Chilmark Police</span>
</a>
</li>
<li class="item136 " >
<a class="link" href="http://www.police.oak-bluffs.ma.us/" >
<span>Oak Bluffs Police</span>
</a>
</li>
<li class="item137 " >
<a class="link" href="http://www.tisburyma.gov/Pages/TisburyMA_Police/index" >
<span>Tisbury Police</span>
</a>
</li>
<li class="item138 " >
<a class="link" href="http://www.police.west-tisbury.ma.us/" >
<span>West Tisbury Police</span>
</a>
</li>
<li class="item139 " >
<a class="link" href="http://www.mass.gov/?pageID=eopsagencylanding&L=3&L0=Home&L1=Public+Safety+Agencies&L2=Massachusetts+State+Police&sid=Eeops" >
<span>Massachusetts State Police</span>
</a>
</li>
<li class="item140 " >
<a class="link" href="http://www.mass.gov/dfwele/dle/" >
<span>Massachusetts Environmental Police</span>
</a>
</li>
<li class="item141 " >
<a class="link" href="http://www.dukescounty.org/Pages/DukesCountyMA_Sheriff/index" >
<span>Dukes County Sheriffs Department</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item131 parent c0" >
<a class="daddy link" >
<span>Town Halls</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item142 " >
<a class="link" href="http://www.edgartown-ma.us/cms/" >
<span>Town of Edgartown</span>
</a>
</li>
<li class="item143 " >
<a class="link" href="http://www.aquinnah-ma.gov" >
<span>Town of Aquinnah</span>
</a>
</li>
<li class="item144 " >
<a class="link" href="http://www.chilmarkma.gov" >
<span>Town of Chilmark</span>
</a>
</li>
<li class="item145 " >
<a class="link" href="http://www.oakbluffsma.gov" >
<span>Town of Oak Bluffs</span>
</a>
</li>
<li class="item146 " >
<a class="link" href="http://www.tisburyma.gov/Pages/index" >
<span>Town of Tisbury</span>
</a>
</li>
<li class="item147 " >
<a class="link" href="http://www.westtisbury-ma.gov" >
<span>Town of West Tisbury</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item132 parent c0" >
<a class="daddy link" >
<span>Courts</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item150 " >
<a class="link" href="http://www.mass.gov/courts/courtsandjudges/courts/edgartowndistrictmain.html " >
<span>Edgartown District Court</span>
</a>
</li>
<li class="item151 " >
<a class="link" href="http://www.mass.gov/courts/courtsandjudges/courts/edgartownjuvenilemain.html " >
<span>Edgartown Juvenille Court</span>
</a>
</li>
<li class="item152 " >
<a class="link" href="http://www.mass.gov/courts/courtsandjudges/courts/dukesprobmain.html " >
<span>Dukes County Probate & Family Court</span>
</a>
</li>
<li class="item153 " >
<a class="link" href="http://www.mass.gov/courts/courtsandjudges/courts/dukessupmain.html " >
<span>Dukes County Superior Court</span>
</a>
</li>
<li class="item154 " >
<a class="link" href="http://www.mass.gov/dacape/" >
<span>Cape & Islands District Attorney</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item133 parent c0" >
<a class="daddy link" >
<span>Transportation</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item157 " >
<a class="link" href="http://www.vineyardtransit.com" >
<span>Vineyard Transit Authority</span>
</a>
</li>
<li class="item158 " >
<a class="link" href="/://www.steamshipauthority.com/ssa/" >
<span>Martha's Vineyard Steamship Authority</span>
</a>
</li>
<li class="item159 " >
<a class="link" href="http://www.mvyairport.com/" >
<span>Martha's Vineyard Airport</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item149 parent c0" >
<a class="daddy link" >
<span>State Agencies</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item148 " >
<a class="link" href="http://www.massdot.state.ma.us/rmv/" >
<span>Registy of Motor Vehicles</span>
</a>
</li>
<li class="item155 " >
<a class="link" href="http://www.mass.gov/?pageID=eohhs2agencylanding&L=4&L0=Home&L1=Government&L2=Departments+and+Divisions&L3=Department+of+Children+and+Families&sid=Eeohhs2" >
<span>Department of Children and Families</span>
</a>
</li>
<li class="item156 " >
<a class="link" href="http://www.mass.gov/abcc/" >
<span>Alcoholic Beverages Control Commission (ABCC)</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item160 parent c0" >
<a class="daddy link" >
<span>Island Services</span>
</a>
<div class="drop-wrap columns-1"><div class="drop1 png"></div>
<ul class="png columns-1">
<li class="item161 " >
<a class="link" href="http://www.mvcommunityservices.com/" >
<span>MV Community Services</span>
</a>
</li>
</ul>
</div>
</li>
<li class="item162 c0" >
<a class="link" href="http://www.lawlib.state.ma.us/source/mass/mgl.html" >
<span>Massachusetts General Laws</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
<div class="clr"></div>
</div>
<!--End Header-->
<!--Begin Showcase Modules-->
<!--End Showcase Modules-->
<div id="main-body">
<div id="main-body-surround">
<!--Begin Main Content Block-->
<div id="main-content" class="x-c-x">
<div class="colmask leftmenu">
<div class="colmid">
<div class="colright">
<!--Begin col1wrap -->
<div class="col1wrap">
<div class="col1pad">
<div class="col1">
<div id="maincol2">
<div class="maincol2-padding">
<div class="bodycontent">
<div id="maincontent-block">
<form name="ChronoContact_bus_reg1" id="ChronoContact_bus_reg1" method="post" action="http://unfairadvantagemarketing.net/index.php?option=com_chronocontact&task=send&chronoformname=bus_reg1" >
<div class="form_item">
<div class="form_element cf_heading">
<h1 class="cf_text">2010 Emergency Contact Registration (Business)</h1>
</div>
<div class="cfclear"> </div>
</div>
<fieldset class="alt"><legend><span>Business Information</span></legend>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 180px;">Business or Organization Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="demo_local" name="Business_Name" type="text" />
</div>
<div class="cfclear"> </div>
</div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Street Number</label>
<input class="cf_inputbox" maxlength="150" size="10" title="" id="Street_Number" name="Street_Number" type="text" />
</div>
</div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 100px;">Street Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="demo_local" name="Street_Name" type="text" />
</div>
</div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 60px;">Unit No.</label>
<input class="cf_inputbox" maxlength="150" size="10" title="" id="Unit_No" name="Unit_No" type="text" />
</div></div></td></tr></table>
<div class="cfclear"> </div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Telephone 1</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Telephone_1" name="Telephone_1" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div>
</div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Telephone 2</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Telephone_2" name="Telephone_2" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div>
</div></td></tr></table>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Comments</label>
<textarea class="cf_inputbox" rows="3" id="Comments" title="" cols="60" name="Comments"></textarea>
</div>
<div class="cfclear"> </div>
</div></fieldset>
<div class="cfclear"> </div>
<div class="cfclear"> </div>
<fieldset><legend><span>Authorized Contact #1</span></legend>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">This person is a(n):</label>
<select class="cf_inputbox validate-selection" id="Contact_1_Title" size="1" title="" name="Contact_1_Title">
<option value="">Choose Option</option>
<option value="Property Owner">Property Owner</option>
<option value="Business Owner">Business Owner</option>
<option value="Employee">Employee</option>
<option value="Relative">Relative</option>
<option value="Caretaker">Caretaker</option>
<option value="Other">Other</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">First Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_1_First_Name" name="Contact_1_First_Name" type="text" />
</div>
</div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Last Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_1_Last_Name" name="Contact_1_Last_Name" type="text" />
</div></div></td></tr></table>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Island Address</label>
<textarea class="cf_inputbox" rows="3" id="Contact_1_Island_Address" title="" cols="60" name="Contact_1_Island_Address"></textarea>
</div>
<div class="cfclear"> </div>
</div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Island Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_1_Island_Phone" name="Contact_1_Island_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div>
</div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Cell Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_1_Cell_Phone" name="Contact_1_Cell_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div></div></td></tr></table>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Off-island Address</label>
<textarea class="cf_inputbox" rows="3" id="Contact_1_Off_Island_Address" title="" cols="60" name="Contact_1_Off_Island_Address"></textarea>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Off-island Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_1_Off_Island_Phone" name="Contact_1_Off_Island_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div>
<div class="cfclear"> </div>
</div></fieldset>
<div class="cfclear"> </div>
<fieldset><legend><span>Authorized Contact #2</span></legend>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">This person is a(n):</label>
<select class="cf_inputbox" id="Contact_2_Title" size="1" title="" name="Contact_2_Title">
<option value="">Choose Option</option>
<option value="Property Owner">Property Owner</option>
<option value="Business Owner">Business Owner</option>
<option value="Employee">Employee</option>
<option value="Relative">Relative</option>
<option value="Caretaker">Caretaker</option>
<option value="Other">Other</option>
</select>
</div>
<div class="cfclear"> </div>
</div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">First Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_2_First_Name" name="Contact_2_First_Name" type="text" />
</div>
</div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Last Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_2_Last_Name" name="Contact_2_Last_Name" type="text" />
</div>
</div></td></tr></table>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Island Address</label>
<textarea class="cf_inputbox" rows="3" id="Contact_2_Island_Address" title="" cols="60" name="Contact_2_Island_Address"></textarea>
</div></div>
<div class="cfclear"> </div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Island Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_2_Island_Phone" name="Contact_2_Island_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div>
</div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Cell Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_2_Cell_Phone" name="Contact_2_Cell_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);"/>
</div></div></td></tr></table>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Off-island Address</label>
<textarea class="cf_inputbox" rows="3" id="Contact_2_Off_Island_Address" title="" cols="60" name="Contact_2_Off_Island_Address"></textarea>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Off-island Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_2_Off_Island_Phone" name="Contact_2_Off_Island_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div>
<div class="cfclear"> </div>
</div></fieldset>
<div class="cfclear"> </div>
<fieldset><legend><span>Authorized Contact #3</span></legend>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_dropdown">
<label class="cf_label" style="width: 150px;">This person is a(n):</label>
<select class="cf_inputbox" id="Contact_3_Title" size="1" title="" name="Contact_3_Title">
<option value="">Choose Option</option>
<option value="Property Owner">Property Owner</option>
<option value="Business Owner">Business Owner</option>
<option value="Employee">Employee</option>
<option value="Relative">Relative</option>
<option value="Caretaker">Caretaker</option>
<option value="Other">Other</option>
</select>
</div>
<div class="cfclear"> </div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">First Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_3_First_Name" name="Contact_3_First_Name" type="text" />
</div></div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Last Name</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_3_Last_Name" name="Contact_3_Last_Name" type="text" />
</div></div></td></tr></table>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Island Address</label>
<textarea class="cf_inputbox" rows="3" id="Contact_3_Island_Address" title="" cols="60" name="Contact_3_Island_Address"></textarea>
</div>
<div class="cfclear"> </div>
</div>
<table><tr><td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Island Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_3_Island_Phone" name="Contact_3_Island_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div></div></td>
<td><div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Cell Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_3_Cell_Phone" name="Contact_3_Cell_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div></div></td></tr></table>
<div class="cfclear"> </div>
<div class="form_item">
<div class="form_element cf_textarea">
<label class="cf_label" style="width: 150px;">Off-island Address</label>
<textarea class="cf_inputbox" rows="3" id="Contact_3_Off_Island_Address" title="" cols="60" name="Contact_3_Off_Island_Address"></textarea>
</div>
<div class="cfclear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label" style="width: 150px;">Off-island Phone</label>
<input class="cf_inputbox" maxlength="150" size="30" title="" id="Contact_3_Off_Island_Phone" name="Contact_3_Off_Island_Phone" type="text" onkeydown="javascript:backspacerDOWN(this,event);" onkeyup="javascript:backspacerUP(this,event);" />
</div>
<div class="cfclear"> </div>
</div></fieldset>
<fieldset class="submit"><div class="form_item">
<div class="form_element cf_button">
<input value="Submit" name="button_39" type="submit" />
</div>
<div class="cfclear"> </div>
</div></fieldset>
<input type="hidden" name="bc603894e44409ed933c538409732edf" value="1" />
<input type="hidden" name="1cf1" value="526b65aff3d3cb31738fee092971e830" />
</form>
<!-- don't remove the following 3 lines if you didn't buy a subscription -->
<div class="chronoform">
<a href="http://www.chronoengine.com">Powered By ChronoForms - ChronoEngine.com</a>
</div>
<!-- don't remove the 3 lines above if you didn't buy a subscription -->
</div>
</div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
</div>
<!--End col1wrap -->
<!--Begin col2 -->
<!---End col2 -->
<!--Begin col3 -->
<!--End col3-->
</div>
</div>
</div>
</div>
<!--End Main Content Block-->
</div>
<!--Begin Bottom Main Modules-->
<!--End Bottom Main Modules-->
<!--Begin Bottom Bar-->
<div id="botbar">
<div class="top-button-spacer"></div>
<div id="top-button"><a href="#" id="top-scroll" class="top-button-desc">Back to Top</a></div>
</div>
<!--End Bottom Bar-->
<!--Begin Bottom Section-->
<!--End Bottom Section-->
</div>
</div></div></div>
</div>
<div class="footer-bottom"></div>
<div id="login-module">
<div class="moduletable">
<h3>Login Form</h3>
<div class="main-login-form">
<form action="/index.php?option=com_chronocontact" method="post" name="login" class="form-login">
<div class="username-block">
<input name="username" type="text" class="inputbox" value="Username" alt="Username" onblur="if(this.value=='') this.value='Username';" onfocus="if(this.value=='Username') this.value='';" />
</div>
<div class="password-block">
<input type="password" name="passwd" class="inputbox" alt="Password" />
</div>
<div class="login-extras">
<div class="remember-me">
<input type="checkbox" name="remember" class="checkbox" value="yes" alt="Remember Me" />
<label class="remember">
Remember Me </label>
</div>
<div class="readon-wrap1"><div class="readon1-l"></div><a class="readon-main"><span class="readon1-m"><span class="readon1-r"><input type="submit" name="Submit" class="button" value="Log in" /></span></span></a></div><div class="clr"></div>
<div class="login-links">
<p>
<a href="/index.php?option=com_user&view=reset#content">
Forgot your password?</a>
</p>
<p>
<a href="/index.php?option=com_user&view=remind#content">
Forgot your username?</a>
</p>
</div>
<input type="hidden" name="option" value="com_user" />
<input type="hidden" name="task" value="login" />
<input type="hidden" name="return" value="L2luZGV4LnBocD9vcHRpb249Y29tX2Nocm9ub2NvbnRhY3QmY2hyb25vZm9ybW5hbWU9YnVzX3JlZzEjY29udGVudA==" />
<input type="hidden" name="bc603894e44409ed933c538409732edf" value="1" /> </div>
</form>
</div>
</div>
</div>
</body>
</html>This topic is locked and no more replies can be posted.
