Changement partiel d'une page
Bonjour,
J'ai l'impression que je n'utilise pas la bonne méthode pour charger des pages web comme je le souhaite.
Voila mon problème, je dois créer plusieurs pages web contenant certains éléments similaires et d'autres différents. La personne pour laquelle je réalise ce travail m'a donc demandée de faire en sorte que seuls les éléments qui différent soient modifiés mais dans la même page.
Il faut insérer des vidéos, des images et des fichier .txt ou .html (ces 2 derniers pour du texte).
pour la vidéo, j'utilise une fonction javascript qui fonctionne
Ainsi lorsque je clic sur un lien, la vidéo est modifier dans le même lecteur, dans la même page, grâce a la modification du contenu de l'objet appelé par le javascript suivant:
Code:
1
2
3
4
5
|
function play(filename)
{
player.url = filename;
} |
qui intervient dans le code html suivant:
Code:
1
2
3
4
5
6
7
8
|
<object id="player" type="video/x-msvideo" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param name="stretchToFit" value="-1">
</object>
<ul>
<li><a href="#" onclick="play('video1.asx')">vidéo 1</a></li>
<li><a href="#" onclick="play('video2.asx')">vidéo 2</a></li>
</ul> |
Donc ceci marche parfaitement, mais si j'utilise le même code pour afficher des fichier .txt ou .html, cela ne marche pas de la même façon.
si j'utilise le code html:
Code:
1
2
3
|
<object id="player" data="Page 1.html" type="text/html" align="center" width="100%" height="600">
</object> |
La page 1 est bien afficher dans ma page principale
Mais si j'utilise ce code et que je l'associe à la fonction js:
Code:
1
2
3
4
5
|
function afficher(filename)
{
player.data = filename;
} |
et que je crée les liens:
Code:
1
2
3
4
5
|
<ul>
<li><a href="#" onclick="play('Page 1.html')">Page 1</a></li>
<li><a href="#" onclick="play('Page 2.html')">Page 2</a></li>
</ul> |
Les pages ne sont cette fois ci pas modifiées lors du clic sur le lien.
Pourquoi?
On m'avais conseillé d'utiliser l'objet AJAX mais je n'y parviens pas, je ne comprend pas comment il marche et je ne comprend pas non plus en quoi celui ci est la solution? A quoi sert il? Je suis aller voir sur différents sites pour essayer de comprendre, y compris sur le cours de css fournit par developpez.net mais j'ai l'impression que part rapport à ce que je veux faire, il permet au mieux de mettre mon texte dans une boite de dialogue alors que ce n'est pas mon souhait.
Quelqu'un peut m'expliquer et m'aider à trouver une solution s'il vous plait?
