IE7/Vista and SVG Graphs

[jaymcc]

Hi

Thanks for all your work on what looks like a great customisation of OpenWRT.

I've just noticed that viewing the svg graphs doesn't work at first on Vista/IE7 (works fine on Vista/Firefox).

I managed to get it going by manually installing the Adobe svg viewer(must right click and "run as administrator") and then relaunching IE at which point it prompted to install the activeX control.

Isn't there a browser check that can be done to automate this process?

In the meantime I edited the bandwidth.sh file and added a link to http://download.adobe.com/pub/adobe/mag ... VGView.exe

[Eric]

I'll look into automating the SVG installation in IE, but honestly this isn't a particularly high priority right now. All other major browsers have had fully integrated SVG support for some time.

However, if you have already written code that does this (your edit to the badwdith.sh file) I would be happy to incorporate it immediately.

[jaymcc]

Pretty pathetic modification, but at least it allows users to easily get graphs operating with out a bunch of trial and error.

Can't add it as an attachment, even if I change extension to txt the forum errors saying:

The extension txt is not allowed.

Here is the full file:

Code: Select all

#!/usr/bin/haserl
<?
	# This program is copyright © 2008 Eric Bishop and is distributed under the terms of the GNU GPL 
	# version 2.0 with a special clarification/exception that permits adapting the program to 
	# configure proprietary "back end" software provided that all modifications to the web interface
	# itself remain covered by the GPL. 
	# See http://gargoyle-router.com/faq.html#qfoss for more information
	gargoyle_header_footer -h -s "status" -p "bandwidth" -c "internal.css" -j "table.js bandwidth.js" qos_gargoyle 
?>


<script>
<!--
<?
	echo 'var monitorNames = new Array();'
	if [ -e /etc/bwmond.conf ] ; then
		cat /etc/bwmond.conf | awk ' { if($0 ~ /^monitor/){ print "monitorNames.push(\""$2"\");" ; }} '
	fi
?>
//-->
</script>


<form>

	<fieldset>
		<legend class="sectionheader">Bandwidth Graph Display Options</legend>
	

		<div>
			<label for='time_frame' id='time_frame_label'>Time Frame:</label>
			<select id="time_frame" onchange="resetPlots()">
				<option value="15m">15 Minutes</option>
				<option value="15h">15 Hours</option>
				<option value="15d">15 Days</option>
				<option value="1y">1 Year</option>
			</select>
		</div>

		<div id="control_column_container">
			<div id="plot1_control_column">
				<div><span  id="plot1_title">Plot 1</span></div>
				<div><select id="plot1_type" onchange="resetPlots()" ><option value="total">Total Bandwidth</option></select></div>
				<div><select id="plot1_id" onchange="resetPlots()"></select></div>

			</div>
			<div id="plot2_control_column">
				<div><span   id="plot2_title">Plot 2</span></div>
				<div><select id="plot2_type" onchange="resetPlots()" ><option value="none">None</option></select></div>
				<div><select id="plot2_id" onchange="resetPlots()"></select></div>
			</div>
			<div id="plot3_control_column">
				<div><span   id="plot3_title">Plot 3</span></div>
				<div><select id="plot3_type" onchange="resetPlots()"><option value="none">None</option></select></div>
				<div><select id="plot3_id" onchange="resetPlots()"></select></div>
			</div>
		</div>
		<br/>Internet Explorer users require the free Adobe svg viewer which can be downloaded <a href="http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe">here</a>
		<br/>NOTE: Vista users must right click the downloaded file and "run as administrator", after installing please restart Internet Explorer.
		
	</fieldset>
	
	<div class="plot_header">Upload Bandwidth Usage:</div>
	<div><embed id="upload_plot" style="margin-left:10px; width:525px; height:400px;" src="bandwidth.svg"  type='image/svg+xml' pluginspage='http://www.adobe.com/svg/viewer/install/'></embed></div>
	
	
	<div class="plot_header">Download Bandwidth Usage:</div>
	<div><embed id="download_plot" style="margin-left:10px; width:525px; height:400px;" src="bandwidth.svg"  type='image/svg+xml' pluginspage='http://www.adobe.com/svg/viewer/install/'></embed></div>

	<fieldset id="total_bandwidth_use" style="display:none" >
		<legend class="sectionheader">Total Bandwidth Useage</legend>
		<div class="bottom_gap">

			<label for='total_time_frame' id='total_time_frame_label'>Display Time Interval:</label>
			<select id="total_time_frame" onchange="updateTotalTable()"></select>
		</div>
		<div id="total_bandwidth_table_container">
		</div>
	</fieldset>
</form>




<!-- <br /><textarea style="margin-left:20px;" rows=30 cols=60 id='output'></textarea> -->

<script>
<!--
	initializePlotsAndTable();
//-->
</script>



<?
	gargoyle_header_footer -f -s "status" -p "bandwidth"  
?>