cphn example
cphn-example.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>cphn text-messaging based application microformat</title> <!-- possible proposed media="cphn" style for future styling of text messages for in phone crossover between phone's html render engine and text-message engine. this would block the file from being read by web browsers in this way. web browsers could implement the same html file interaction as text messages based on hiding div's and javascript, or classic dynamic file generation. --> <style type="text/css" media="cphn">@import "cphn.css";</style> <style type="text/css" media="screen">@import "screen.css";</style> </head> <body> <div id="home"> <!-- <p>tag is reserved for the text of the messages</p> --> <p>wlcm to cp.hn - pay COA UTIL aug bill?</p> <!-- option group. good responses are y, n, i --> <ul> <li><a href="#yes">(y)es</a></li> <li><a href="#no">(n)o</a></li> <li><a href="#info">(i)nfo</a></li> </ul> </div> <div id="end"> <p>thank you for trying our service. cp.hn</p> </div> <div id="yes"> <p>Your Email?</p> <form action="index.php?p=email" method="post"> <!-- receive the next text message as variable contained within name="email" so allow php/python to access this as a post variable, and send it to email.php for a return variable - either true or false in this case, represented by the ul options --> <input type="text" name="email" /> </form> <ul> <!-- if email.php returns true go to div id="password" --> <li><a href="#password">true</a></li> <!-- if email.php returns false go to div id="emailincorrect" --> <li><a href="#emailincorrect">false</a></li> </ul> </div> <div id="no"> <p>reply to this text with "u" to unsubscribe.</p> <ul> <li><a href="#end">(u)nsubscribe</a></li> <!-- proposed relative back href="" to enable div reuse. would send back the last text message. --> <li><a href="../">(b)ack</a></li> </ul> </div> <div id="info"> <p>cp.hn is a text-messaging application microformat based on xhtml</p> </div> <div id="password"> <!-- this demonstrates a possible LAMP integration for this format's dynamic generation --> <p>wlcm <?php echo $name; ?>. your pwd?</p> <form action="index.php?p=password" method="post"> <input type="password" name="password" /> </form> <ul> <li><a href="#account">true</a></li> <li><a href="../">false</a></li> </li> </div> <div id="account"> <p>aug 05: $<?php echo $bill; ?></p> <ul> <li><a href="#pay">(p)ay with card on file</a></li> </ul> </div> <div id="pay"> <p><?php echo today(); ?>. aug 05 paid. confirm #<?php echo $confirmation_number; ?></p> </div> </body> </html>