Bonjour
Svp je cherche une solution à un problem qui m'a vraiment troublé,
j'execute une requette Ajax à l'aide d'un timer,
à pour but de recuperer des image d'une base de donnée,
(le nombre des images dans la bdd varient en fonction de temps),
mon but et de deplacer ces image sur evenement soit click ou bien à l'aide d' un timer,
le probleme se reside lors de l'insertion de la reponse Ajax dans ma page web,
quand j' utilise innerHtml le code la fonction javascript deplace() ne s'execute pas,
et quand j'utilise document.write la reponse Ajax ecrase tout le contenu de ma page initiale,
Enfin bon, ça ne marche pas.
ici j'ai deposé un exemple meme si c'est pa detaillé mais il fait l'essentiel.
Quelqu'un svp peut-il me donner la solution au problème ?
*************page ajax.php****************************
<?
//cette image ici émanante d'une base de donnnée
echo "<img id='image1' src='test/image1.gif'>";
echo "<script>
function deplace()
{
var taille = document.getElementById('image1').style.top.value;
document.getElementById('image1').style.top=eval(taille+10);
}
</script>";
?>
*****************************************************
*****************page index**************************
<script>
//cette function en realité je l'execute par un timer javascript
function ajax(){
var ajax= new class_ajax(ajax.php);
}
document.getElementById('span1').innerHtml=responseText;
</script>
<html>
<head></head>
<body Onload='javascript:ajax();'>
<span id='span1'><span>
<form name='form1' method='GET'>
<input type=Submit name='envoyer' value='+' OnClick='javascript:deplace();'>
</form>
</body>
</html>
*****************************************************