Aller au contenu

Sujets conseillés

Posté

bonjour, :)

je commence doucement en ajax grace a un bouquin de pret de 600pages trés bien fait et trés complet.

J'ai commence a lire les 200 premieres pages, et je me lance dans un premier test.

J'ai modifie trés légérement les exemples afin d'essayer de comprendre le fonctionnement.

Mais, je me retrouve deja bloqué, je ne vois pas trop ce qui cloche.

le but est de modifier un bloc sans recharger la page. Ce bloc decrit un article. la description doit changer au survol des vignette representant les articles.

En clair j'ai une serie de 20 vignette representant 20 article, et un seul espace pour lire la description de l'article. Le but ultime etant de pouvoir lire la description en survolant la vignette.

voici mon code

<script type="text/javascript">
function description(){
var div = document.getElementById('description'); //on determine le bloc a modifier
div.innerHTML = "description modifier";} // on precise comment ca doit changer
}
</script>

bloc devant changer au passage de la souris

<div id="description">test d'une description </div>

code pour afficher les images. le tout compris dans une boucle

<a href="<?php echo $url; ?>video.php?id=<?php echo $id; ?>">
<img class="img" onmouseover="description()" src="<?php echo $url; ?>upload/images/<?php echo $id; ?>.<?php echo $donnees['Images']; ?>" alt="<?php echo $Description; ?>" title="<?php echo $donnees['Titre']; ?>" />
</a>

je suis un peu degouter parce que c'est vraiment le tout debut, un truc qui normalement est tout simple et je bute deja

merci par avance de toute aide que vous pourriez m'apporter :)

Posté

salut,

essaye avec par exemple :

<a href="#" onMouseover="description()"><img class="img" src="blabla.." /></a>

Posté (modifié)

<script type="text/javascript">
function description(){
document.getElementById('description').innerHTML = "description modifier";
}
</script>

cela ira mieux ainsi normalement...

Modifié par georges
Posté

Enfin là c'est pas de l'ajax mais du javascript tout simplement :)

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...