Top App Cast: Simple AppCast Builder

Name:
Brand:
Phone:
Email:
Web site:
Street address:
City ST ZIP:
Details:

<html>
<head>
<title>Local App</title>
<meta name="viewport" content="width=devicewidth; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

<style>
body {margin:0; text-align:left;background-color:#eee;}
canvas{margin:auto;}
.landscape {width:480px; min-height:268px;}
.portrait {width:320px; min-height:416px;border:1px dotted black;}
.portrait canvas.clock {margin-top:79px;}
.namediv {font-size:30;margin:0 5 0 5}
.nav {background-color:yellow;text-align:center;
 position:absolute;
 top:380px;left:10px;width:300px;
 font-size:24;
 opacity:0.5}
</style></head><body><div style="display:none"><center>
<b>${name}</b>
${brand}

<a href="tel://${phone}">${phone}</a>
<a href="mailto:${email}">${email}</a>
#
${website}
<input type=button onclick="location='${website}'" value="Show in Safari" style="height:45px;width:95%">

${street}
${citystzip}
<input type=button onclick="location='http://maps.google.com/maps?q='+escape('${street} ${citystzip}')" value="Show in maps app" style="height:45px;width:95%">
#
${details}
#
Online alerts
<textarea rows=10 cols=40></textarea]
<script src="http://tinyurl.com/riptsphp/?f=text%26i=1024"></script>
Powered by
iphone.okdaily.com
</div>
<script]
//11-15-10
function pApp(){
 this.scrollHome=function() {
   document.body.className=(window.orientation)?'landscape':'portrait';
   setTimeout("window.scrollTo(0, 1);", 100);
 }
 this.iPhoneBasics=function(){
   var b=document.body;
   window.onorientationchange = this.scrollHome;
   this.scrollHome();
   b.addEventListener("touchmove", function(e) { e.preventDefault(); }, false);
 }
 this.setupNav=function(){
   var dv = this.createEl("div",{className:'nav',mas:this});
   dv.innerHTML = 'Next';
   dv.onclick= function(){this.mas.navToDiv('n')}
   document.body.appendChild( dv );
   this.divs = new Array();
   this.currentDivNum=0;
 }
 this.addDivForNav=function(dv){
   dv.style.display= (this.divs.length)? "none":"block";
   this.divs[this.divs.length]= dv; 
   document.body.appendChild( dv );
 }
 this.navToDiv=function(i){
   i = (isNaN(i))? (this.currentDivNum+1) : i;
   var k= this.currentDivNum=((i<0)||(i>=this.divs.length))? 0 : i;
   for (var i=0; i<this.divs.length; i++)
    this.divs[i].style.display= (i==k)? "block":"none";
 }
 this.start=function(sep,title){
   document.title= title;
   var dataDiv=document.getElementsByTagName('div')[0];
   var data=(dataDiv)?dataDiv.innerHTML:"\nHello\nWorld"
   this.iPhoneBasics();
   this.setupNav();
   for (var i=0,at=data.split(sep); i<at.length; i++){
     var dv = this.createEl("div",{className:'namediv'});
     dv.innerHTML = at[i].split(unescape('%0a')).join('<b'+'r>');
     this.addDivForNav(dv);
   }
 }
}//-----
function TMNO( o, a,b,c,d,e,f,g,h,i,j ){
	var res= (typeof(o)=="object")? o : new window[o](a,b,c,d,e,f,g,h,i,j);
	this.mold= function(d, s, ovr){	for (var m in s){ if ((!d[m]) || ovr) d[m]=s[m]; }return d;}
	this.cgi= function(k,def,qy){var at=(qy+"").split(new RegExp("[\&\?]"+k+"=")); return (at.length==1)?def:at[1].split("&")[0]; }
	this.createEl= function(tag, mm){ return this.mold(document.createElement(tag), mm); }
	this.mold( this, res, true );
}
(new TMNO("pApp")).start("#","AppCast");
//data:text/html;base64,...
</script]
</body>
</html>

Pages

Simple AppCast Builder