Discussion :

[DJCow]

Bonjour,

je cherche à charger des pages htlm par le biais de la balise object mais je ne sais pas comment faire.

pour l'instant je charge une page dans un "cadre" des le chargement de mon index par:

<object data="http://ma page.html" type="text/html" align="left" style="width: 635px; height: 940px;" />

mais j'aimerais charger d'autres pages dans ce "cadre" lorsque je clic sur différents liens (mon menu en fait).

Quelqu'un aurait une idée?

(je ne sais pas si mon titre est bon, n'hésitez pas à me le faire modifier si besoin)

merci par avance

[Ikonic]

Salut,

Pourquoi n'utilises-tu pas plutôt la balise iframe ?

[Bovino]

Salut,

Pourquoi n'utilises-tu pas plutôt la balise iframe ?

Oui... pourquoi faire simple avec les outils prévus pour...

Pour info, il ne faut pas confondre iframe et frame (si les frameset sont déconseillés, ce n'est pas le cas des iframes)

[DJCow]

Comme ça, les frames ou les iframes sont pratique mais ont les problèmes qu'on leur connait (problèmes de reconnaissances par certains moteur de recherche).

Donc je passe par un object.


Voilà ma page de test:

http://djcow.gets.free.fr/essai/

[Ikonic]

Il faut que tu voyes du côté javascript...
Pour chacun de tes liens, tu rajoutes un évènement au clic.

un truc du genre :

partie html,
• ajoute un identifiant à ton conteneur dans lequel tu as l'object

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div align="center" id="mondiv">

• pour tes liens,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a onclick="link('videos.html');" href="http://djcow.gets.free.fr/dossier_site/videos.php_fichiers/videos.html">lien</a>

partie javascript,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function link(url) {
  document.getElementById('mondiv').innerHTML = '<object align="left" style="width: 635px; height: 633px;" type="text/html" data="http://djcow.gets.free.fr/cadres/"'+url+'></object>';
}

Enfin, quand je consulte ta partie header, je me demande si tu as saisi les balises pour les moteurs de recherche, vu que tu n'en as mis aucune... je suppose que tu n'a pas de fichier robots.txt aussi... inutile alors que je te parle de sitemap...
Et es-tu sûr que les moteurs de recherche vont explorer les liens de ton object ? personnellement, j'en doute... (après je peux me tromper)

[hs] par contre ton code pour la balise object, tu as du oublier de fermer ou d'ouvrir des guillemets dans un attribut car j'ai ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<object [...] cours="" en="" chargement="" standby:=""> </object>

et aussi ça, revoir l'url du fichier

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<link href="http://djcow.gets/index.php_fichiers/watercooling.ico" rel="SHORTCUT ICON"/>

[DJCow]

Quand tu dis:
ajoute un identifiant à ton conteneur dans lequel tu as l'object

je comprends pas en fait

il faut mettre <div align="center" id="mondiv"> dans mes cadres? (news et projets par exemple? dispo dans /cadres/)

voir
http://djcow.gets.free.fr/essai/index2.html

Pour l'url de l'icon, il est bon ça n'a jamais marché en fait... si t'as une idée

pour le problème avec la balise object, je n'ai pas eu de retour comme ça, ça marchait bien.

[Ikonic]

dans ton td, tu as mis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div align="center">
balise object
</div>

c'est de clui-ci dont je parle

pour l'url de l'icône, ça n'a jamais marché car ton url n'est pas bonne : je sais pas je dis ça comme ça euh... nom de domaine ? hébergeur ?

[DJCow]

ok pour l'icone lol je l'enlèverais


par contre, j'ai bien corrigé mais ça ne change rien du tout, une idée?

http://djcow.gets.free.fr/essai/index.html

[Ikonic]

Normal que ça n'a rien changé !

Voici ton bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<td height="*" background="http://djcow.gets.free.fr/index.php_fichiers/textetexte.gif" width="649">
<div id="mondiv" align="center">
function link(url) { document.getElementById('mondiv').innerHTML = '
<object align="left" +url+="" data="http://djcow.gets.free.fr/cadres/" type="text/html" style="width: 635px; height: 633px;"/>
'; }
</div>
</td>

Tu es sûr que tu as compris la structure d'une page web ? car là il faut que tu reprennes tout depuis le début sur les bases d'une page web...

Bon, alors c'est mon dernier post pour t'aider, après si tu comprends pas, ce n'est pas de ma faute...

Pour la partie HTML (body) : tu laisses ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<td height="*" background="http://djcow.gets.free.fr/index.php_fichiers/textetexte.gif" width="649">
<div id="mondiv" align="center"></div>
</td>

Dans la partie HTML (header) : rajoute ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<script src="http://djcow.gets.free.fr/index.php_fichiers/link.js" language="javascript">

Ensuite, télécharge le fichier link.js en pièce jointe, que tu uploades dans le dossier index.php_fichiers

Et donc pour tes liens, tu rajoutes un évènement onclick, ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a onclick="link(this.href);" href="http://djcow.gets.free.fr/cadres/news.html">News</a>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a onclick="link(this.href);" href="http://djcow.gets.free.fr/dossier_site/informatique.php_fichiers/informatique.html">Informatique</a>

[DJCow]

Je n'est jamais vraiment fait de HTML en fait, je bidouille plus qu'autre chose, je l'admet.
Hier, j'étais pas vraiment réveillé lol mais après une nuit de sommeil

bon, j'ai tout mis comme tu as dit (si si) mais non... ça ne marche pas.

j'ai mis l'index à la racine du site pour tester... ça fait pareil et je me rend compte que mon affichage de bannière aléatoire ne fonctionne plus non plus... alors que ça marchait ya pas très longtemps.

Une dernière idée?

[Ikonic]

Je viens d'aller voir cette page http://djcow.gets.free.fr/essai/index.html et rien de mon précédent post a été fait...

[hs] je vois que le titre de ta page est *** DJCow Web Site Development ***... tu fais du développement de site ?

[DJCow]

pour rigoler


l'index à été déplacé à la racine du site

djcow.gets.free.fr/index.html

d'où ton trouble et ton incompréhension mdr

[Ikonic]

Pour les liens, j'ai omis le return false;
donc pour tes liens

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a onclick="link(this.href);return false;" href="http://djcow.gets.free.fr/dossier_site/informatique.php_fichiers/informatique.html">Informatique</a>

Pour ta bannière, ça fonctionne pas car tu n'as pas modifié le chemin relatif du dossier comprenant les images.

Je regarde là pourquoi ça n'écrit pas dans ton conteneur au chargement de la page.

[DJCow]

Je vois ce que tu veux dire pour mes bannières mais le dossier où elles sont stocké existe bel et bien et le chemin est bon.
vu que l'index.htlm est à la racine du site, c'est normal d'avoir ça non?

<script type="text/javascript" language="javascript">
{
document.write('<img src="bannieres/'+ Math.round((Math.random()*1)+1)+ '.jpg" border="0" height="134" width="780" >');
}
</script>


Ou bien refaut-il mettre http://djcow.gets.free.fr/bannieres ?

[Ikonic]

ouais mais il y a une différence énorme entre un fichier nommé 2.jpg et un nommé title_princ2.jpg...

bref là, je ne peux que te dire de faire marcher ton cerveau car ça en devient grotesque...

[DJCow]

t'es pas non plus obligé de me dénigrer comme ça
Entre le moment où j'avais testé et le moment ou je l'ai implémenté, j'ai oublié de renomer les fichiers lors de la copie sur le serveur. C'est des choses qui arrive et comme je te le disais plus haut, je ne suis pas un grand connaisseur en html et mes notions de programmation commence à remonter donc, voilà

[Ikonic]

Dans le fichier link.js

remplace ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.onload = link('http://djcow.gets.free.fr/cadres/news.html');

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
window.onload = function() {
link('http://djcow.gets.free.fr/cadres/news.html');
};

[DJCow]

Merci beaucoup Iconik

[Invité]

Bonjour, j'ai utiliser le js proposé par Ikonic, tout fonctionne bien à part au premier chargement de la page d'accueil ou ça m'affiche ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('contenu').innerHTML =

c'est assez furtif mais c'est chiant que ça s'affiche ... voici l'adresse pour tester (Lien)

Merci d'avance pour votre aide.