// slider $(document).ready(function(){$(".slide a").click(function(){$(this).toggleClass("active").closest(".slider").find(".panel").toggle("normal");return false})}); // name: tofslaForms // description: tofslaForms JavaScript plug-in, customizes form control elements, uses jQuery Library // compatibility: works in IE6, IE7, IE8, Mozilla Firefox 3.0+, Opera 10.0+, Google Chrome 4+, Safari 3.1+ // version: 1.1 // copyright: Andrew Krook (2010) // mailto: jakarta555@gmail.com var please_StyleInputTextsAndPasswords=true;var please_StyleTextareas=true;var please_StyleSelects=true;var please_StyleSelectsMultiple=true;var please_StyleCheckboxes=true;var please_StyleRadios=true;var please_StyleButtonButtons=true;var please_StyleInputButtons=true;var please_CalculateSelectsWidth=true;var formControls={"input:radio":[{nodeType:"container",siblingPosition:"",nodeTagName:"span",nodeClass:"tfRadioWrapper",nodeRelativeTo:"control"},{nodeType:"sibling",siblingPosition:"before",nodeTagName:"a",nodeClass:"tfRadio",nodeRelativeTo:"control",additionalExec:"polishRadio()",attachEventListener:"listenRadio()"}],"input:checkbox":[{nodeType:"container",siblingPosition:"",nodeTagName:"span",nodeClass:"tfCheckboxWrapper",nodeRelativeTo:"control"},{nodeType:"sibling",siblingPosition:"before",nodeTagName:"a",nodeClass:"tfCheckbox",nodeRelativeTo:"control",additionalExec:"polishCheckbox()",attachEventListener:"listenCheckbox()"}],"input:text":[{nodeType:"container",siblingPosition:"",nodeTagName:"div",nodeClass:"tfInputWrapper",nodeRelativeTo:"control"},{nodeType:"container",siblingPosition:"",nodeTagName:"div",nodeClass:"tfInputInner",nodeRelativeTo:"control",decorativeClassesAttach:"decorateTexts()"}],"input:password":[{hasAlias:"yes",aliasName:"input:text",decorativeClassesAttach:"decorateTexts()"}],textarea:[{nodeType:"container",siblingPosition:"",nodeTagName:"div",nodeClass:"tfTextAreaWrapper",nodeRelativeTo:"control"},{nodeType:"sibling",siblingPosition:"after",nodeTagName:"div",nodeClass:"tfTextAreaBottom",nodeRelativeTo:"control"},{nodeType:"child",siblingPosition:"",nodeTagName:"div",nodeClass:"",nodeRelativeTo:"previous"},{nodeType:"container",siblingPosition:"",nodeTagName:"div",nodeClass:"tfTextAreaInnerWrapper",nodeRelativeTo:"control"},{nodeType:"sibling",siblingPosition:"before",nodeTagName:"div",nodeClass:"tfTextAreaTop",nodeRelativeTo:"control",decorativeClassesAttach:"decorateTexts()"}],"button:button":[{nodeType:"child",siblingPosition:"",nodeTagName:"span",nodeClass:"",nodeRelativeTo:"control"},{nodeType:"child",siblingPosition:"",nodeTagName:"span",nodeClass:"",nodeRelativeTo:"previous",additionalExec:"polishButtonButton()"}],"button:submit":[{hasAlias:"yes",aliasName:"button:button",additionalExec:"polishButtonButton()"}],"button:reset":[{hasAlias:"yes",aliasName:"button:button",additionalExec:"polishButtonButton()"}],"select[multiple]":[{nodeType:"container",siblingPosition:"",nodeTagName:"div",nodeClass:"tfSelectMultipleWrapper",nodeRelativeTo:"control"},{nodeType:"sibling",siblingPosition:"after",nodeTagName:"div",nodeClass:"tfSelectMultipleBottom",nodeRelativeTo:"control"},{nodeType:"child",siblingPosition:"",nodeTagName:"div",nodeClass:"",nodeRelativeTo:"previous"},{nodeType:"container",siblingPosition:"",nodeTagName:"div",nodeClass:"tfSelectMultipleInnerWrapper",nodeRelativeTo:"control"},{nodeType:"sibling",siblingPosition:"before",nodeTagName:"div",nodeClass:"tfSelectMultipleTop",nodeRelativeTo:"control"}],select:[{nodeType:"container",siblingPosition:"",nodeTagName:"div",nodeClass:"tfSelectWrapper",nodeRelativeTo:"control"},{nodeType:"child",siblingPosition:"",nodeTagName:"div",nodeClass:"",nodeRelativeTo:"previous"},{nodeType:"child",siblingPosition:"",nodeTagName:"span",nodeClass:"",nodeRelativeTo:"previous"},{nodeType:"sibling",siblingPosition:"after",nodeTagName:"a",nodeClass:"tfSelectOpen",nodeRelativeTo:"previous"},{nodeType:"sibling",siblingPosition:"before",nodeTagName:"ul",nodeClass:"",nodeRelativeTo:"control",additionalExec:"polishSelect()",attachEventListener:"listenSelect()"}],"input:button":[{nodeType:"",siblingPosition:"",nodeTagName:"",nodeClass:"",nodeRelativeTo:"",additionalExec:"polishInputButton()"}],"input:submit":[{hasAlias:"yes",aliasName:"input:button",additionalExec:"polishInputButton()"}],"input:reset":[{hasAlias:"yes",aliasName:"input:button",additionalExec:"polishInputButton()"}]};$(function(){TofslaFormsStart()});function TofslaFormsStart(){if(please_StyleRadios==true){StyleControls("input:radio")}if(please_StyleCheckboxes==true){StyleControls("input:checkbox")}if(please_StyleInputTextsAndPasswords==true){StyleControls("input:text");StyleControls("input:password")}if(please_StyleTextareas==true){StyleControls("textarea")}if(please_StyleButtonButtons==true){StyleControls("button:button");StyleControls("button:reset");StyleControls("button:submit")}if(!$.browser.opera&&IEversion()!=6&&IEversion()!=7){if(please_StyleSelectsMultiple==true){StyleControls("select[multiple]")}}if(please_StyleSelects==true){StyleControls("select")}if(please_StyleInputButtons==true){StyleControls("input:button");StyleControls("input:reset");StyleControls("input:submit")}UpdateDisabledState();UpdateCheckedStateAndChoice();listenResets();decorateButtons()}var g_previouslyAddedNode;var g_currentControl;function StyleControls(controlToFind){var controlName;if(formControls[controlToFind][0].hasAlias=="yes"){controlName=formControls[controlToFind][0].aliasName}else{controlName=controlToFind}var iterateTill;$(controlToFind).each(function(index,control){iterateTill=formControls[controlName].length;if(controlToFind=="select"){if(control.getAttribute("multiple")){iterateTill=0}}for(var i=0;i"}else{nodeHTML="<"+nodeTagName+' class="'+nodeClass+'">"}var nodeToManipulate;if(formControls[controlName][i].nodeRelativeTo=="control"){nodeToManipulate=$(control)}else{nodeToManipulate=$(g_previouslyAddedNode)}if(formControls[controlName][i].nodeType=="container"){nodeToManipulate.wrap(nodeHTML);g_previouslyAddedNode=nodeToManipulate.parent()}if(formControls[controlName][i].nodeType=="sibling"){if(formControls[controlName][i].siblingPosition=="before"){nodeToManipulate.before(nodeHTML);g_previouslyAddedNode=nodeToManipulate.prev()}if(formControls[controlName][i].siblingPosition=="after"){nodeToManipulate.after(nodeHTML);g_previouslyAddedNode=nodeToManipulate.next()}}if(formControls[controlName][i].nodeType=="child"){nodeToManipulate.prepend(nodeHTML);g_previouslyAddedNode=nodeToManipulate.children()[0]}if(i==0){if(controlName.indexOf("button")==-1){$(g_previouslyAddedNode).addClass("tofslaControl")}else{$(control).addClass("tofslaControl")}}var originalControl;if(controlToFind!=controlName){originalControl=formControls[controlToFind][0]}else{originalControl=formControls[controlName][i]}if(originalControl.additionalExec){var additionalExec=new Function(originalControl.additionalExec);additionalExec()}if(originalControl.attachEventListener){var attachEventListener=new Function(originalControl.attachEventListener);attachEventListener()}if(originalControl.decorativeClassesAttach){var decorativeClassesAttach=new Function(originalControl.decorativeClassesAttach);decorativeClassesAttach()}}}$(control).addClass("tofslaApplied")})}function IsStylingAllowed(control){if((control.hasClass("tofslaApplied")==false)&&(control.css("display")!="none")&&(control.hasClass("dontTofsla")==false)){return true}return false}var g_SelectIndex=0;function polishSelect(){var optionsHTML="";RemCurrentSelectWidth();g_currentControl.addClass("tfHidden");$(g_currentControl[0].parentNode).css("zIndex",100-g_SelectIndex);g_SelectIndex++;$("option",g_currentControl).each(function(index,node){optionsHTML=optionsHTML+'
  • '+$(node).html()+"
    • "});var ul=$("ul",g_currentControl.parent())[0];$(ul).prepend($(optionsHTML));$(ul).css("display","none");if(please_CalculateSelectsWidth==true){setSelectsCalculatedWidth()}}function polishButtonButton(){if(g_currentControl.text()!=""){var buttonText=g_currentControl.text();$(g_currentControl[0].childNodes[1]).replaceWith("");g_currentControl[0].childNodes[0].childNodes[0].innerHTML=buttonText}g_currentControl.addClass("addDecorateButton");if(g_currentControl[0].type=="reset"){g_currentControl.addClass("addResetListener")}}function polishInputButton(){var currentControl=g_currentControl[0];var leftSide=buttonHTML='";var disabledCode=' disabled="disabled"';if(!currentControl.disabled){disabledCode=""}if(currentControl.type!="reset"){classCode=currentControl.className+' addDecorateButton tofslaApplied"'}else{classCode=currentControl.className+' addDecorateButton tofslaApplied addResetListener"'}buttonHTML=leftSide+classCode+disabledCode+rightSide;g_currentControl.replaceWith(buttonHTML)}function polishRadio(){var currentControl=g_currentControl[0];var previouslyAddedNode=g_previouslyAddedNode[0];previouslyAddedNode.setAttribute("rel",currentControl.name)}function polishCheckbox(){var currentControl=g_currentControl[0]}function RemCurrentSelectWidth(){var currentControl=g_currentControl[0];RemCurrentSelectWidth.width=currentControl.offsetWidth;if(RemCurrentSelectWidth.width==0){RemCurrentSelectWidth.width=parseInt(currentControl.css("width"));if(RemCurrentSelectWidth.width==0){RemCurrentSelectWidth.width=100}}}function setSelectsCalculatedWidth(){var currentControl=g_currentControl[0];var mainWrapper=currentControl.parentNode;var selectSpan=mainWrapper.childNodes[0].childNodes[0];var SelectAwidth=parseInt($(mainWrapper.childNodes[0].childNodes[1]).css("width"));var SelectSpanWidth=RemCurrentSelectWidth.width-SelectAwidth-getHorizontalBorderPadding(selectSpan);$(mainWrapper).css("width",RemCurrentSelectWidth.width+"px");$(selectSpan).css("width",SelectSpanWidth+"px");var ul=$("ul",mainWrapper);ul.css("width",RemCurrentSelectWidth.width-getHorizontalBorderPadding(ul)+"px")}function getHorizontalBorderPadding(node){node=$(node);var HorizontalBorderPadding;var bordL,bordR,padL,padR;bordL=0;bordR=0;padL=0;padR=0;var pattern=/[0-9]+/;if(IEversion()>-1){if(pattern.test(parseInt(node.css("border-left-width")))){bordL=parseInt(node.css("border-left-width"))}if(pattern.test(parseInt(node.css("border-right-width")))){bordR=parseInt(node.css("border-right-width"))}if(pattern.test(parseInt(node.css("padding-left")))){padL=parseInt(node.css("padding-left"))}if(pattern.test(parseInt(node.css("padding-right")))){padR=parseInt(node.css("padding-right"))}HorizontalBorderPadding=bordL+bordR+padL+padR}else{HorizontalBorderPadding=parseInt(node.css("border-left-width"))+parseInt(node.css("border-right-width"))+parseInt(node.css("padding-left"))+parseInt(node.css("padding-right"))}return HorizontalBorderPadding}function UpdateDisabledState(){$(".tofslaControl").each(function(index,node){if(node.tagName.toLowerCase()!="button"){if($(".tofslaApplied",node)[0].disabled){$(node).addClass("tfDisabled")}else{$(node.parentNode).removeClass("tfDisabled")}}else{if(node.disabled){$(node).addClass("tfDisabled")}else{$(node).removeClass("tfDisabled")}}})}function UpdateCheckedStateAndChoice(){if(please_StyleSelects==true){resetSelects()}if(please_StyleCheckboxes==true){resetCheckboxes()}if(please_StyleRadios==true){resetRadios()}}function resetCheckboxes(){$(".tfCheckboxWrapper").each(function(index,node){var a=node.childNodes[0];var input=node.childNodes[1];$(a).removeClass("tfChecked");if(input.checked){$(a).addClass("tfChecked")}})}function resetRadios(){$(".tfRadioWrapper").each(function(index,node){var a=node.childNodes[0];var input=node.childNodes[1];$(a).removeClass("tfChecked");$(input).removeClass("tfChecked");if(input.checked){$(a).addClass("tfChecked")}})}function resetSelects(){var seLect,selIndex,ul,selectLink;$(".tfSelectWrapper").each(function(index,node){seLect=node.childNodes[2];if(!seLect.getAttribute("multiple")){selIndex=(seLect.selectedIndex<0)?0:seLect.selectedIndex;ul=node.childNodes[1];selectLink=$('a[index="'+selIndex+'"]',ul)[0];handleSelectsClick(node,selectLink,seLect,ul)}})}function handleSelectsClick(wrapper,thisLink,seLect,ul){if(!thisLink){return}$("span",wrapper)[0].innerHTML=thisLink.innerHTML;$("a.selected",wrapper).each(function(i,linky){$(linky).removeClass("selected")});$(thisLink).addClass("selected");$(ul).hide();if(seLect.selectedIndex!=thisLink.getAttribute("index")){seLect.selectedIndex=thisLink.getAttribute("index");if(IEversion()>-1){var evt=document.createEventObject();seLect.fireEvent("onchange",evt)}else{var evt=document.createEvent("HTMLEvents");evt.initEvent("change","true","false");seLect.dispatchEvent(evt)}}}function listenCheckbox(){var a=g_previouslyAddedNode;var checkbox=g_currentControl;a.bind("mousedown",function(event){this.nextSibling.click()});checkbox.bind("click",function(event){changeVisualCheck(this)});var changeVisualCheck=function(check){if(!check.disabled){if(check.checked){$(check.previousSibling).addClass("tfChecked")}else{$(check.previousSibling).removeClass("tfChecked")}}}}function listenRadio(){var radio=g_currentControl;var a=g_previouslyAddedNode;a.bind("mousedown",function(event){this.nextSibling.click()});radio.bind("click",function(event){changeVisualRadio(this)});var changeVisualRadio=function(rd){if(!rd.disabled){$('a[rel="'+rd.getAttribute("name")+'"]').each(function(index,node){$(node).removeClass("tfChecked")});$(rd.previousSibling).addClass("tfChecked")}}}function listenResets(){$("button:reset").each(function(index,node){if($(node).hasClass("tofslaApplied")&&$(node).hasClass("addResetListener")){$(node).removeClass("addResetListener");$(node).bind("click",function(event){var action=function(){UpdateCheckedStateAndChoice()};window.setTimeout(action,100)})}})}listenSelect.isDocumentListeningEnabled=false;function listenSelect(){var seLect=g_currentControl[0];var ul=g_previouslyAddedNode[0];var wrapper=g_currentControl[0].parentNode;$("a",ul).each(function(i,linky){$(linky).bind("mousedown",function(event){handleSelectsClick(wrapper,this,seLect,ul)});if(IEversion()>-1){$(linky).bind("mouseover",function(event){$(linky).addClass("hover")});$(linky).bind("mouseout",function(event){$(linky).removeClass("hover")})}$(linky).click(function(){return false})});var Link=$('a[index="'+seLect.selectedIndex+'"]',ul)[0];handleSelectsClick(wrapper,Link,seLect,ul);$($("a.tfSelectOpen",wrapper)[0]).bind("mousedown",function(event){if(!seLect.disabled){openOrCloseSelect(wrapper,ul)}});$($("div span",wrapper)[0]).bind("mousedown",function(event){if(!seLect.disabled){openOrCloseSelect(wrapper,ul)}});var openOrCloseSelect=function(selectWrapper,uL){if($(uL).css("display")=="block"){$(uL).css("display","none")}else{$(uL).css("display","block");hideAllOpenSelects(selectWrapper)}};var hideAllOpenSelects=function(nodeToLeaveOpen){$(".tfSelectWrapper").each(function(index,node){var ulInQuestion=$("ul",node)[0];if(($(ulInQuestion).css("display")=="block")&&(node!=nodeToLeaveOpen)){$(ulInQuestion).hide()}})};var checkExternalClick=function(target){var parents=$(target).parents();var isChildOfStyledSelect=false;parents.each(function(index,node){if($(node).hasClass("tfSelectWrapper")){isChildOfStyledSelect=true}});if(isChildOfStyledSelect==false){hideAllOpenSelects(document)}};if(!listenSelect.isDocumentListeningEnabled){$(document).bind("mousedown",function(event){checkExternalClick(event.target)});listenSelect.isDocumentListeningEnabled=true}}function decorateTexts(){var nodeToDecorate=$(g_currentControl[0]);nodeToDecorate.bind("focus",function(event){$(nodeToDecorate.parents(".tofslaControl")[0]).addClass("tfFocus")});nodeToDecorate.bind("blur",function(event){$(nodeToDecorate.parents(".tofslaControl")[0]).removeClass("tfFocus")})}function decorateButtons(){$("button").each(function(index,node){if($(node).hasClass("tofslaApplied")&&$(node).hasClass("addDecorateButton")){$(node).bind("mouseenter",function(event){$(this).addClass("tfHover")});$(node).bind("mouseleave",function(event){$(this).removeClass("tfHover")});$(node).bind("mousedown",function(event){$(this).addClass("tfActive")});$(node).bind("mouseup",function(event){$(this).removeClass("tfActive")});$(node).removeClass("addDecorateButton")}})}function IEversion(){var version=navigator.appVersion;if(version.indexOf("MSIE")!=-1){var startCut=version.indexOf("MSIE")+5;var endCut=startCut+1;return version.substring(startCut,endCut)}else{return -1}};