Charts not displaying in .xhtml pages in Safari

[nvfellers]

If your web pages have a .xhtml extension, following strict HTML 4.01 compliance, then they stop working in browsers that adhere to strict standards (e.g., Safari), when run on an application server. For my situation, the reason the pages have .xhtml extensions is that I am using JavaServer Faces (JSF) with Facelets. Separately, I believe mobile phones and other small devices also render xhtml, but I may be mistaken.

 

 

 

To solve the problem, I modified fusioncharts.js by revising the the render and getSWFHTML functions:

 

render: function(elementId){

                      else {

			//Normal case. Instantly load the chart

			if (navigator.appName.indexOf("Microsoft Internet") != -1) {

				n.innerHTML = this.getSWFHTML();

			}else  {

				var embed = document.createElement('embed');

				this.getSWFHTML(embed);

				n.appendChild(embed);

			}

		}

}

getSWFHTML: function(node) {

	var swfNode = "";

	if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { 

		// netscape plugin architecture			

		node.setAttribute('type', 'application/x-shockwave-flash');

		node.setAttribute('src', this.getAttribute('swf'));

		node.setAttribute('width',  this.getAttribute('width'));				

		node.setAttribute('height', this.getAttribute('height'));

		node.setAttribute('id', this.getAttribute('id'));

		node.setAttribute('name', this.getAttribute('id'));



		var pairs = this.getVariablePairs().join("&");

		var params = this.getParams();

		for(var key in params) { 

			params[key].replace(/&/g, "&").replace(/, "<").replace(/>/g, ">");

			node.setAttribute([key], params[key]); 

		}



		if (pairs.length > 0){

			pairs.replace(/&/g, "&").replace(/, "<").replace(/>/g, ">");

			node.setAttribute('flashvars', pairs); 

		}

             }else

 

Vance

Edited August 6, 2010 by Guest

[nvfellers]

The root of this problem, when using xhtml, is that the rendered embed tag is not closed, thus not standards compliant. This fact does not bother IE or Firefox, which I assume are rendering in quirks mode; however, browsers like Safari and probably Chrome will not display the embedded charts.

 

 

 

The top of my pages look as follows:

 

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

html xmlns="http://www.w3.org/1999/xhtml"

                  xmlns:ui="http://java.sun.com/jsf/facelets"

	          xmlns:f="http://java.sun.com/jsf/core" 

                  xmlns:h="http://java.sun.com/jsf/html" >

Edited August 1, 2010 by Guest