Flash and Javascript library for mathematics on web pages

How to display mathematical symbols using FMath package?;

1. Generate an image with fMath Editor - static information
- Go to Editor and build your formula; - Click on the button to generate the image; - A new window will be displayed with your image; - Click-right and save the image on local;

2. Put MathML/LaTeX code inside HTML - dynamic information

<html xmlns:m="http://www.w3.org/1998/Math/MathML">
<head>
	<script language="JavaScript" src="mathml_viewer.js"></script>
</head>
<body onLoad="searchAndReplace('/mathml');">
<center>

<span style="display:none;">
	<m:math xmlns:m="http://www.w3.org/1998/Math/MathML">
		<mrow>
			<mtext>a + b + c = 0/mtext>
		</mrow>
	</m:math>
</span>


</center>
</body>
</html> 

for LaTeX

<html>
<head>
	<script language="JavaScript" src="mathml_viewer.js"></script>
</head>
<body onLoad="searchAndReplace('/mathml');">
<center>

<span style="display:none;">
	<latex>\[ ds^2 = dx_1^2 + dx_2^2 + dx_3^2 - c^2 dt^2 \]</latex>
</span>

	
</center>
</body>
</html>

View standaloane example

Download all files for this example

3. Put Object/Embed tag in HTML and load the MathML/LaTeX by Javascript - dynamic information

<html>
<body>
	<div id="DivFormula1" style="width:1px; height:1px;">
		<OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
		width="100%"
		height="100%"
		name="Formula1" id="Formula1"
		codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0"
		align="middle">
			<PARAM NAME="wmode" VALUE="transparent">
			<PARAM NAME="FlashVars" VALUE="htmlId=Formula1">
			<PARAM NAME="allowScriptAccess" VALUE="always">
			<PARAM NAME="allowFullScreen" VALUE="true">
			<PARAM NAME="movie" VALUE="./mathmlViewer.swf">
			<PARAM NAME="loop" VALUE="false">
			<PARAM NAME="quality" VALUE="high">
			<PARAM NAME="bgcolor" VALUE="#ffffff">
				<embed src="./mathmlViewer.swf"
				name="Formula1" id="Formula1"
				wmode="transparent"
				loop="false"
				quality="high"
				bgcolor="#ffffff"
				width="100%" height="100%"
				swliveconnect="true"
				allowScriptAccess="always"
				allowFullScreen="false"
				type="application/x-shockwave-flash"
				pluginspage="http://www.macromedia.com/go/getflashplayer"
				align="middle"
				FlashVars="htmlId=Formula1"/>
		</OBJECT>
	</div>

<script>
	// this method is called by flash objects to get the MathML/LaTeX
	function getMathML(name){
		if(name=="Formula1") return "<mtext>a+b+c=3</mtext>";
		//if(name=="Formula1") return "<latex>\[ ds^2 = dx_1^2 + dx_2^2 + dx_3^2 - c^2 dt^2 \]</latex>";
		return "";
	}

	// this method is called by flash objects to resize
	function resizeFlash(name, w, h){
		var obj = document.getElementById("Div" + name);
		obj.style.width = parseFloat(w);
		obj.style.height = parseFloat(h);

		// this is for opera bug display
		...
	}

</script>

</body>
</html>

View standaloane example

Download all files for this example

4. Put Object/Embed tag in HTML and load the MathML/LaTeX by url request - dynamic information

<html>
<body>
	<div id="DivFormula1" style="width:1px; height:1px;">
		<OBJECT classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
		width="100%"
		height="100%"
		name="Formula1" id="Formula1"
		codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0"
		align="middle">
			<PARAM NAME="wmode" VALUE="transparent">
			<PARAM NAME="FlashVars" VALUE="urlLoad=clientMathml.xml&htmlId=Formula1">
			<PARAM NAME="allowScriptAccess" VALUE="always">
			<PARAM NAME="allowFullScreen" VALUE="true">
			<PARAM NAME="movie" VALUE="./mathmlViewer.swf">
			<PARAM NAME="loop" VALUE="false">
			<PARAM NAME="quality" VALUE="high">
			<PARAM NAME="bgcolor" VALUE="#ffffff">
				<embed src="./mathmlViewer.swf"
				name="Formula1" id="Formula1"
				wmode="transparent"
				loop="false"
				quality="high"
				bgcolor="#ffffff"
				width="100%" height="100%"
				swliveconnect="true"
				allowScriptAccess="always"
				allowFullScreen="false"
				type="application/x-shockwave-flash"
				pluginspage="http://www.macromedia.com/go/getflashplayer"
				align="middle"
				flashvars="urlLoad=clientMathml.xml&htmlId=Formula1"/>
		</OBJECT>
	</div>
<script>

	// this method is called by flash objects to resize
	function resizeFlash(name, w, h){
		var obj = document.getElementById("Div" + name);
		obj.style.width = parseFloat(w);
		obj.style.height = parseFloat(h);

		// this is for opera bug display
		...
	}


</script>
</body>
</html>

View standaloane example

Download all files for this example

Complete list of implemented mathematical symbols Implemented tags