code_junkie

What are all the special iPhone / iPod Touch HTML tags?

Nov 13th, 2011
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.42 KB | None | 0 0
  1. <link rel="apple-itouch-icon" href="/apple-touch-icon.png" />
  2.  
  3. <input type="search" results="5"/>
  4.  
  5. <meta name="viewport" content="width=320, initial-scale=2.3, user-scalable=no">
  6.  
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  8.  
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10.  
  11. <link rel="apple-touch-icon" href="icons/regular_icon.png" />
  12. <link rel="apple-touch-icon" href="icons/retina_icon.png" sizes="114x114"/>
  13.  
  14. <link rel="apple-touch-icon-precomposed" href="/images/touch-icon.png" />
  15.  
  16. <a href="tel:01234567890">Call us</a>
  17. <a href="sms:01234567890">Text us</a>
  18.  
  19. <script type="text/javascript">
  20. function orient(){
  21. switch(window.orientation){
  22. case 0:
  23. document.getElementById("orient_css").href = "css/iphone_portrait.css";
  24. break;
  25. case -90:
  26. document.getElementById("orient_css").href = "css/iphone_landscape.css";
  27. break;
  28. case 90:
  29. document.getElementById("orient_css").href = "css/iphone_landscape.css";
  30. break;
  31. }
  32. }
  33. window.onload = orient();
  34. </script>
  35.  
  36. <link rel="stylesheet" type="text/css" href="../iphone4.css"
  37. media="only screen and (-webkit-min-device-pixel-ratio: 2)" />
  38.  
  39. function orient(o){
  40. switch(o){
  41. case -90:
  42. case 90:
  43. $('#container').removeClass().addClass('landscape');
  44. break;
  45. default:
  46. $('#container').removeClass().addClass('portrait');
  47. break;
  48. }
  49. }
Add Comment
Please, Sign In to add comment