J’ai trouvé un code AJAX, me permettant de mettre a jours des infos sur une page web, après les avoir enregistré dans une BDD.
Mon probleme doit etre un conflit de <div>.
La mise a jours se fait bien, c’est le côté cool de la chose, le soucis est que j’ai 2 fois la même div qui apparait sur ma page. J’ai surligné en jaune la div qui me fait des siennes !!!
Après avoir essayé plein de chose, dont lui donner un ‘id’, je trouve pas.
Si vous avez une solution je suis preneur, pour le moment je seche.
Merci d’avance et bonne journée.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<html>
<head>
<title>Hotel saint jacques</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
<link rel="stylesheet" href="css/slider.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js"></script>
<script src="js/tms-0.4.1.js"></script>
<script>
$(window).load(function(){
$('.slider')._TMS({
show:0,
pauseOnHover:false,
prevBu:'.prev',
nextBu:'.next',
playBu:false,
duration:800,
preset:'fade',
pagination:true,//'.pagination',true,'<ul></ul>'
pagNums:false,
slideshow:1000,
numStatus:false,
banners:false,
waitBannerAnimation:false,
progressBar:false
})
});
$(window).load (function(){$('.carousel1').carouFredSel({auto: false,prev: '.prev',next: '.next', width: 960, items: {
visible : {min: 1,
max: 4
},
height: 'auto',
width: 240,
}, responsive: false,
scroll: 1,
mousewheel: false,
swipe: {onMouse: false, onTouch: false}});
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
<script>
function refresh_div()
{
var xhr_object = null;
if(window.XMLHttpRequest)
{ // Firefox
xhr_object = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{ // Internet Explorer
xhr_object = new ActiveXObject('Microsoft.XMLHTTP');
}
var method = 'GET';
var filename = 'match.php';
xhr_object.open(method, filename, true);
xhr_object.onreadystatechange = function()
{
if(xhr_object.readyState == 4)
{
var tmp = xhr_object.responseText;
document.getElementById('objet2').innerHTML = tmp;
}
}
xhr_object.send(null);
setTimeout('refresh_div()', 2000);
}
</script>
</head>
<body bgcolor="#AEAAAA" onload='refresh_div();'>
<style>
#objet1 {
position :relative;
background :AEAAAA;
width :500px;
height :376px;
top :20px;
left :150px;
}
#objet2 {
position :relative;
background :AEAAAA;
width :500px;
height :376px;
top :10px;
left :40px;
}
</style>
</body>
<div style="border :0px solid black; background-color:grey;">
<table align="center">
<tr>
<td align="center" valign="center" height="30" width="500" ><h1>Match du jour</h1></td>
</tr>
</table>
</div>
<div id='objet1'>
<div class="slider-relative">
<div class="slider-block">
<div class="slider">
<ul class="items">
<li><img src="images/newslide/slide.jpg" alt=""></li>
<li class="mb0"><img src="images/newslide/slide1.jpg" alt=""></li>
</ul>
</div>
</div>
</div>
</div>
<div id='objet2'>
<?php // match.php
require_once 'login.php';
$conn = new mysqli($hn, $un, $pw, $db);
if ($conn->connect_error) die($conn->connect_error);
$query = "SET NAMES utf8"; // Force l'affichage en utf-8
$result = $conn->query($query);
if (!$result) die($conn->error);
// affichage des resultats
$query = "SELECT * FROM match";
$result = $conn->query($query);
if (!$result) die ("Échec de l'accès à la base de données : " . $conn->error);
$rows = $result->num_rows;
for ($j = 0 ; $j < $rows ; ++$j)
{
$result->data_seek($j);
$row = $result->fetch_array(MYSQLI_NUM);
echo <<<_END
<pre>
<table border=0 align="center">
<tr>
<td align="center" valign="center" height="30" width="200"><font size="5"><b> Equipe</td>
<td align="center" valign="center" height="30" width="100"><font size="5"><b> domicile </td>
<td align="center" valign="center" height="30" width="100"><font size="5"><b> visiteur </td>
</tr>
<tr bgcolor="grey">
<td align="left" valign="center" height="72" width="200"><font size="5"><b> joueur 1 </td>
<td align="center" valign="center" height="72" width="100"><font size="7"><b> $row[10] </b></td>
<td align="center" valign="center" height="72" width="100"><font size="7"><b> $row[3] </td>
</tr>
</pre>
</tr></table>
_END;
}
$result->close();
$conn->close();
function get_post($conn, $var)
{
return $conn->real_escape_string($_POST[$var]);
}
?>
</div>
</html>