Autor Zpráva
vkalina
Profil
Dobrý den, nemohu přijít na to proč se mi nezobrazí http://ksystems.cz/Kotelna/ v Chrome. Firefox funguje, IE8 bych asi pochopil, ale proč Chrome. Děkuji
vkalina
Profil
Mozna jsem to spatne popsal, tak tedy
pokud vlozim svg grafiku do html takto

        document.getElementById("temp_1").innerHTML=temp_1;
        document.getElementById("temp_2").innerHTML=temp_2;
        document.getElementById("temp_3").innerHTML=temp_3;
        document.getElementById("temp_4").innerHTML=temp_4;
        document.getElementById("temp_5").innerHTML=temp_5;
        document.getElementById("temp_6").innerHTML=temp_6;
        document.getElementById("temp_7").innerHTML=temp_7;
        document.getElementById("temp_8").innerHTML=temp_8;
        document.getElementById("temp_9").innerHTML=temp_9;
        document.getElementById("temp_10").innerHTML=temp_10;
        document.getElementById("temp_11").innerHTML=temp_11;
        document.getElementById("temp_12").innerHTML=temp_12;
        document.getElementById("temp_13").innerHTML=temp_13;
        document.getElementById("temp_14").innerHTML=temp_14;
        document.getElementById("temp_15").innerHTML=temp_15;
        document.getElementById("pwm").innerHTML=pwm;
        }
    }
}
function prijemdat2(){
    nactenidat.open("GET", "nacti_data.php?q"+Math.random(), true);
    nactenidat.onreadystatechange = nactenidat_hotovo;
    nactenidat.send(null);
    setTimeout(prijemdat2,13000);
}
function log(){
    window.open("http://62.209.235.84/echo.htm", "_blank", "width=400, height=auto");
}
function graf(){
    window.open("http://62.209.235.86/Teplomer/graf_day.php", "_blank", "width=auto, height=auto");
}
function nastaveno(){
    alert("zobrazí nastavení");
}
function zmena(){
    alert ("zobrazí změnu");
}
</script>


<!--<object width="722" height="584" data="kotelna.svg" type="image/svg+xml"> -->
<!--  <H2>Použij pořádný prohlížeč !!!! IE neumožňuje zobrazení vektorové grafiky.</p> -->
<!--  <img src="fuck-off.jpg" alt="Obrázek ve formátu jpg"/> -->
<!--  </object> -->
<!--<embed src="kotelna.svg" type="image/svg+xml" width="722" height="584" /> -->
<div id="obsah">
<div id="pravy">
        <input type="button" id="btn1" value="Nastaveno" class="btn" onclick="javascript:nastaveno();">
        <input type="button" id="btn2" value="Graf" class="btn" onclick="javascript:graf();">
        <input type="button" id="btn3" value="Změna" class="btn" onclick="javascript:zmena();">
        <input type="button" id="btn4" value="Log." class="btn" onclick="javascript:log();">
</div>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="722.48004"
   height="583.07281"
   id="svg2"
   inkscape:label="Pozadí"
   version="1.1"
   inkscape:version="0.48.4 r9939"
   sodipodi:docname="kresba.svg">
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="1.0976331"
     inkscape:cx="212.73867"
     inkscape:cy="291.53641"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     inkscape:window-width="1440"
     inkscape:window-height="831"
     inkscape:window-x="1276"
     inkscape:window-y="-4"
     inkscape:window-maximized="1"
     inkscape:snap-global="false"
     showguides="true"
     inkscape:guide-bbox="true"
     units="px"
     fit-margin-top="5"
     fit-margin-left="5"
     fit-margin-right="5"
     fit-margin-bottom="5">

Zobrazi korektně grafiku pouze Firefox, Chrome nenačte hodnoty a ostatní prohlížeče nezobrazí svg grafiku vůbec


Pokud vložím do stránky SVG soubor přez <embed
        }
        document.getElementById("temp_1").innerHTML=temp_1;
        document.getElementById("temp_2").innerHTML=temp_2;
        document.getElementById("temp_3").innerHTML=temp_3;
        document.getElementById("temp_4").innerHTML=temp_4;
        document.getElementById("temp_5").innerHTML=temp_5;
        document.getElementById("temp_6").innerHTML=temp_6;
        document.getElementById("temp_7").innerHTML=temp_7;
        document.getElementById("temp_8").innerHTML=temp_8;
        document.getElementById("temp_9").innerHTML=temp_9;
        document.getElementById("temp_10").innerHTML=temp_10;
        document.getElementById("temp_11").innerHTML=temp_11;
        document.getElementById("temp_12").innerHTML=temp_12;
        document.getElementById("temp_13").innerHTML=temp_13;
        document.getElementById("temp_14").innerHTML=temp_14;
        document.getElementById("temp_15").innerHTML=temp_15;
        document.getElementById("pwm").innerHTML=pwm;
        }
    }
}
function prijemdat2(){
    nactenidat.open("GET", "nacti_data.php?q"+Math.random(), true);
    nactenidat.onreadystatechange = nactenidat_hotovo;
    nactenidat.send(null);
    setTimeout(prijemdat2,10000);
}
function log(){
    window.open("http://62.209.235.84/echo.htm", "_blank", "width=400, height=auto");
}
function graf(){
    window.open("http://62.209.235.86/Teplomer/graf_day.php", "_blank", "width=auto, height=auto");
}
function nastaveno(){
    alert("zobrazí nastavení");
}
function zmena(){
    alert ("zobrazí změnu");
}



</script>

<body onload="prijemdat2()">


<div id="obsah">
<embed src="kresba.svg" type="image/svg+xml" width="722" height="584" >
<div id="pravy">
        <input type="button" id="btn1" value="Nastaveno" class="btn" onclick="javascript:nastaveno();">
        <input type="button" id="btn2" value="Graf" class="btn" onclick="javascript:graf();">
        <input type="button" id="btn3" value="Změna" class="btn" onclick="javascript:zmena();">
        <input type="button" id="btn4" value="Log." class="btn" onclick="javascript:log();">
</div>



</div>
</body>


</html>

Zobrazi to všechny prohlizece, ale zadny nenačte hodnoty

Najde se tu někdo, kdo mi prozradí co dělám blbě ?
vkalina
Profil
Už asi vím proč to nefunguje. Nenajde to kořen externího SVG souboru, ale nevím jk to ošetřit aby kořen nehledal v html dokumentu, ale v SVG externím souboru.

Prosím najde se tu někdo kdo mě alespoň nasměruje jak to řešit ?

Nějak v tom plavu
Děkuji
Chamurappi
Profil
Reaguji na vkalinu:
Použij pořádný prohlížeč !!!! IE neumožňuje zobrazení vektorové grafiky.
Umožňuje, SVG vzniklo jako potomek VML, které Explorer zná. Navíc od verze 9 podporuje SVG. Vlastně ani neplatí, že byl jediným prohlížečem, který SVG neznal.
(Nebýt podobných (i když zakomentovaných) keců, poradil bych dříve.)

Ve stránce vidím skript, kde jsou uvozovky zapsané jako entity — ten v HTML nebude fungovat. Musel bys použít X(HT)ML, tedy MIME typ application/xhtml+xml (což nepoužíváš).

nevím jk to ošetřit aby kořen nehledal v html dokumentu, ale v SVG externím souboru
Kdyby se <embed> choval jako <iframe>, mohl by mít vlastnost contentWindow.

ale proč Chrome
Řekl bych, že proto, že nepodporuje innerHTML na SVG elementech. Možná se budeš prokousat až k textovému uzlu a měnit mu vlastnost data. Nebo zkus měnit textContent místo innerHTML.
vkalina
Profil
Diky.
Něco málo už se povedlo.
http://ksystems.cz/Kotelna/
Sice mi v chrome nefunguje manipulace s grafikou, ale hodnoty to už zobrazuje a FF je ok. Ještě na tom budu určitě laborovat a na tvé komentáře se zaměřím. Co se týče prohlížeče, používám převážně FF. Jen jsem potřebova,l aby to načítalo z externího SVG, protože se mi celý scripr i s SVG nevejde do modulu řízení topení. Co se týče IE, tak to jsem již dávno odpískal. Poslední windows co jsem byl ochotnej tolerovat byly XPčka a ty se zastavily na IE8. Kdybych je nepotřeboval pro práci s Telco zařízením, tak to ani neřeším. Všechny nové stroje co jsem si pořizoval jsou už Linux nebo Android. Win8 se u mě asi už neobjeví. V programování WEBu jsem opravdu lajk a myslím, že ze mě programátor nikdy nebude. Vlastně jsem se do toho pustil jenom proto, že mě baví domácí automatizace, komerčně je to neskutečně drahý a tak se snažím si bydlení vylepšit svépomocí pomocí těchto prvků http://www.onlinetechnology.cz/

Každopádně ti děkuju za rady. Uvidím, jestli mi to k něčemu bude.
_es
Profil
vkalina:
V prehliadačoch, podporujúcich HTML5, by sa mali dať vkladať elementy z SVG rovnako ako elementy z HTML. Teda netreba innerHTML či textContent, ale napríklad document.createElement atď.
vkalina
Profil
Jé děkuju, to by mohlo řešit manipulaci s grafikou v chrome. Tam se mi zatím zobrazují pouze hodnoty.
vkalina
Profil
Při zpracování BB značek došlo k samovolnému sežrání celého příspěvku. Pardon.
Při zpracování BB značek došlo k samovolnému sežrání celého příspěvku. Pardon.
Tak jsem o kus pokročil, už se pod Chrome zobrazují textové hodnoty, ale změny barev mi Chrome stale neprobíhají. FF funguje excelentně a Chrome pouze do řádku 116. Má tu někdo ještě nějaký nápad ?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<xmlns="http://www.w3.org/2000/svg">
<xmlns:xlink="http://www.w3.org/1999/xlink">
<html lang="cs">
<head>
  <title>Kotelna dřevoplyn - akumulace a solár</title>
  <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
  <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
  <META HTTP-EQUIV="EXPIRES" CONTENT="0">
</head>

<style type="text/css">
body{
    background:black;
    color:white;
    font-family:Verdana;
    font-size:18px;
    margin:0 auto;
}
div{
    background-image:         linear-gradient(#ffcc00 0%, #ffdd55 100%);
    background-image:      -o-linear-gradient(#ffcc00 0%, #ffdd55 100%);
    background-image:     -ms-linear-gradient(#ffcc00 0%, #ffdd55 100%);
    background-image:    -moz-linear-gradient(#ffcc00 0%, #ffdd55 100%);
    background-image: -webkit-linear-gradient(#ffcc00 0%, #ffdd55 100%);
    width:auto;
    border:5px ridge DimGrey;
    text-align: center;
    padding:1px;
    margin:0px 0px 0px;
    border-radius: 20px 20px 20px;
}
.btn{
    width:7.85em;
    font-size:16px;
    background:DimGrey;
    color:white;
    padding:5px;
    margin:4px;
    float:left;
    border-radius:10px 10px 10px;
}
#obsah {position: absolute; width: auto; height: auto; top: 20px; left: 20px}
#pravy{position: absolute; width: 270px; top: 5px; left: 390px; height: auto }
</style>



<script type="text/javascript" >

var nactenidat = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
function nactenidat_hotovo(){

  if(nactenidat.readyState == 4){

   if(nactenidat.status == 200){
        var rE=nactenidat.responseText;

       rE='"zacatek,'+rE.split("|")+',konec"';
        rE=rE.split(",");

       var temp_1=rE[1]+"°C";
        var temp_2=rE[2]+"°C";
        var temp_3=rE[3]+"°C";
        var kotel=rE[3];
        var temp_4=rE[4]+"°C";
        var stoupacka_r=rE[4];
        var temp_5=rE[5]+"°C";
        var boiler_v=rE[5];
        var temp_6=rE[6]+"°C";
        var aku1=rE[6];
        var temp_7=rE[7]+"°C";
        var aku2=rE[7];
        var temp_8=rE[8]+"°C";
        var aku3=rE[8];
        var temp_9=rE[9]+"°C";
        var aku4=rE[9];
        var temp_10=rE[10]+"°C";
        var zpatecka_r=rE[10];
        var temp_11=rE[11]+"°C";
        var boiler_s=rE[11];
        var temp_12=rE[12]+"°C";
        var stoupacka_b=rE[12];
        var temp_13=rE[13]+"°C";
        var zpatecka_b=rE[13];
        var temp_14=rE[14]+"°C";
        var zpatecka_a=rE[14];
        var temp_15=rE[15]+"°C";
        var stoupacka_a_k=rE[15];
        var pwm=rE[16]+"%";
        var servo=rE[16];
        var cerpadlo_1=rE[17];
        var cerpadlo_2=rE[18];
        var cerpadlo_3=rE[19];

       var svgdoc = document.getElementById("svgobj")
        var SD = svgdoc.getSVGDocument();


       SD.getElementById("temp_1").firstChild.textContent=temp_1;
        SD.getElementById("temp_2").firstChild.textContent=temp_2;
        SD.getElementById("temp_3").firstChild.textContent=temp_3;
        SD.getElementById("temp_4").firstChild.textContent=temp_4;
        SD.getElementById("temp_5").firstChild.textContent=temp_5;
        SD.getElementById("temp_6").firstChild.textContent=temp_6;
        SD.getElementById("temp_7").firstChild.textContent=temp_7;
        SD.getElementById("temp_8").firstChild.textContent=temp_8;
        SD.getElementById("temp_9").firstChild.textContent=temp_9;
        SD.getElementById("temp_10").firstChild.textContent=temp_10;
        SD.getElementById("temp_11").firstChild.textContent=temp_11;
        SD.getElementById("temp_12").firstChild.textContent=temp_12;
        SD.getElementById("temp_13").firstChild.textContent=temp_13;
        SD.getElementById("temp_14").firstChild.textContent=temp_14;
        SD.getElementById("temp_15").firstChild.textContent=temp_15;
        SD.getElementById("pwm").firstChild.textContent=pwm;


//odtud uz to nebere CHROME
       if (cerpadlo_1 == 0) {
        SD.getElementById("cerpadlo_1_stav").style=("fill:#808080");
        }
        if (cerpadlo_1 == 255) {
        SD.getElementById("cerpadlo_1_stav").style=("fill:#00ff00");
        }
        if (cerpadlo_2 == 0) {
        SD.getElementById("cerpadlo_2_stav").style=("fill:#808080");
        }
        if (cerpadlo_2 == 255) {
        SD.getElementById("cerpadlo_2_stav").style=("fill:#00ff00");
        }
        if (cerpadlo_3 == 0 || zpatecka_b > 58) {
        SD.getElementById("cerpadlo_3_stav").style=("fill:#808080");
        }
        if (cerpadlo_3 == 255 && zpatecka_b < 57) {
        SD.getElementById("cerpadlo_3_stav").style=("fill:#00ff00");
        }
        if (servo <= 10) {
        SD.getElementById("esbe_2_k_stav").style=("fill:#808080");
        SD.getElementById("esbe_2_r_stav").style=("fill:#00ff00");
        SD.getElementById("esbe_2_z_stav").style=("fill:#00ff00");
        }
        if (servo > 10 && rE[16] < 60) {
        SD.getElementById("esbe_2_k_stav").style=("fill:#00ff00");
        SD.getElementById("esbe_2_r_stav").style=("fill:#00ff00");
        SD.getElementById("esbe_2_z_stav").style=("fill:#00ff00");
        }
        if (servo >= 60) {
        SD.getElementById("esbe_2_k_stav").style=("fill:#00ff00");
        SD.getElementById("esbe_2_r_stav").style=("fill:#00ff00");
        SD.getElementById("esbe_2_z_stav").style=("fill:#808080");
        }
        if (kotel >= 60) {
        SD.getElementById("ohen").style=("fill:#ff0000");
        }
        if (kotel < 60) {
        SD.getElementById("ohen").style=("fill:#333333");
        }

       
Chamurappi
Profil
Reaguji na vkalinu:
Uprav si svůj příspěvek, aby v něm nebyl zbytečně dlouhý kód, jinak ho smažu. K pochopení problému stačí kousek kódu, v němž k chybě dochází, nebo živá ukázka.

a Chrome pouze do řádku 116
Nevím, který řádek je 116. Jestli nějaký s nastavováním style, tak ti doporučím nenastavovat style, ale className… a konkrétní styly napsat do stylopisu. Jinak by také mohlo pomoct měnění style.cssText místo samotného style (což se trochu divím, že ti to takhle vůbec funguje).
vkalina
Profil
Uz se stalo, dik


Jinak dekuji.
style.cssText zabralo

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: