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
|
<html>
<head>
<script type="text/javascript">
function celTab(url, div){
var xhr_object = null;
if(window.XMLHttpRequest)
xhr_object = new XMLHttpRequest();
else if (window.ActiveXObject)
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
xhr_object.open("GET", url, true);
xhr_object.onreadystatechange = function(){
if (xhr_object.readyState == 4 && xhr_object.status == 200)
document.getElementById(div).innerHTML = xhr_object.responseText;
else
document.getElementById(div).innerHTML = 'Attente...';
}
xhr_object.send(null);
}
</script>
</head>
<body>
<table style="width:300px;">
<?php
$id = 0;
$url = array();
for($i=1; $i<=30; $i++)
$url[$i] = 'page.php';
$background = array(1=>'#FFFFFF;', 2=>'#DDDADA;', 3=>'#C4C2C2;');
for($i=1; $i<=10; $i++){
echo '<tr>';
for($j=1; $j<=3; $j++){
echo '<td style="width:100px; text-align:center; background:'.$background[$j].'"><div id="div'.$id.'" onClick="celTab(\''.$url[$i*$j].'\', \'div'.$id.'\');">texte</div></td>'."\n";
$id++;
}
echo '</tr>';
}
?>
</table>
</body>
</html> |
Partager