Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
Wednesday, May 14, 2014
Monday, March 3, 2014
Graph Tools using Js, HTML and Canvas
Flot: Attractive JavaScript plotting for jQuery
flotcharts.org
Additional examples are bundled with Flot. Also take a look at the Flot Usage Wiki for screenshots and stories from people and companies using Flot.
jqPlot Charts and Graphs for jQuery
jqplot.com
Computation and drawing of lines, axes, shadows even the grid itself is handled by pluggable "renderers". Not only are the plot elements customizable, plugins can expand functionality of the plot too! There are plenty of hooks into the core jqPlot code allowing for custom event handlers, creation of...
http://www.rgraph.net/
Friday, November 23, 2012
Modernizr - A Javascript library
What Is Modernizr
It is a
JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Why use Modernizr?
Taking advantage of cool new web technologies is great fun, until you
have to support browsers that lag behind. Modernizr makes it easy for you to
write conditional JavaScript and CSS to handle each situation, whether a
browser supports a feature or not. It’s perfect for doing progressive
enhancement easily.
How it works
Modernizr runs quickly on page load to detect features; it then creates
a JavaScript object with the results, and adds classes to the html element for you to key your CSS on. Modernizr supports dozens of tests,
and optionally includes YepNope.js for
conditional loading of external .js and .css resources.
Source : Internet
Monday, November 19, 2012
Saturday, January 28, 2012
Thursday, July 17, 2008
UFrame = Iframe + UpdatPanel
UFrame combines the goodness of UpdatePanel and IFRAME in a cross browser and cross platform solution. It allows a DIV to behave like an IFRAME loading content from any page either static or dynamic. It can load pages having both inline and external Javascript and CSS, just like an IFRAME. But unlike IFRAME, it loads the content within the main document and you can put any number of UFrame on your page without slowing down the browser. It supports ASP.NET postback nicely and you can have DataGrid or any other complex ASP.NET control within a UFrame. UFrame works perfectly with ASP.NET MVC making it an replacement for UpdatePanel. Best of all, UFrame is implemented 100% in Javascript making it a cross platform solution. As a result, you can use UFrame on ASP.NET, PHP, JSP or any other platform.
UFrame does not use IFRAME nor UpdatePanel and thus it is very fast.
<div class="UFrame" id="UFrame1" src="SomePage.aspx?ID=UFrame1" >
<p>This should get replaced with content from Somepage.aspx</p>
</div>
Response from SomePage.aspx is rendered directly inside the UFrame. Here you see two UFrame's are used to load the same SomePage.aspx as if they are loaded inside IFRAME. Another UFrame is used to load AnotherPage.aspx that shows photos from Flickr.
UFrame does not use IFRAME nor UpdatePanel and thus it is very fast.
<div class="UFrame" id="UFrame1" src="SomePage.aspx?ID=UFrame1" >
<p>This should get replaced with content from Somepage.aspx</p>
</div>
Response from SomePage.aspx is rendered directly inside the UFrame. Here you see two UFrame's are used to load the same SomePage.aspx as if they are loaded inside IFRAME. Another UFrame is used to load AnotherPage.aspx that shows photos from Flickr.
Wednesday, July 16, 2008
Display HTML without Execute
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Example</title>
<script language="JavaScript" type="text/javascript">
<!--
function showTags()
{
str=document.getElementById("txtCode").value;
str=str.replace(/[&]/g,'&');
str=str.replace(/[<]/g,'<');
str=str.replace(/[>]/g,'>');
str=str.replace(/[\n]/g,'<br>');
//document.getElementById('show').innerHTML=str;
document.getElementById('txtCodeop').value = str;
}
//-->
</script>
</head>
<body onload="showTags()">
<div id="show"></div>
<TextArea id="txtCode" name="txtCode"></textArea>
<input type=button id=btnSubmit name=btnSubmit onclick="Javascript:showTags();">
<TextArea id="txtCodeop" name="txtCodeop"></textArea>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Example</title>
<script language="JavaScript" type="text/javascript">
<!--
function showTags()
{
str=document.getElementById("txtCode").value;
str=str.replace(/[&]/g,'&');
str=str.replace(/[<]/g,'<');
str=str.replace(/[>]/g,'>');
str=str.replace(/[\n]/g,'<br>');
//document.getElementById('show').innerHTML=str;
document.getElementById('txtCodeop').value = str;
}
//-->
</script>
</head>
<body onload="showTags()">
<div id="show"></div>
<TextArea id="txtCode" name="txtCode"></textArea>
<input type=button id=btnSubmit name=btnSubmit onclick="Javascript:showTags();">
<TextArea id="txtCodeop" name="txtCodeop"></textArea>
</body>
</html>
Saturday, May 10, 2008
HTML Tips
//To show the controls in single line
<tr><td nowrap="nowrap"><tr nowrap="nowrap"><td>
<div style="text-align:left" style="overflow:auto; height:155px;">
<tr><td nowrap="nowrap"><tr nowrap="nowrap"><td>
<div style="text-align:left" style="overflow:auto; height:155px;">
Subscribe to:
Posts (Atom)