apple-touch-startup-image en apple-mobile-web-app-capable in wptouch

Status
Niet open voor verdere reacties.

Daantje3

Gebruiker
Lid geworden
5 mei 2011
Berichten
428
Hallo allemaal,

ik heb wptouch op mijn website (geen pro versie) en ik wil apple-touch-startup-image en apple-mobile-web-app-capable op mijn mobiele website en ik heb de nieuwste versie van wptouch.
Alleen het lukt me niet.
Kan iemand me helpen?
 
Laatst bewerkt:
moet je dit eens testen
PHP:
if(!session_start()){
	print "session error ALERT TO ENABLE JS";
}
?>
<!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>title</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="ROBOTS" content="INDEX" />
	<meta name="DESCRIPTION" content="" />
	<meta name="KEYWORDS" content="content,dynamic site" />
	<meta name="author" content="will" />
	<meta name="copyright" content="copyright 2008 www.engageinteractive.co.uk" />
	<meta name="description" content="Welcome to engege interactive on the iPhone!" />

	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
	<link rel="apple-touch-icon" href="images/template/engage.png"/>

	<style type="text/css">
		@import url("iphone.css");
	</style>

	<script language='JavaScript' src='/Ifone.js'></script></script>
	<script type="text/javascript">
		window.addEventListener("load", function() { setTimeout(loaded, 100) }, false);
	
		function loaded() {
			document.getElementById("page_wrapper").style.visibility = "visible";
			window.scrollTo(0, 1); // pan to the bottom, hides the location bar
		}
	</script>
</head>
<body onorientationchange="updateOrientation();">
	<div id="page_wrapper">
		<h1>Engage Interactive</h1>
		<div id="content_left">
			<p>You are now holding your phone to the left</p>
		</div>
		<div id="content_right">

			<p>You are now holding your phone to the right</p>
		</div>
		<div id="content_normal">
			<p>You are now holding your phone upright</p>
		</div>
		<div id="content_flipped">
			<p>This doesn't work yet, but there is a chance apple will enable it at some point, so I've put it in anyway. You would be holding your phone upside down if it did work.</p>

		</div>
	</div>
</body>
</html>

js
Code:
	/**
    *
    *  @see ?copyright?
    *  http://www.engageinteractive.co.uk/tutorials/iphone/orientation.js
    *
    **/
    window.onload = function initialLoad(){
		updateOrientation();
	}
	
	function updateOrientation(){
		var contentType = "show_";
		switch(window.orientation){
			case 0:
			contentType += "normal";
			break;
			
			case -90:
			contentType += "right";
			break;
			
			case 90:
			contentType += "left";
			break;
			
			case 180:
			contentType += "flipped";
			break;
		}
	document.getElementById("page_wrapper").setAttribute("class", contentType);
	}
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan