Tutorials - Database - Page 4

Making the chart nicer

Make it re-sizeable using jQuery.

Code:
<html>
<head>
 
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-personalized-1.6rc2.min.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
 
swfobject.embedSWF(
  "open-flash-chart.swf", "my_chart",
  "100%", "100%", "9.0.0", "expressInstall.swf",
  {"data-file":"gallery/tutorial-db-4-1.php"} );
 
$(document).ready(function(){
	$("#resize").resizable();
});
</script>
 
</head>
<body>
 
<h1>The number of times open flash chart has been downloaded</h1>
<div id="resize" style="width:400px; height:200px; padding: 10px">
<div id="my_chart"></div>
</div>
</body>
</html>

View my version here.

Don't forget to clean up your database by removing our example data, use a GUI for this or SQL (DROP TABLE)

Support This Project
Adverts:


Open Flash Chart logo by numb.me.uk. | Syntax highlights are by GeSHi