Prog.Hu

HTML Speciális karakterek megjelenítése
20

2013-09-06T04:01+02:00
Hack
HackProg.Hu
regisztrált tag
2013-09-06T04:01+02:00
Sziasztok!

Van egy készen kapott HTML fájlom, ami alább látható.

A táblázat utolsó sorának utolsó cellájában lévő adatok nem jelennek meg, gondolom azért mert ezek speciális html karakterek között vannak, de nekem kellene hogy látszanak.

Mivel ezt a HTML fájlt egy scpéci program készíti el egy template fájlból, ezért korlátozottak a lehetőségek a probléma megoldására. Amit tudok trükközni, hogy VB vagy JS scriptet teszek a template headejébe vagy body onloadra, illetve a kérdéses cellának adok nevet vagy class-t amivel majd tudok rá hivatkozni.

Az is megvan már, hogy a speciális karaktereket mire kell lecserélni, hogy a böngésző megjelenítse őket, viszont maga a csere lépéseiben kellene segítség.
Csak kliens oldali nyelvek jönnek szóba (VB, JS, nem tudom van e még).

Egy link is jó nekem, ahol ilyet csinálnak, csak nekem még ötletem sincs, hogy mire google-zak.


És akkor a problémás html kód:
<HTML>
<HEAD><TITLE>Errors</TITLE></HEAD>
<BODY BGCOLOR="#EFEFFF">

<TABLE BGCOLOR="#945F00" BORDER="0" CELLPADDING="2" CELLSPACING="1" ALIGN="CENTER" WIDTH="980">
<TR BGCOLOR="#DAA520">
    <TH COLSPAN="4" ALIGN="CENTER">Error Log</TH>
</TR>

<TR BGCOLOR="#90EE90">
 <TH WIDTH="200">ServerName</TH>
 <TH WIDTH="165">LogDateTime</TH>
 <TH WIDTH="165">SOURCE</TH>
 <TH WIDTH="450">Message</TH>
</TR>

<TR BGCOLOR="#F7F3E7">
    <TD>S99DT356</TD>
    <TD>2012-04-25 09:50:11.07</TD>
    <TD>spid82</TD>
    <TD><SellDispo><OrderID value="95846"/><DispoID value="100339"/><OrderedTime value="Apr 24 2012  9:"/><TypeID value="2"/><Winner value="1701"/> </SellDispo></TD>
</TR>

</TABLE>
</BODY>
</HTML>
Mutasd a teljes hozzászólást!
HTML Speciális karakterek megjelenítése
2013-09-06T04:01+02:00
Hack
HackProg.Hu
regisztrált tag
2013-09-06T04:01+02:00
2012-04-26T12:59+02:00
2012-04-26T12:59+02:00
Az a baj, hogy xml szerű adatok jelennek meg az utolsó cellában, azokkal a böngészők nem nagyon tudnak mit kezdeni. A legobb lenne elérni, hogy a template-ben a kérdéses adatok <xml id='valami'>...</xml> tagek közé kerüljenek és akkor IE-ben meg FF-ben biztosan meg lehet jeleníteni az adatokat xml-en keresztül, lásd itt

Alternatíva az, hogy sztringből próbálod az xml-t betölteni a kérdéses cellából, lásd itt a loadXMLString()-et.


Mindkét esetben utána js-ből próbáld meg feldolgozni igényeidnek megfelelően az xml adatokat.
Mutasd a teljes hozzászólást!

  • Nézegettem ezeket a linkeket, de nem jött össze, viszont a linkek nyomán találtam egy JS scriptet, amit kicsit módosítva, máris megcsinálja
    Köszönöm a segítséged!

    Az utókornak meg itt a kód:
    <HTML>
    <HEAD>
    <TITLE>Errors</TITLE>
        <script type="text/javascript">
        function go() {
            var tr = document.getElementById('tbl').rows;
            var td = null;
            var tmp = "";
         
            for (var i = 0; i < tr.length; ++i) {
                td = tr[i].cells;
                for (var j = 0; j < td.length; ++j) {
                    tmp = td[j].innerHTML;
                    tmp = tmp.replace(/</g, '&lt;');
                    tmp = tmp.replace(/>/g, '&gt;');
                    td[j].innerHTML = tmp;
                }     
            }     
        }
        </script>
    </HEAD>
    <BODY BGCOLOR="#EFEFFF" ONLOAD="javascript:go();">

    <TABLE BGCOLOR="#945F00" BORDER="0" CELLPADDING="2" CELLSPACING="1" ALIGN="CENTER" WIDTH="980" ID="tbl">
    <TR BGCOLOR="#DAA520">
        <TH COLSPAN="4" ALIGN="CENTER">Error Log</TH>
    </TR>

    <TR BGCOLOR="#90EE90">
     <TH WIDTH="200">ServerName</TH>
     <TH WIDTH="165">LogDateTime</TH>
     <TH WIDTH="165">SOURCE</TH>
     <TH WIDTH="450">Message</TH>
    </TR>

    <TR BGCOLOR="#F7F3E7">
        <TD>S99DT356</TD>
        <TD>2012-04-25 09:50:11.07</TD>
        <TD>spid82</TD>
        <TD><SellDispo><OrderID value="95846"/><DispoID value="100339"/><OrderedTime value="Apr 24 2012  9:"/><TypeID value="2"/><Winner value="1701"/></SellDispo></TD>
    </TR>

    </TABLE>
    </BODY>
    </HTML>
    Mutasd a teljes hozzászólást!