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

**Christophe Charron** · 10/11/2007, 21h44

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 :

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
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 &eacute;crit&nbsp;:
<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.

**Christophe Charron** · 10/11/2007, 22h27

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 !!

Je ne suis pas encore au bon endroit, mais ce n'est plus à la fin du document !

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
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>

**Christophe Charron** · 10/11/2007, 22h46

J'y suis presque ...

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 :

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
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 :

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

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 !!!

**Christophe Charron** · 15/11/2007, 12h43

Finalement j'ai trouvé la solution suivante :

Code :

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

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.

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

JavaScript

Discussions similaires

Partager

Partager