trivoallan · March 2, 2011 15:18
diff --git a/index.html b/index.html
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
  <head>
 	<!-- Change this if you want to allow scaling -->
    <meta name="viewport" content="width=default-width; user-scalable=no" />

    <meta http-equiv="Content-type" content="text/html; charset=utf-8">

    <title>Reprise-Illico</title>
 	
 	<!-- iPad/iPhone specific css below, add after your main css >
 	<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />-->		
 	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />		
 	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
 		
 	<!-- If you application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
 	<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script src="http://code.jquery.com/jquery-1.5.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
    <script type="text/javascript" charset="utf-8">

 	// If you want to prevent dragging, uncomment this section
 	/*
 	function preventBehavior(e) 
 	{ 
      e.preventDefault(); 
    };
 	document.addEventListener("touchmove", preventBehavior, false);
 	*/
 	
 	function onBodyLoad()
 	{
 		document.addEventListener("deviceready",onDeviceReady,false);
 	}
 	
 	/* When this function is called, PhoneGap has been initialized and is ready to roll */
 	function onDeviceReady()
 	{
 	    /* 
 	     * Configure Ajax calls
 	     * 
 	     * @see http://api.jquery.com/ajaxStart
 	     * @see http://api.jquery.com/ajaxStop
 	     * @see http://jquerymobile.com/demos/1.0a3/#docs/api/methods.html
 	     */
 	    $.ajaxStart(function() {
 	        $.mobile.pageLoading();
 	    });
 	    $.ajaxStop(function() {
 	        $.mobile.pageLoading(true);
 	    });
        $('.x-ajax').click(function() {
            $.getJSON($(this).attr('href'), function(data) {
                var items = [];

                $.each(data, function(key, val) {
                    items.push('<li id="' + key + '">' + val + '</li>');
                });

                $('<ul />', {'data-role': 'listview', 'data-inset': true, 'data-theme': 'c', 'data-dividertheme': 'b', html: items.join('')}).appendTo('body');
            });
        });
 	}
    
    </script>
  </head>
  <body onload="onBodyLoad()">
    <div data-role="page" data-theme="b" id="jqm-home">
        <div id="jqm-homeheader">
            <picture><img src="logo.png" width="480" height="184" alt="Reprise Illico" /></picture>
        </div>
    </div>

    <div data-role="content"> 
        <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b"> 
 		    <li>Evaluer votre voiture</li>
 		    <li>Comment ça marche ?</li>
 		    <li>Nos Agences</li>
 		    <li><a href="http://www.reprise-illico.com/eurotax/getBrandList?data_format=json&year=2001&month=1" class="x-ajax">Récupérer la liste des modèles disponibles</a></li>
 		</ul>
 	</div>
  </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<!-- Change this if you want to allow scaling -->
	<meta name="viewport" content="width=default-width; user-scalable=no" />

	<meta http-equiv="Content-type" content="text/html; charset=utf-8">

	<title>Reprise-Illico</title>

	<!-- iPad/iPhone specific css below, add after your main css >
	<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />-->
	<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />

	<!-- If you application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
	<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
	<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
	<script type="text/javascript" charset="utf-8">

	// If you want to prevent dragging, uncomment this section
	/*
	function preventBehavior(e)
	{
	e.preventDefault();
	};
	document.addEventListener("touchmove", preventBehavior, false);
	*/

	function onBodyLoad()
	{
	document.addEventListener("deviceready",onDeviceReady,false);
	}

	/* When this function is called, PhoneGap has been initialized and is ready to roll */
	function onDeviceReady()
	{
	/*
	* Configure Ajax calls
	*
	* @see http://api.jquery.com/ajaxStart
	* @see http://api.jquery.com/ajaxStop
	* @see http://jquerymobile.com/demos/1.0a3/#docs/api/methods.html
	*/
	$.ajaxStart(function() {
	$.mobile.pageLoading();
	});
	$.ajaxStop(function() {
	$.mobile.pageLoading(true);
	});
	$('.x-ajax').click(function() {
	$.getJSON($(this).attr('href'), function(data) {
	var items = [];

	$.each(data, function(key, val) {
	items.push('<li id="' + key + '">' + val + '</li>');
	});

	$('<ul />', {'data-role': 'listview', 'data-inset': true, 'data-theme': 'c', 'data-dividertheme': 'b', html: items.join('')}).appendTo('body');
	});
	});
	}

	</script>
	</head>
	<body onload="onBodyLoad()">
	<div data-role="page" data-theme="b" id="jqm-home">
	<div id="jqm-homeheader">
	<picture><img src="logo.png" width="480" height="184" alt="Reprise Illico" /></picture>
	</div>
	</div>

	<div data-role="content">
	<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
	<li>Evaluer votre voiture</li>
	<li>Comment ça marche ?</li>
	<li>Nos Agences</li>
	<li><a href="http://www.reprise-illico.com/eurotax/getBrandList?data_format=json&year=2001&month=1" class="x-ajax">Récupérer la liste des modèles disponibles</a></li>
	</ul>
	</div>
	</body>
	</html>
No results found