1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
   |  
<!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>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Test slide Jquery</title>  
<link rel="stylesheet" href="style.css" media="all" />  
<script type="text/javascript" src="[http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js]"></script>  
<script type="text/javascript">  
 
function go() 
{ 
 if (window.XMLHttpRequest) 
 {// code for IE7+, Firefox, Chrome, Opera, Safari 
  http=new XMLHttpRequest(); 
 } 
 else 
 {// code for IE6, IE5 
    http=new ActiveXObject("Microsoft.XMLHTTP"); 
   } 
 
 var nom = document.getElementById("nom").value; 
 var datas = "nom="+nom; 
 
 http.open("GET","exemple.php",true); 
 http.send(datas); 
 
 http.onreadystatechange=function() 
 { 
  if (http.readyState==4 && http.status==200) 
     { 
      document.getElementById("slide2").innerHTML=http.responseText; 
     } 
 } 
} 
 
</script>  
 
<html>  
<body>  
 
<div id="slideshow">  
 
  <div id="slidesContainer">  
 
    <div class="slide" id="slide1">  
     Slide 1  
     <table border="1">  
      <tr>  
       <th>Nom : </th>  
       <td><input type="text" id="nom"></input></td>  
      </tr>  
      <tr>  
       <th>Prenom : </th>  
       <td><input type="text" id="prenom"></input></td>  
      </tr>  
     </table>   
     <button type="button" onclick="go()">Cliques-moi</button>  
    </div>  
 
    <div class="slide" id="slide2">  
      Slide 2<br/>  
    </div>  
 
  </div>  
</div>  
</body>  
</html> | 
Partager