Insertion d'une balise blockquote en tout début de document

Version imprimable

Bonsoir,
je cherche à insérer, avant toute autre balise du body, une balise blockquote.

Je n'ai pas de problème à ajouter quoique ce soit, après les balises existantes avec appendChild mais je seche pour l'insertion.
Le but étant de "citer" l'intégralité de la page html, pas seulement bonsoir comme le fait l'exemple.
Exemple volontairement très simple ici mais la vraie réalité sera beaucoup plus complexe
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> </head> <script> function ins_02() { var body = document.getElementsByTagName("body")[0]; bk=document.createElement("blockquote"); texte = document.createTextNode("Bonsoir"); bk.appendChild(texte); body.appendChild(bk); bk.setAttribute("type", "cite"); } function ins_01() { var body = document.getElementsByTagName("body")[0]; div=document.createElement("div"); texte = document.createTextNode("bonjour"); div.appendChild(texte); body.appendChild(div); } </script> <body bgcolor="#ffffff" text="#000000" onload="ins_01();onload=ins_02();onload=ins_01();"> Christophe Charron a écrit : <blockquote type="cite"><span style="font-weight: bold;">ite Missa est</span><br></blockquote> De rien<br> </body> </html>
D'avance, merci pour votre aide.

Je progresse un peu... j'arrive à insérer grâce à insertBefore !!! Tellement évident comme nom de fonction que je n'avais pas pris la peine de la chercher !! :oops:
Je ne suis pas encore au bon endroit, mais ce n'est plus à la fin du document !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<script>
function ins_03() {
  body = document.getElementsByTagName("body")[0];
  // Cherche la première balise dans n'importe quelle collection de balises
  bodyElements = body.getElementsByTagName("*");
  per = bodyElements[0];
  //per.style.background = "rgb(0,0,255)";
  enf = bodyElements[1];
  //enf.style.background = "rgb(255,0,0)";
 
  bk=document.createElement("blockquote");
  texte = document.createTextNode(".");
  bk.appendChild(texte);
  per.insertBefore(bk,enf);
  bk.setAttribute("type", "cite");
}
</script>
<body bgcolor="#ffffff" text="#000000" onload="ins_03();">
Christophe Charron a &eacute;crit&nbsp;:
<blockquote type="cite"><span style="font-weight: bold;">ite Missa est</span><br></blockquote>
De rien<br>
</body>
</html>

J'y suis presque ... :P sauf que la citation ne se pose pas sur toute la hauteur de la page et que je suis obligé de mettre un caractère pour qu'elle apparaisse ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<script>
function ins_04() {
  body = document.getElementsByTagName("*");
  // Cherche la première balise dans n'importe quelle collection de balises
  //bodyElements = body.getElementsByTagName("*");
  //myP = bodyElements[0];
  myP = body[0];
  myP.style.background = "rgb(0,0,255)";
  enf = body[1];
  enf.style.background = "rgb(255,0,0)";
 
  bk=document.createElement("blockquote");
  texte = document.createTextNode(".");
  bk.appendChild(texte);
  body[0].insertBefore(bk,enf);
  bk.setAttribute("type", "cite");
}
</script>
<body bgcolor="#ffffff" text="#000000" onload="ins_04();">
<p>Christophe Charron a &eacute;crit&nbsp;:
<blockquote type="cite"><span style="font-weight: bold;">ite Missa est</span><br></blockquote>
De rien<br>
</p>
</body>
</html>

Des idées ? D'autant que

Code:

1
2
3
4
5
6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head></head><body><blockquote type="cite"><p>Bonjour,<br>Je cite :<br></p><blockquote type="cite">Hello world<br>
</blockquote><p></p></blockquote></body>
</html>

fonctionne bien !!!

Finalement j'ai trouvé la solution suivante :
Code:

1 2 3 var texte=document.getElementById("Moniframe").contentWindow.document.body.innerHTML; texte="<div>"+vf_c_bak_151+"</div><blockquote type='cite'>"+texte+"</blockquote><div>"+vf_c_bak_152+"</div>"; document.getElementById("Moniframe").contentWindow.document.body.innerHTML=texte;
A savoir, mettre mon document dans une iframe, récupérer le body, faire ma petite sauce et reposer dans le iframe.