All pastes #421278 Raw Edit

JS chart code

public text v1 · immutable
·published 2007-04-02 19:12 UTC
rendered paste body
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        
        <title> Sales Flow Charts - Main</title>
        


<script language=javascript>
/* Tree View Grid Properties & Functions */

        var plusImage = "plus1.gif";
        var minusImage = "minus1.gif";
        var imageTagPrefix = "img";
        var nodeSeparator = ".";
        var nodeHighlightColor = "#1F3061";
        var nodeMouseOverColor = "lightblue";
        var n = 1;
        var ApplyStyle = true;

/*      Function to collapse a Node
        Function will be called Recursively till the Last Child of the Node
*/
        function Collapse(Node)
        {		objNode = document.getElementById(Node);
				if (ApplyStyle) objNode.style.backgroundColor=nodeHighlightColor;
				
                /* Get n'th child of Node <n starts from 1 till the last child>*/
                objChildNode = document.getElementById(Node + nodeSeparator + n);
                
                /* Get image object of Node */
                objImg  = document.getElementById(imageTagPrefix + nodeSeparator + Node);
                
                /* Check if Child exists. If does not exist then Reset n = 1 & exit function & */
                if(objChildNode != null)
                {       
                        /* Toggle the Child Status i.e. if visible then make it invisible & vis-versa */
                        if (objChildNode.style.display == "")
                        {       
                                /* Close all the Childs, Sub-Childs and so on of the Node*/
                                if (objImg != null)objImg.src = plusImage;
                                closeAllChilds(Node)
                                return;
                        }else 
                        {       
                                objChildNode.style.display = "";
                                if (objImg != null)objImg.src = minusImage;
                        }
                        /* Call Collapse for the Next Child be increamenting n*/
                        n = n + 1;
                        Collapse(Node);
                }else n = 1;
        }

        /*if p_direction = 0 then Close else Open*/
        function ExplicitCollapse(Node,p_direction)
        {       
				objNode = document.getElementById(Node);
				if (ApplyStyle) objNode.style.backgroundColor="";

                objChildNode = document.getElementById(Node + nodeSeparator + n);
                
                objImg  = document.getElementById(imageTagPrefix + nodeSeparator + Node);
                
                if(objChildNode != null)
                {       
                        if (p_direction == "0")
                        {       
                                objChildNode.style.display = "none";
                                if (objImg != null)objImg.src = plusImage;
                                if(!closeAllChilds(objChildNode.id)) return false;
                        }else 
                        {       
                                objChildNode.style.display = "";
                                if (objImg != null)objImg.src = minusImage;
                        }

                        n = n + 1;
                        ExplicitCollapse(Node,p_direction);
                }else n = 1;
        }

/*      Function to close all the childs of a Node
        As Each Child Node ID contains its Parent Node ID, Close all the rows having the Node ID as a prefix in their IDs.
*/
        function closeAllChilds(nNode)
        {       var tempNode,objTempNode,objNode,tempImg,objBody;
                objNode= document.getElementById(nNode);
				if (ApplyStyle) objNode.style.backgroundColor="";
                
                /* Get the Parent Element of Node ie. the Table Object */
				objTable = objNode.parentElement?objNode.parentElement:objNode.parentNode;
				
		var browserName=navigator.appName; 
		if (browserName=="Microsoft Internet Explorer")
		{
	        tagNm = objTable.tagName;
		}else
		{
			tagNm = "TBODY";
		}

                /* Get the Parent Element is not a Table then exit function */
                if(tagNm.toUpperCase() == "TBODY")
                {       
                        /* For each TR of the Table*/
                        for(i=0;i<objTable.rows.length;i++)
                        {       
                                /* Get the ID of the TR i.e. Node ID */
                                tempNode = objTable.rows[i].id;
                                
                                /* If the ID of the TR contains nNode then make the TR invisible*/
                                if (tempNode != nNode)
                                {       if(tempNode.indexOf(nNode) >= 0)
                                        {       objTempNode     = document.getElementById(tempNode);
                                                tempImg         = document.getElementById(imageTagPrefix + nodeSeparator + tempNode);
                                                if (tempImg != null)tempImg.src = plusImage;
                                                objTempNode.style.display = "none";
                                                if (ApplyStyle) objTempNode.style.backgroundColor="";
                                        }
                                }
                        }
                }else
                {       alert("Table Tag not found");
                        return false;
                }
                return true;
        }
/*      Function to keep a Node open onLoad
        This function also opens up the corresponding Parent Nodes of that perticular Node
*/
        function OpenNode(strNode,p_direction)
        {       var objNode;
                var arrNode = strNode.split(nodeSeparator);
                var str = "";
                for(i=0;i<arrNode.length;i++){
                        if(str == "")
                        {  str = arrNode[i];
                        }else
                        {
                           str = str + nodeSeparator + arrNode[i];
                        }
                        objNode = document.getElementById(str);
                        if (objNode != null)
                        {
                                if (p_direction == "1")
                                {
                                        ExplicitCollapse(str,p_direction);
                                }else
                                {
                                        Collapse(str);
                                }
                        }
                         
                }
        }
        
        function mOver(Node)
        {	if (ApplyStyle) {
			objNode = document.getElementById(Node);
			objNode.style.backgroundColor=nodeMouseOverColor; }
        }
        function mOut(Node)
        {		if (ApplyStyle) { 
				objNode = document.getElementById(Node);
				objImg  = document.getElementById(imageTagPrefix + nodeSeparator + Node);
				if (objImg != null)
				{	strSrc  = objImg.src;
					if(strSrc.indexOf(minusImage) < 0)
					objNode.style.backgroundColor="";
					else
					objNode.style.backgroundColor=nodeHighlightColor;
				}else
				{
					objNode.style.backgroundColor="";
				}}
        }
</script>

<link rel="stylesheet" type="text/css" href="sales.css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
    </head>
    <body background="eos_bauble1.gif">
<div class="page_wrap clearfix">
  <div class="header_text"><h1>Sales Flow Charts - Main</h1><b>Double Click on "+" sign to expand or collapse rows</B>&nbsp;</div>
        <br>
 <div class="topnav" id="nav">
    <ul>

      <li><a href="http://aplusportal.com">Home</a></li>
      <li><a href="http://charts.aplusportal.com">Charts</a></li>
      <li><a href="http://aplusportal.com/suggest.html">Suggestions</a></li>
      <li><a href="http://aplusportal.com/rfq.html">RFQ</a></li>
      <li><a href="http://aplusportal.com/sdmap.html">Area Map</a></li>
      <li><A href="javascript:;" onClick="MM_openBrWindow('http://aplusportal.com/chat.html','deslarge','scrollbars=yes,resizable=yes,width=800,height=660')">Chat Room</a></li>

    </ul>
  </div>        
       <br><br>  
<div class="topnav" id="nav">
    <ul>
      <li><a href="index.html">Main chart</a></li>
      <li><a href="hosting.html">Hosting chart</a></li>
      <li><a href="server.html">Server chart</a></li>

      <li><a href="design.html">Design chart</a></li>

    </ul>
  </div>        
              




<TABLE cellSpacing=1 cellPadding=1 width="900" border=0 bgColor="#000000">
 <tr id="Book" bgColor="#1F3061" onDblClick="Collapse(this.id)">
 <td align="left">&nbsp;&nbsp;<IMG id=img.Book style="CURSOR: hand" onclick="Collapse('Book')" height =11 src="plus1.gif" width=11 ></td>
    <td colspan=4><font color="#FFFFFF"><b>Does the customer have a website?</b></font></td>

 </tr>
                <tr bgColor="#1F3061" id="Book.1" title="Book.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none">
				 <td align="left">&nbsp;&nbsp;<IMG id=img.Book.1 style="CURSOR: hand" onclick="Collapse('Book.1')" height =11 src="plus1.gif" width=11 ></td>
                        <td colspan=4><font color="#FFFFFF"><b>NO</b></font></td>

                </tr>
                <tr bgColor="#AFC38F" id="Book.1.1" title="Book.1.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none">
				<td align="left">&nbsp;&nbsp;<IMG id=img.Book.1.1 style="CURSOR: hand" onclick="Collapse('Book.1.1')" height =11 src="plus1.gif" width=11 ></td>
                    <td colspan=4><font color="#FFFFFF"><b>Why Not?</b></font></td>

                </tr>
                        <tr bgColor="#ffffff" id="Book.1.1.1" title="Book.1.1.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
                                <td></td>
								<td>Everybody has a website these days, right? <br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td colspan=2>I can get you setup on a hosting plan so you can at least put something out there<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td>(Mention Website Builder and Design)</td>
                        </tr>

                        <tr bgColor="#ffffff" id="Book.1.1.2" title="Book.1.1.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
								<td></td>
								<td>How are your customers going to find you?<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td colspan=2>If you are not on the web, when your customers seek you out, they will <br />not be able to find you<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
					  <td>Thats not good for business - and I would not buy from a company who did not have a phone number <br />or a website</td>
                        </tr>

                        <tr bgColor="#ffffff" id="Book.1.1.3" title="Book.1.1.3" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
								<td></td>
								<td>You could be losing a whole lot of potential new business!<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td colspan=2>The world of marketing has <br />moved to the web<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td>Without listing on the major search engines, your competition <b><i>will</i></b> have the upper hand </td>

                        </tr>
                        <tr bgColor="#ffffff" id="Book.1.1.4" title="Book.1.1.4" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
								<td></td>
								<td>When do you need <br />to get started?<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td colspan=2>(create urgency by explaining SEO)<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td>Did you know that it can take 4 to 6 weeks <br />just to get on the search engines?</td>

                        </tr>
                <tr bgColor="#AFC38F" id="Book.1.2" title="Book.1.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none">
				<td align="left">&nbsp;&nbsp;<IMG id=img.Book.1.2 style="CURSOR: hand" onclick="Collapse('Book.1.2')" height =11 src="plus1.gif" width=11 ></td>
                    <td colspan=4><font color="#FFFFFF"><b>What Sites have you seen that you like?</b></font></td>

                </tr>
                        <tr bgColor="#ffffff" id="Book.1.2.1" title="Book.1.2.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
								<td></td>
								<td>What do you like most <br />about them?<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>

                                <td colspan=2>Do you want a site of similar <br />proportions and appeal?<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td>Go to <a href="http://charts.aplusportal.com/design.html"> design chart</a> or  <a href="http://aplusportal.com/rfq.html" target="_blank">RFQ</a></td>
                        </tr>
                        <tr bgColor="#ffffff" id="Book.1.2.2" title="Book.1.2.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
								<td></td>

								<td>When do you need <br />to get started?<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td colspan=2>(create urgency by explaining SEO)<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td>Did you know that it can take 4 to 6 weeks <br />just to get on the search engines?</td>
                        </tr>
                <tr bgColor="#AFC38F" id="Book.1.3" title="Book.1.3" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" onDblClick="Collapse(this.id)" style="DISPLAY: none">
				<td align="left">&nbsp;&nbsp;<IMG id=img.Book.1.3 style="CURSOR: hand" onclick="Collapse('Book.1.3')" height =11 src="plus1.gif" width=11 ></td>

                     <td colspan=4><b><font color="#FFFFFF">Continue by asking questions from <a href="http://aplusportal.com/rfq.html" target="_blank">RFQ</a> and go to <a href="hosting.html">hosting chart</a><br><br>OR</font></b></td>

                </tr>
                        <tr bgColor="#ffffff" id="Book.1.3.1" title="Book.1.3.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
								<td></td>
								<td><b>Are you selling products?<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></b></td>

                                <td colspan=2><b>Yes!</b> - OK! We can design your store with PayPal, Miva Merchant, or OSCommerce! <br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></td>
                                <td><b>No</b> - (Continue by asking questions from the <a href="http://charts.aplusportal.com/design.html">design chart</a> or <a href="http://aplusportal.com/rfq.html" target="_blank">RFQ</a> and then go to <a href="hosting.html">hosting chart</a>)</td>

                        </tr>
                        <tr bgColor="#ffffff" id="Book.1.3.2" title="Book.1.3.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
								<td></td>
								<td><b>We have 7,000 templates, lets take a look together<br /><img src="right.gif" /><img src="right.gif" /><img src="right.gif" /></b></td>
                                <td colspan=2> (<a href="http://design.aplus.net/?o=g" target="_blank">Choose a Template</a> and then go to <a href="hosting.html">hosting chart</a>)</td>

                                <td></td>

                        </tr>


                <tr bgColor="white" id="Book.1.4" title="Book.1.4" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">

                                           
<td colspan=5>What would you like yours to look like?<br> Ask for examples (number of pages?)</td>
                </tr>

                <tr bgColor="white" id="Book.1.5" title="Book.1.5" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
                    <td colspan=5><b>Close - Close - Close!</b></td>
                </tr>
                <tr bgColor="#1F3061" id="Book.2" title="Book.2" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
				<td align="left">&nbsp;&nbsp;<IMG id=img.Book.2 style="CURSOR: hand" onclick="Collapse('Book.2')" height =11 src="plus1.gif" width=11 ></td>
                        <td colspan=4><font color="#FFFFFF"><b>YES</b></font>

                        </td>

                </tr>
                <tr bgColor="#AFC38F" id="Book.2.1" title="Book.2.1" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
				<td align="left">&nbsp;&nbsp;<IMG id=img.Book.2.1 style="CURSOR: hand" onclick="Collapse('Book.2.1')" height =11 src="plus1.gif" width=11 </td>
                    <td colspan="4"><font color="#FFFFFF"><b>Are they are hosting with us?</b></font></td>

                </tr>
				                <tr bgColor="#1F3061" id="Book.2.1.1" title="Book.2.1.1" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
				<td align="left">&nbsp;&nbsp;<IMG id=img.Book.2.1.1 style="CURSOR: hand" onclick="Collapse('Book.2.1.1')" height =11 src="plus1.gif" width=11 ></td>
                    <td colspan="4"><font color="#FFFFFF"><b>NO</b></font></td>

                </tr>

                <tr bgColor="#ffffff" id="Book.2.1.1.1" title="Book.2.1.1.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
                        <td></td>
						<td colspan=3>How much do you pay for hosting? </td>
						<td>Are you happy with your hosting service?</td>

                </tr>

                <tr bgColor="#ffffff" id="Book.2.1.1.2" title="Book.2.1.1.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
                        <td></td>
						<td  colspan=3>How much disk space do you get with your current plan? </td>
						<td>Did you know that we offer all of these <br>features with our plans?<br /> <a href="http://hosting.aplus.net/soloxr.html" target="_blank">(features)<a /></td>

                </tr>
				<tr bgColor="#ffffff" id="Book.2.1.1.3" title="Book.2.1.1.3" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">

                        <td></td>
						<td colspan=4>Go to <a href="hosting.html">hosting chart</a></td>

                </tr>
				 <tr bgColor="#AFC38F" id="Book.2.1.2" title="Book.2.1.2" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
				 <td align="left">&nbsp;&nbsp;<IMG id=img.Book.2.1.2 style="CURSOR: hand" onclick="Collapse('Book.2.1.2')" height =11 src="plus1.gif" width=11 ></td>
                    <td colspan="4"><font color="#FFFFFF"><b>YES</b></font></td>

                </tr>

                <tr bgColor="#ffffff" id="Book.2.1.2.1" title="Book.2.1.2.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
                        <td></td>
						<td colspan=3>How are you marketing your website? </td>
						<td>Are you getting the kind of traffic you want?</td>

                </tr>
                <tr bgColor="#ffffff" id="Book.2.1.2.2" title="Book.2.1.2.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">

                        <td></td>
						<td  colspan=3>Did you know about these features we can add to your site?<br /><li>push to talk<li>crm chat<li>mailing list<li> MLS listing (real estate)</li> </td>
						<td>Do you have all the major domain extensions for your domain?<br /><br />Did you know that Google considers your domain registration length in determining your website's legitimacy? <a href="http://www.searchengineguide.com/hartzer/005144.html" target="_blank">(details)<a /></td>

                </tr>
                <tr bgColor="#AFC38F" id="Book.2.2" title="Book.2.2" onDblClick="Collapse(this.id)" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
				<td align="left">&nbsp;&nbsp;<IMG id=img.Book.2.2 style="CURSOR: hand" onclick="Collapse('Book.2.2')" height =11 src="plus1.gif" width=11 ></td>
                    <td colspan="4"><font color="#FFFFFF"><b>Are you happy with the look and functionality of the site?</b></font></td>

                </tr>
                <tr bgColor="#ffffff" id="Book.2.2.1" title="Book.2.2.1" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
                        <td></td>
						<td colspan=3>Have you compared your site to your competitor's?</td>

						<td>Have you thought of expanding your offerings at all?</td>
                </tr>
                <tr bgColor="#ffffff" id="Book.2.2.2" title="Book.2.2.2" onMouseOver="mOver(this.id);" onMouseOut="mOut(this.id);" style="DISPLAY: none">
                        <td></td>
						<td colspan=3>Is there more that you feel your site should offer?</td>
						<td>Do you want to add (or add features to) <br />a shopping cart on your site?</td>
                </tr>

                
        <TR bgColor="#aaaaaa" onDblClick="Collapse('Book')">
        	<td></td>
                <td colspan=4>+ Double Click to Reset +</td>
        </TR></TABLE>



           </body>
</html>