Test App for Tabs Test Tabs Gaev Keeka 1.0 test application for the Tabs Object Desktop False 800 600 False False False False WebApp False E:\Philippe\Documents\VisualNeoWeb\Libraries\img\default-icon.png en standalone OfflineCopyOfPages #000000 / [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False TopCenterApp ... load templates into variables (use default values) neoTabsInit "" "" "" MasterPage 8px 369px 152px 35px Create Object (no title) ... create a Tab Object with no Title SetVar [T1ContainerFeedbackText] "" ... invoke javascript function neoTabsCreateObject "T1Container" "<h3></h3>" ...AlertBox "All Done" "Tabs Object (with no Title) created in T1Container" "" SetVar [T1ContainerFeedbackText] "Tabs Object (with no Title) created in T1Container" 8px 411px 102px 35px Tab1=Banana ... add the banana Tab at the beginning SetVar [T1ContainerFeedbackText] "" neoTabsInsertTab "T1Container" 1 "idBanana" "Banana" "BANANA Yellow slippery thang ! 'Container1'" SetVar [T1ContainerFeedbackText] "Tab labelled Banana inserted at position 1 in Tabs Object (with Title Fruits)" MoveObjectIntoContainer "Container1" "T1Container" MoveObject "Container1" 10 100 ShowObject "Container1" "none" 0 6px 495px 130px 35px Get Info for Tab #1 ... show the Cherry Tab ... it is 3rd tab (#2 when counting from zero) BeginJS //$("#allTabs1 li a data-target["#pane1Banana"]").tab("show"); //$("#allTabs1 li:eq(2) a").tab('show'); tabcount = $("#allTabs1").children().length; // searchText = "Cherry"; allHTML = ""; $("#allTabs1 li").each(function( index ) { allHTML = allHTML + $(this).text() + ","; if ($(this).text() == searchText) { $("#allTabs1 li:eq("+ index + ") a").tab("show"); } } ); alert(allHTML); EndJS 165px 370px 141px 35px Change Title (Meats) ... change the title in the Tabs Object SetVar [T1ContainerFeedbackText] "" neoTabsChangeObjectTitle "T1Container" "<h1>Meats</h1>" SetVar [T1ContainerFeedbackText] "Title changed to Meats" 114px 411px 90px 35px Tab2=Cherry ... add the cherry Tab after first Tab SetVar [T1ContainerFeedbackText] "" neoTabsInsertTab "T1Container" 2 "idCherry" "Cherry" "cherry Prevents Gout" SetVar [T1ContainerFeedbackText] "Tab labelled Cherry inserted at position 2 in Tabs Object (with Title Fruits)" MoveObjectIntoContainer "Container2" "T1Container" MoveObject "Container2" 10 100 ShowObject "Container2" "none" 0 HideObject "Container1" "none" 0 206px 411px 84px 35px Tab3=Apple ... add the apple Tab after the cherry Tab SetVar [T1ContainerFeedbackText] "" neoTabsInsertTab "T1Container" 3 "idApple" "Apple" "An Apple a day ... ... keeps the Doctor away." SetVar [T1ContainerFeedbackText] "Tab labelled Apple inserted at position 3 in Tabs Object (with Title Fruits)" HideObject "Container1" "none" 0 HideObject "Container2" "none" 0 504px 370px 84px 35px Tab Count ? ... get the count of current number of Tabs SetVar [T1ContainerFeedbackText] "" neoTabsGetCount "T1Container" "[answerVariable]" SetVar [T1ContainerFeedbackText] "Number of Tabs in the Tabs Object created in T1Container = [answerVariable]" 505px 413px 85px 35px Active Tab ? ... get the position of the current active tab SetVar [T1ContainerFeedbackText] "" neoTabsGetActiveTabPosition "T1Container" "[answerVariable]" If [answerVariable] == 0 SetVar [T1ContainerFeedbackText] "There is no Active Tab in the Tabs Object created in T1Container" Else SetVar [T1ContainerFeedbackText] "Position of the Active Tab in the Tabs Object created in T1Container = [answerVariable]" Endif 308px 412px 80px 35px Append Fig ... append the fig Tab (at the end) SetVar [T1ContainerFeedbackText] "" neoTabsInsertTab "T1Container" 999 "eqFig" "FIG" "Ficus carica is an Asian species of flowering plant in the mulberry family, known as the common fig. It is the source of the fruit also called the fig and as such is an important crop in those areas where it is grown commercially." SetVar [T1ContainerFeedbackText] "Tab labelled FIG appended at the end of the Tabs Object (with Title Fruits)" 311px 496px 152px 35px Change Info for Tab #3 ... change id, label & content for specified tab position ... neoTabsChangeTabInfo "Container" "TabPosition" "(optional)TabID" "TabTitle" "[(optional)TabContent" ... TabID - blank means do not change neoTabsChangeTabInfo "T1Container" 3 "" "APPLES" "Electronic varieties ... Macs, iPods, iPads and iPhones" 139px 496px 136px 35px Get In fo for Tab #99 ... get id, label and content of tab at requested position SetVar [reqContainer] "T1Container" SetVar "[reqTab]" 99 SetVar [T1ContainerFeedbackText] "" neoTabsGetTabInfo "[reqContainer]" [reqTab] "[variableForTabID]" "[variableForTabLabel]" "[variableForTabContent]" SetVar [T1ContainerFeedbackText] "container=[reqContainer], tab=[reqTab], id=[variableForTabID]\ntitle=[variableForTabLabel]\ncontent=[variableForTabContent]" 579px 496px 159px 35px Change Info for Tab #99 ... change id, label & content for specified tab position ... neoTabsChangeTabInfo "Container" "TabPosition" "(optional)TabID" "TabTitle" "[(optional)TabContent" ... TabID - blank means do not change neoTabsChangeTabInfo "T1Container" 99 "" "not there" "imaginary contnet" 310px 370px 144px 35px Create Object (Fruits) ... create a Tab Object with Title of Fruits SetVar [T1ContainerFeedbackText] "" ... invoke javascript function neoTabsCreateObject "T1Container" "<h3>Fruits</h3>" SetVar [T1ContainerFeedbackText] "Tabs Object (with Title Fruits) created in T1Container" 7px 454px 91px 35px Show Tab #1 neoTabsShowTabAtPosition "T1Container" 1 ShowObject "Container1" "none" 0 HideObject "Container2" "none" 0 99px 454px 91px 35px Show Tab #2 neoTabsShowTabAtPosition "T1Container" 2 HideObject "Container1" "none" 0 ShowObject "Container2" "none" 0 6px 495px 130px 35px Get Info for Tab #1 ... get id, label and content of tab at requested position SetVar [reqContainer] "T1Container" SetVar "[reqTab]" 1 SetVar [T1ContainerFeedbackText] "" neoTabsGetTabInfo "[reqContainer]" [reqTab] "[variableForTabID]" "[variableForTabLabel]" "[variableForTabContent]" SetVar [T1ContainerFeedbackText] "container=[reqContainer], tab=[reqTab], id=[variableForTabID]\ntitle=[variableForTabLabel]\ncontent=[variableForTabContent]" 7px 558px 114px 35px Remove Tab #2 ... remove tab at requested position SetVar [reqContainer] "T1Container" SetVar "[reqTab]" 2 SetVar [T1ContainerFeedbackText] "" neoTabsRemoveTab "[reqContainer]" [reqTab] SetVar [T1ContainerFeedbackText] "Tab at position [reqTab] in container [reqContainer] removed" 139px 558px 118px 35px Remove Tab #99 ... remove tab at requested position SetVar [reqContainer] "T1Container" SetVar "[reqTab]" 99 SetVar [T1ContainerFeedbackText] "" neoTabsRemoveTab "[reqContainer]" [reqTab] SetVar [T1ContainerFeedbackText] "Tab at position [reqTab] in container [reqContainer] removed" 497px 557px 129px 35px Destroy Object ... destroy specified Tabs object SetVar [T1ContainerFeedbackText] "" neoTabsDestroyObject "T1Container" SetVar [T1ContainerFeedbackText] "Tabs Object T1Container destroyed" 466px 497px 91px 35px Show Tab #3 neoTabsShowTabAtPosition "T1Container" 3 -1px 634px 339px 152px False Mon container banane 153px 49px 92px 24px 153px 85px 92px 24px 49px 53px 90px 22px Text1 h4 48px 84px 90px 22px Text2 h4 354px 634px 339px 152px False Mon container Cherry 137px 42px 156px 75px Element 1,Element 2,Element 3,Element 4 False 36px 62px 90px 22px List h4 MasterPage 225px 414px 204px 35px False Create Tabs Object from JSON ... create tabs object from JSON 7px 453px 129px 35px False Destroy Object 3px 534px 129px 35px False Get List of Tab IDs 9px 370px 238px 35px Create Tabs Object With Commands ... create a full set of Tabs using commands SetVar "[TabsTitle]" "<h3>Continents</h3>" SetVar "[Tab1Position]" 1 SetVar "[Tab1Id]" "tAfrica" SetVar "[Tab1Title]" "Africa" SetVar "[Tab1Content]" "About Africa Kenya, South Africa, Eqypt, Congo, Nigeria" SetVar "[Tab2Position]" 2 SetVar "[Tab2Id]" "tAsia" SetVar "[Tab2Title]" "Asia" SetVar "[Tab2Content]" "About Asia China, India, Japan, Indonesia, Pakistan, Vietnam, Iran, Singapore" SetVar "[Tab3Position]" 3 SetVar "[Tab3Id]" "tAstralasia" SetVar "[Tab3Title]" "Australasia" SetVar "[Tab3Content]" "About Australasia Australia, New Zealand, Papua New Guinea, Fiji, Tahiti" SetVar "[Tab4Position]" 4 SetVar "[Tab4Id]" "tEurope" SetVar "[Tab4Title]" "Europe" SetVar "[Tab4Content]" "Europe Germany, UK, France, Italy, Spain, Sweden, Russia, Greece" SetVar "[Tab5Position]" 5 SetVar "[Tab5Id]" "tNorthAmerica" SetVar "[Tab5Title]" "N. America" SetVar "[Tab5Content]" "About North America Canada, US, Mexico, Bermuda, Bahamas, Jamaica" SetVar "[Tab6Position]" 6 SetVar "[Tab6Id]" "tSouthAmerica" SetVar "[Tab6Title]" "S. America" SetVar "[Tab6Content]" "About South America Brazil, Argentina, Colombia, Venezuela, Chile, Uruguay, Bolivia, Paraguay, Suriname" neoTabsCreateObject "T1Container" "[TabsTitle]" neoTabsInsertTab "T1Container" [Tab1Position] "[Tab1Id]" "[Tab1Title]" "[Tab1Content]" neoTabsInsertTab "T1Container" [Tab2Position] "[Tab2Id]" "[Tab2Title]" "[Tab2Content]" neoTabsInsertTab "T1Container" [Tab3Position] "[Tab3Id]" "[Tab3Title]" "[Tab3Content]" neoTabsInsertTab "T1Container" [Tab4Position] "[Tab4Id]" "[Tab4Title]" "[Tab4Content]" neoTabsInsertTab "T1Container" [Tab5Position] "[Tab5Id]" "[Tab5Title]" "[Tab5Content]" neoTabsInsertTab "T1Container" [Tab6Position] "[Tab6Id]" "[Tab6Title]" "[Tab6Content]" neoTabsShowTabAtPosition "T1Container" 1 SetVar [T1ContainerFeedbackText] "Tabs Object (with Title [TabsTitle]) created in T1Container" 9px 412px 204px 35px False Create JSON from Tabs Object ... create tabs object from JSON 10px 10px 780px 275px AppScrollTo 0 0 694px 414px 102px 34px GotoPrevPage GotoNextPage 733px 374px 57px 34px html? BeginJS alert($("#T1Container").html()); EndJS 0px 0px 800px 600px False custom