Discussion :

[Rifton007]

Bonjour a tous et merci de votre aide.

Mon but serais de charger un un fichier HTML dans une DIV.
Voici le code que j'utilise.

Code :

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

<a href="#" onclick="LoadHTML(); return false;">Charger</a>

Code :

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

1
2
3
4
5
function LoadHTML(){
 
  document.getElementById('Content').innerHTML = http://users.skynet.be/FTP_Exchange/OD/HTML/Temporaire.htm;
 
}

Mais rien ne se passe, quel est mon erreur ?

[OButterlin]

Pour faire ce genre de chose, tu devrais utiliser <iframe> et pas Div...

A+

[Rifton007]

Oui j'ai lu sur un forum, mais apparament le value Heigt dois être fixe.
Et mes HTML n'ont pas la même hateur, alors comment faire ?

[OButterlin]

Rien n'empêche de modifier les attributs width et height du <iframe> par javascript, à priori, tu dois pouvoir faire la même chose qu'avec un <div>

[Rifton007]

Ok super, si sa te dérange pas trop, tu serais m'indiquer comment utilise le iframe? Je suis rester 4h sur ce InnerHTML que j'en est un mal de tête.
Un lien pour un tuto, ou que tu me présente vite fait le code.
Merci encore.

[OButterlin]

Un petit exemple pour te familiariser :

Quand tu cliques sur le bouton, on agrandit la taille de l'iframe...
Attention, si tu utilises des dimensions relative (width="50%"), il faudra adapter la fonction (retirer le "%" avant de parser)...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<form>
...
<input type="button" onclick="agrandir()" value="Agrandir" />
<iframe id="if1" src="/taPageReference.html" width="150" height="150"></iframe>
</form>
...
<script type="text/javascript">
function agrandir()
{
    var if1 = document.getElementById("if1");
    var w = parseInt(if1.width);
    var h = parseInt(if1.height);
    w += 50;
    h += 50;
    if1.width = w;
    if1.height = h;
}
</script>

[Macintoc]

Tu peux également faire une requète sur cette adresse avec l'objet XMLHTTPRequest.

[Rifton007]

J'ai trouvé une solution plus simple.

Utilise un CSS.
Mettre les balises Iframe, Html, Body en width 100%
Ne pas oublier de mettre le conteneur du iframe à 100% aussi.
Sa marche ou IE et Firefox.