Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Wz_tooltip must be included INSIDE the bosy element

    Hi,

    I have a medium size application having tree, timeline, google map, and some links on the page. The application works fine in firefox and chrome but in IE it loads fine but when any node in the tree expands I get following error message

    wz_tooltip.js must be included INSIDE the body section, immediately after body tag.

    The page becomes blank with this error message. Does anyone have any clue about this error?

    Following is my html page (I think no need of pasting all the java code)

    Code:
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    
    
    <link rel="stylesheet" href="js/ext/resources/css/ext-all.css"/>
    <link type="text/css" rel="stylesheet" href="ThingsToDo.css">
    <link rel="stylesheet" href="css/wysiwyg-rendered.css"/>
    <link rel="stylesheet" href="css/layout-fixes.css"/>
    
    <style type="text/css">
    <!--
    	Body {
    		margin: 10px;
    	}
    	
    	.white {
    		color: white;	
    	}
    -->
    </style>
    	
    <!--  script src="http://maps.google.com/maps?gwt=1&amp;file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAgzqoAc5zEXZHNhhpG4fd1hRZ1Sxt3f56U-xS8irZ2VC0xL5YrhS1DRR3NtzTpP8LxVHTxcRDA4Sn-Q"></script -->
    
    <script type="text/javascript" src="js/ext/adapter/yui/yui-utilities.js"></script>
    <script type="text/javascript"
    	src="js/ext/adapter/yui/ext-yui-adapter.js"></script>
    <!--include the Ext Core API-->
    <script type="text/javascript" src="js/ext/adapter/ext/ext-base.js"></script>	
    <script language="javascript" src="js/ext/ext-all.js"></script>
    
    <script>
    	Timeline_ajax_url="js/timeline_2.3.0/timeline_ajax/simile-ajax-api.js";
    	Timeline_urlPrefix='js/timeline_2.3.0/timeline_js/';       
    	Timeline_parameters='bundle=true';
    </script>
    <script type="text/javascript" language="javascript" src="js/api/timeline-api.js"></script>
    <script type="text/javascript" language="javascript" src="js/util/timeline-helper.js"></script>
    
    <script type="text/javascript">
    	var CKEDITOR_BASEPATH = 'js/ckeditor/';
    </script>
    <script type="text/javascript" language="javascript" src="js/ckeditor/ckeditor.js"></script>
    	<title>JoinUsThere.com</title>
    
    	<script type="text/javascript" language="javascript"
    		    src="thingstodo/thingstodo.nocache.js"></script>
    
    
    
    </head>
    <body>
    
    </body>
    </html>
    and code to add tree

    Code:
    
    public void createTree() {
    
    		eventsTree = new TreeGrid();
    		eventsTree.setLoadDataOnDemand(true);
    		eventsTree.setWidth(300);
    		eventsTree.setHeight100();
    		eventsTree.setShowAllRecords(true);
    		eventsTree.setAutoFetchData(true);
    		eventsTree.setDataSource(getDS());
    		eventsTree.setShowConnectors(true);
    		eventsTree.setCanSort(false);
    		eventsTree.setShowOpenIcons(true);
    		eventsTree.setLoadingDataMessage("Loading list of ideas");
    		eventsTree.setLoadingMessage("Loading list of ideas");
    		eventsTree.setShowDropIcons(false);
    		eventsTree
    				.setTooltip("Tip: You can use the arrow keys to easily navigate the tree");
    		TreeGridField treeGridField = new TreeGridField("text",
    				"Ideas of things to do");
    		eventsTree.setFields(treeGridField);
    		
    
    		panel.addChild(eventsTree);
    
    	}
    Thanks
    Umme Essa
    Last edited by swardi; 13 Jul 2010, 19:58.
Working...
X