Discussion :

[patricktoulon]

re
et voila encore une enigme que je pige pas

afin de standardiser le visuel sur mes 3 suport je remplace la propriété"size" de la balise "font" par son homologue correspondant approximatif CSS en l'occurence"style="font-size:20px;" pour le size 3 en html
et donc je fait cela dans une boucle sur toutes les balises font
et bien non ca chage bien le parent mais pas les childrens
va savoir pourtant j'ait mis des alert avant et apres les font enfant ou parent sont bien identifiés
j'y comprends qeudale

si quelqu'un sait je prends
ou meme avec un replace global je prends aussi

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
32
33
function impression() {
  var zone;
  zone = document.getElementById('editeur').innerHTML;
  var contenu = document.createElement('DIV');
  contenu.innerHTML = zone;
  alert(contenu.outerHTML);
  var f = contenu.getElementsByTagName('FONT');
  for (var i = 0; i < f.length; i++) {
    if (f[i].size = 3) {
      f[i].style.fontSize = '20px';
    };
    if (f[i].size = 4) {
      f[i].style.fontSize = '22px';
    };
    if (f[i].size = 5) {
      f[i].style.fontSize = '32px';
    };
    if (f[i].size = 6) {
      f[i].style.fontSize = '40px';
    };
    if (f[i].size = 7) {
      f[i].style.fontSize = '60px';
    };
  }
  alert(contenu.innerHTML);
  var fen = window.open('', '', 'height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10');
  fen.document.title = 'Impression du document';
  fen.document.body.innerHTML += contenu.innerHTML;
  // fen.window.print();
  //fen.window.close();
  //fen.close();
  // return true;
}

code html a traiter
mille excuse pour l'indentation html j'ai beautifier qui pète les plombs il en a marre de moi

Code html :

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
<div>
  <p>&nbsp;
  </p>
  <font size="7"> q
    <font size="3"> sxd
    </font>cfvgb
    <font class="shado" style="text-shadow: 0px 0px 10px rgb(0,255,0);"> hjn, ; l: sdfghjkl
    </font>m
    <font class="shado" style="text-shadow: 0px 0px 10px rgb(255,0,255);"> zertyuiop ^ s
    </font>df
    <font class="shado" style="text-shadow: 0px 0px 10px rgb(255,102,0);"> ghjklmdfgh
    </font>jkldfghjklmù
  </font>
  <div class="divint" id="div35" style="border-radius: 6%; border: 1px solid black; border-image: none; left: 109.79px; top: 150.4px; width: 200px; height: 200px; position: absolute; z-index: 30;">
    <p></p>
  </div>
  <div class="divint" id="div36" style="border-radius: 6%; border: 1px solid black; border-image: none; left: 500.79px; top: 150.4px; width: 200px; height: 200px; position: absolute; z-index: 30;">
    <p></p>
  </div>
</div>

[patricktoulon]

re
j'ai essayé aussi cela je dois me planter dans la syntaxe des replaces

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
function impression() {
    var contenu = document.createElement("DIV");
    contenu.innerHTML = document.getElementById("editeur").innerHTML;
 
 
    contenu.innerHTML = contenu.innerHTML.replace(/"size=\"3\""/g, "style=\"font-size:20px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/"size=\"4\""/g, "style=\"font-size:22px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/"size=\"5\""/g, "style=\"font-size:32px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/"size=\"6\""/g, "style=\"font-size:40px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/"size=\"7\""/g, "style=\"font-size:60px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/"size=\"7\""/g, "style=\"font-size:60px;\"");
    alert(contenu.innerHTML);
    var fen = window.open("", "_blank", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");
    fen.document.title = "Impression du document";
    fen.document.open();
    fen.document.write(contenu.innerHTML);
    // fen.window.print();
    //fen.window.close();
    //fen.close();
    // return true;
}

[NoSmoking]

Bonjour,

mille excuse pour l'indentation html j'ai beautifier qui pète les plombs il en a marre de moi

il te faut peut être chercher un bon outil, pour cette fois encore j'ai « corrigé ».

[patricktoulon]

re
ben oui je veut bien un indenter html beautifier fait ca très bien pour javascript

[melka one]

jour

il manque un signe égale dans les if

Code :

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

1
2
3
 if (f[i].size == 4) {
      f[i].style.fontSize = '22px';
    };

[patricktoulon]

merci Melka one

je devient miro
entre temps j'ai trouver une autre solution avec les replace global
et en plus je redresse aussi la position des autres elements

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
 
function impression() {
    var contenu = document.createElement("DIV");
    contenu.id = "content";
    contenu.innerHTML = document.getElementById("editeur").innerHTML;
    topmoins = document.getElementById("editeur").offsetTop;
    contenu.innerHTML = contenu.innerHTML.replace(/size=\"7"/gi, "style=\"font-size:60px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/size=\"3"/gi, "style=\"font-size:20px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/size=\"4"/gi, "style=\"font-size:22px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/size=\"5"/gi, "style=\"font-size:32px;\"");
    contenu.innerHTML = contenu.innerHTML.replace(/size=\"6"/gi, "style=\"font-size:40px;\"");
    elements = contenu.getElementsByTagName("*");
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].tagName == "DIV" || elements[i].tagName == "IMG"|| elements[i].tagName == "TABLE") {
            if (elements[i].parentElement == contenu) {
                elements[i].style.top = elements[i].style.top.replace("px", "") - topmoins + 27 + "px";
 
 
            };
        };
    }
 
 
    var fen = window.open("", "_blank", "width=800,height=500,left=1,top=1,menubar=yes,toolbar=no,location=no,resizable=1,scrollbars=yes");
    fen.document.open();
    fen.document.write("<!doctype html><html><head><\/head><body onload=\"print();\">" + contenu.innerHTML + "<\/body><\/html>");
    fen.document.close();
    fen.window.close();
    fen.close();
    return true;
}

aperçu du rendu dans une nouvelle page du contenu de l’éditeur

merci des retours

[badaze]

Regarde ça.

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
32
33
34
35
36
 
<script>
function impression() {
 
  var zone;
  zone = document.getElementById('editeur').innerHTML;
  var contenu = document.createElement('DIV');
  contenu.innerHTML = zone;
  var f = contenu.getElementsByTagName('FONT');
  for (var i = 0; i < f.length; i++) {
    if (f[i].size == 3) {
      f[i].style.fontSize = '20px';
    };
    if (f[i].size == 4) {
      f[i].style.fontSize = '22px';
    };
    if (f[i].size == 5) {
      f[i].style.fontSize = '32px';
    };
    if (f[i].size == 6) {
      f[i].style.fontSize = '40px';
    };
    if (f[i].size == 7) {
      f[i].style.fontSize = '60px';
    };
 f[i].removeAttribute('size');  // il manquait ça
  }
  var fen = window.open('', '', 'height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10');
  fen.document.title = 'Impression du document';
  fen.document.body.innerHTML += contenu.innerHTML;
  // fen.window.print();
  //fen.window.close();
  //fen.close();
  // return true;
}
</script>

AVANT :


APRES :