<tz1 tz="product">
<tz2 tz="products">
<tz3 tz="@table">
<tz4 tz="Product">
<tz5 tz="Picture"></tz5>
</tz4>
<tz6 tz="Adapters Thread-Barb">
<tz7 tz="Pictures_xml/Part_Adapter.jpg"></tz7>
</tz6>
<tz8 tz="Couplers Straight">
<tz9 tz="Pictures_xml/Part_Coupler.jpg"></tz9>
</tz8>
<tz10 tz="Couplers Reduction">
<tz11 tz="Pictures_xml/Part_Reducer.jpg"></tz11>
</tz10>
<tz12 tz="Elbows Barbed">
<tz13 tz="Pictures_xml/Part_Elbow.jpg"></tz13>
</tz12>
<tz14 tz="Elbows Thread-Barb">
<tz15 tz="Pictures_xml/Part_ThElbow.jpg"></tz15>
</tz14>
<tz16 tz="Elbows Reduction">
<tz17 tz="Pictures_xml/Part_RedElbow.jpg"></tz17>
</tz16>
<tz18 tz="Nipples Threaded">
<tz19 tz="Pictures_xml/Part_Nipple.jpg"></tz19>
</tz18>
<tz20 tz="Plugs Thread &amp; Barb">
<tz21 tz="Pictures_xml/Part_ThPlug.jpg"></tz21>
</tz20>
<tz22 tz="Tees Barbed">
<tz23 tz="Pictures_xml/Part_Tee.jpg"></tz23>
</tz22>
<tz24 tz="Tees Asymmetric">
<tz25 tz="Pictures_xml/Part_TeeAsy.jpg"></tz25>
</tz24>
<tz26 tz="Tees Thread-Barb">
<tz27 tz="Pictures_xml/Part_ThTee.jpg"></tz27>
</tz26>
<tz28 tz="Tees Reduction">
<tz29 tz="Pictures_xml/Part_RedTee.jpg"></tz29>
</tz28>
<tz30 tz="Custom Fittings">
<tz31 tz="Pictures_xml/Part_Custom.jpg"></tz31>
</tz30>
<tz32 tz="Small Fittings">
<tz33 tz="Pictures_xml/Part_SmParts.jpg"></tz33>
</tz32>
<tz34 tz="Luer Fittings">
<tz35 tz="Pictures_xml/Part_Luer.jpg"></tz35>
</tz34>
<tz36 tz="AG Antimicrobial* Fittings">
<tz37 tz="Pictures_xml/Part_AGPart.jpg"></tz37>
</tz36>
<tz38 tz="AG Adapters">
<tz39 tz="Pictures_xml/Part_AGAdapter.jpg"></tz39>
</tz38>
<tz40 tz="AG Couplers">
<tz41 tz="Pictures_xml/Part_AGCoupler.jpg"></tz41>
</tz40>
<tz42 tz="AG Reducers">
<tz43 tz="Pictures_xml/Part_AGReducer.jpg"></tz43>
</tz42>
<tz44 tz="AG Elbows">
<tz45 tz="Pictures_xml/Part_AGElbow.jpg"></tz45>
</tz44>
<tz46 tz="AG Tees">
<tz47 tz="Pictures_xml/Part_AGTee.jpg"></tz47>
</tz46>
<tz48 tz="AG Ys">
<tz49 tz="Pictures_xml/Part_AGY.jpg"></tz49>
</tz48>
<tz50 tz="AG Threaded Elbow">
<tz51 tz="Pictures_xml/Part_AGThElbow.jpg"></tz51>
</tz50>
<tz52 tz="AG Threaded Tee">
<tz53 tz="Pictures_xml/Part_AGThTee.jpg"></tz53>
</tz52>
<tz54 tz="British Pipe Thread Fittings">
<tz55 tz="Pictures_xml/Part_BSPT.jpg"></tz55>
</tz54>
<tz56 tz="Schedule 80 Fittings">
<tz57 tz="Pictures_xml/Part_S80.jpg"></tz57>
</tz56>
<tz58 tz="Port Plates">
<tz59 tz="Pictures_xml/Part_PortPlate.jpg"></tz59>
</tz58>
<tz60 tz="Garden Hose Adapters">
<tz61 tz="Pictures_xml/Part_GardenHose.jpg"></tz61>
</tz60>
<tz62 tz="Polyethylene Tubing">
<tz63 tz="Pictures_xml/Part_Flexelene.jpg"></tz63>
</tz62>
<tz64 tz="Flexelene FX">
<tz65 tz="Pictures_xml/Part_FlexeleneFX.jpg"></tz65>
</tz64>
<tz66 tz="Flexelene CFX">
<tz67 tz="Pictures_xml/Part_FlexeleneCFX.jpg"></tz67>
</tz66>
<tz68 tz="Antimicrobial* Tubing">
<tz69 tz="Pictures_xml/Part_FlexeleneSilver.jpg"></tz69>
</tz68>
<tz70 tz="Flexelene Silver FXAG ">
<tz71 tz="Pictures_xml/Part_FlexeleneFXAG.jpg"></tz71>
</tz70>
<tz72 tz="Flexelene Silver CFXAG *antimicrobial">
<tz73 tz="Pictures_xml/Part_FlexeleneCFXAG.jpg"></tz73>
</tz72>
<tz74 tz="PVC Tubing">
<tz75 tz="Pictures_xml/Part_PVCTube.jpg"></tz75>
</tz74>
<tz76 tz="Polyurethane Tubing">
<tz77 tz="Pictures_xml/Part_PolyUTube.jpg"></tz77>
</tz76>
<tz78 tz="Hose Clamps">
<tz79 tz="Pictures_xml/Part_Clamps.jpg"></tz79>
</tz78>
<tz80 tz="Handy Clamps">
<tz81 tz="Pictures_xml/Part_HandyC.jpg"></tz81>
</tz80>
<tz82 tz="BarbLock Clamps">
<tz83 tz="Pictures_xml/Part_BarbLock.jpg"></tz83>
</tz82>
<tz84 tz="Fittings Kits">
<tz85 tz="Pictures_xml/Part_Kits.jpg"></tz85>
</tz84>
<tz86 tz="Automotive Kits">
<tz87 tz="Pictures_xml/Part_AutoKits.jpg"></tz87>
</tz86>
<tz88 tz="Standard Kits">
<tz89 tz="Pictures_xml/Part_StandardKit.jpg"></tz89>
</tz88>
<tz90 tz="NN">
<tz91 tz="Pictures_xml/Mat_NatNylon.jpg"></tz91>
</tz90>
<tz92 tz="NK">
<tz93 tz="Pictures_xml/Mat_NatKynar.jpg"></tz93>
</tz92>
<tz94 tz="NP">
<tz95 tz="Pictures_xml/Mat_NatPolypro.jpg"></tz95>
</tz94>
<tz96 tz="HDPE">
<tz97 tz="Pictures_xml/Mat_NatHDPE.jpg"></tz97>
</tz96>
<tz98 tz="BN">
<tz99 tz="Pictures_xml/Mat_BlackN.jpg"></tz99>
</tz98>
<tz100 tz="WN">
<tz101 tz="Pictures_xml/Mat_WhiteN.jpg"></tz101>
</tz100>
<tz102 tz="SS">
<tz103 tz="Pictures_xml/Mat_SS.jpg"></tz103>
</tz102>
<tz104 tz="GFBN">
<tz105 tz="Pictures_xml/Mat_GFBN.jpg"></tz105>
</tz104>
<tz106 tz="WP">
<tz107 tz="Pictures_xml/Mat_WP.jpg"></tz107>
</tz106>
<tz108 tz="PVDF">
<tz109 tz="Pictures_xml/Mat_PVDF.jpg"></tz109>
</tz108>
<tz110 tz="Crosses">
<tz111 tz="Pictures_xml/Part_Cross.jpg"></tz111>
</tz110>
<tz112 tz="Stainless Clamps">
<tz113 tz="Pictures_xml/Part_StainlessClamps.jpg"></tz113>
</tz112>
<tz114 tz="Y-Connectors">
<tz115 tz="Pictures_xml/Part_Y.jpg"></tz115>
</tz114>
<tz116 tz="Swivel Disconnect">
<tz117 tz="Pictures_xml/Part_Swivels.jpg"></tz117>
</tz116>
<tz118 tz="Stainless Steel 316L Fittings">
<tz119 tz="Pictures_xml/Part_SS.jpg"></tz119>
</tz118>
<tz120 tz="Tank &amp; Panel Mount Fittings">
<tz121 tz="Pictures_xml/Part_PanelMount.jpg"></tz121>
</tz120>
<tz122 tz="Row 3 Col 1">
<tz123 tz="Row 3 Col 2"></tz123>
</tz122>
<tz124 tz="Row 3 Col 1">
<tz125 tz="Row 3 Col 2"></tz125>
</tz124>
</tz3>
</tz2>
<tz126 tz="@notes">
<tz127 tz="Hi Bill,"></tz127>
<tz128 tz=""></tz128>
<tz129 tz="This is the data for the product pictures, and also the documentation for it. The easiest way to view this documentation is by double-clicking the web page PRODUCTDATA.HTM. This is distinct from your web page, that is Product.htm. "></tz129>
<tz130 tz=""></tz130>
<tz131 tz="&lt;b&gt;Here is how your web page (Product.htm) works. &lt;/b&gt;When your web page (Product.htm) loads, it reads this xml file, named PRODUCT.XML. As you mouseover the various boxes on your web page, the javascript reads the product name that is in the box. It then goes to an XML table, finds the name, and reads the appropriate image name. It then displays the product name and the image."></tz131>
<tz132 tz=""></tz132>
<tz133 tz="Only two products are complete; Adapters Thread-Barb and NK Natural Kynar. The rest are left to you. You can see the actual table by mouseovering the products button below, or by clicking it."></tz133>
<tz134 tz=""></tz134>
<tz135 tz="In doing the development, I found it useful to install a diagnostic tool that shows what the javascript is reading; it might be different from what you expect. "></tz135>
<tz136 tz=""></tz136>
<tz137 tz="Setting up a table with Thingkz is a little quircky, so this process is described in a little detail."></tz137>
<tz138 tz=""></tz138>
<tz139 tz="Above all, &lt;u&gt;remember to click the top node before doing the Export XML.&lt;/u&gt;"></tz139>
<tz140 tz=""></tz140>
<tz141 tz="Best regards,"></tz141>
<tz142 tz=""></tz142>
<tz143 tz="Tom"></tz143>
</tz126>
<tz144 tz="Diagnostic tool">
<tz145 tz="@notes">
<tz146 tz="The way this diagnostic works is that you can turn it on or off by double-clicking the picture that is above the words Chemical Charts (#1 in the collage at the right). After you turn it on, whenever you mouseover something (#2), the text that javascript is reading is shown in the title bar (#3): the top left edge of the browser window."></tz146>
<tz147 tz=""></tz147>
<tz148 tz="The product name that is in the table for Natural Kynar is &quot;NK Natural Kynar.&quot; Using the diagnostic, you can see that the javascript reads either &quot;NK,&quot; or &quot;Natural Kynar,&quot; or &quot;NK Natural Kynar,&quot; and you can also see that all of these work. "></tz148>
<tz149 tz=""></tz149>
<tz150 tz="The way the selection process is established is that it is a partial-word search, where capitalization does not matter. Also, the first hit is selected. This means that if the first product in the table had the word &quot;think&quot; in its name, then when javascript reads &quot;NK,&quot; it would choose the first product picture rather than the second."></tz150>
<tz151 tz=""></tz151>
<tz152 tz="All this trivia might be more relevant when you are working on the products that all start with &quot;AG.&quot; In the example selected for the collage, I suspect that there are two spaces between AG and Antimicrobial. If so, you have to have two spaces in the xml name."></tz152>
</tz145>
<tz153 tz="@picture">
<tz154 tz="product3.jpg"></tz154>
</tz153>
</tz144>
<tz155 tz="Table data">
<tz156 tz="@picture">
<tz157 tz="product1.jpg"></tz157>
</tz156>
<tz158 tz="@notes">
<tz159 tz="Here is the file we are looking at, and the table of product names and product pictures. The table thingk is named products. It has one child, named @table. Any thingk that has a name starting with an @ is called a thot (pronounced thought). Thots are used for anything at all where they are needed. Maybe they correspond to tags in html, or to the y-chromosome in people."></tz159>
<tz160 tz=""></tz160>
<tz161 tz="Each child of @table represents a row in the table. If the table has two columns, then each child of  @table will have a child, representing the second column for that row. If the table has three columns, then every child of @table will have a child that will have a child. In this case, there are two columns."></tz161>
<tz162 tz=""></tz162>
<tz163 tz="The first child of @table is a thingk named Product. It has a child that is named Picture. Product is the name of the first column of the table, and Picture is the name of the second column of the table. Searches are performed from left to right, so when you are looking for &quot;NK,&quot; first you will look at Product, then Adapters Thread-Barb, then at NK Natural Kynar."></tz163>
<tz164 tz=""></tz164>
<tz165 tz="The child of NK Natural Kynar is the name of the picture, BlkAdapt.jpg. The software is a little touchy about capitalization, so be careful to be correct about that."></tz165>
</tz158>
</tz155>
<tz166 tz="Adding Rows">
<tz167 tz="@picture">
<tz168 tz="product1.jpg"></tz168>
</tz167>
<tz169 tz="@notes">
<tz170 tz="You are going to add forty or so rows to this table. The way to do this is first to add the rows, and then use the table form to enter the values in those rows."></tz170>
<tz171 tz=""></tz171>
<tz172 tz="In this picture, the first row of the table is clicked; in other words, the second child of @table is clicked. Here are the steps to add a row, starting from this situation."></tz172>
<tz173 tz=""></tz173>
<tz174 tz="1) Copy the row, by pressing Ctrl-z. The Copy field at the top-right of the form will show the name of the selected thingk, Adapters Thread-Barb."></tz174>
<tz175 tz=""></tz175>
<tz176 tz="2) Click on @table"></tz176>
<tz177 tz=""></tz177>
<tz178 tz="3) Paste the row, by pressing Ctrl-p. Repeat this step to add as many rows as necessary."></tz178>
<tz179 tz=""></tz179>
<tz180 tz="To bring up the table input form, first click on the parent of @table, the thingk named products. Next, press the Ctry-k key combination. "></tz180>
</tz169>
</tz166>
<tz181 tz="Table form">
<tz182 tz="@picture">
<tz183 tz="product2.jpg"></tz183>
</tz182>
<tz184 tz="@notes">
<tz185 tz="To bring up the table input form, first click on the parent of @table, the thingk named products. Next, press the Ctry-k key combination. "></tz185>
<tz186 tz=""></tz186>
<tz187 tz="Here is the table input form. It automatically sizes itself to the data, so if you input something too wide for it, you can close it and reopen it to re-size it."></tz187>
<tz188 tz=""></tz188>
<tz189 tz="The way it works is that you click on the cell that you want to input, and the current contents of the cell appear in the input field at the top. You enter your input into the input field at the top, and press the enter key when it is complete. Your input will then be put into the table,  and the cell below the one you updated will become selected, ready for input."></tz189>
<tz190 tz=""></tz190>
<tz191 tz="Clicking a cell in the bottom row of cells sometimes does not select the cell. You need to click the cell in the top one-quarter of the cell! Why! Why doesn&apos;t someone fix that?"></tz191>
</tz184>
</tz181>
<tz192 tz="Configuration Systems">
<tz193 tz="@notes">
<tz194 tz="&lt;center&gt;&lt;font face=&quot;poor richard&quot; size=7&gt;&lt;b&gt;WEB SITES&lt;/b&gt;&lt;/font&gt;"></tz194>
<tz195 tz=""></tz195>
<tz196 tz=""></tz196>
<tz197 tz="&lt;font color=blue size=4&gt;THAT WORK&lt;/FONT&gt;"></tz197>
<tz198 tz=""></tz198>
<tz199 tz=""></tz199>
<tz200 tz=""></tz200>
<tz201 tz="&lt;font  size=4&gt;&lt;B&gt;585 BAIR ROAD"></tz201>
<tz202 tz="BERWYN, PA 19312"></tz202>
<tz203 tz="610-644-5066"></tz203>
<tz204 tz="SALESWARE@AOL.COM"></tz204>
<tz205 tz="WWW.THINGKZ.COM&lt;/B&gt;&lt;/FONT&gt;"></tz205>
<tz206 tz="&lt;/center&gt;"></tz206>
</tz193>
</tz192>
</tz1>
