Autor Zpráva
ondra15
Profil
Dobrý den, potřeboval bych poradit s odesláním hodnoty. Mám obrázek, který má levou (id=levy_obdelnik) a pravou stranu (id=pravy_obdelnik). Obrázek je svg formát a strany se přepínají pomocí JS (níže). Bych potřeboval po zvolení L nebo P strany odeslat formulář (zápis do nějakého soubor.txt či soubor.inc), kde by se mi provedlo zapsání, jestli je zvolena L nebo P strana. Odeslání bych potřeboval udělat přepnutím obrázku. Nebude tam nikde žádné tlačítko
Jakou na to mám použít funkci? Je to vůbec realizovatelné?
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
     <g
     inkscape:label="Vrstva 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(-68.571426,-209.50504)">
    <rect
       style="fill:#cd0808;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       id="rect2984"
       width="588.57141"
       height="225.71428"
       x="71.428574"
       y="212.36218" />
    <text
       xml:space="preserve"
       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
       x="145.71429"
       y="352.36218"
       id="text_A"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan3756"
         x="145.71429"
         y="352.36218"
         style="font-size:144px">A</tspan></text>
    <text
       xml:space="preserve"
       style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
       x="486.26227"
       y="349.61551"
       id="text_B"
       sodipodi:linespacing="125%"><tspan
         sodipodi:role="line"
         id="tspan3756-7"
         x="486.26227"
         y="349.61551"
         style="font-size:144px">B</tspan></text>
    <rect
       style="fill:#dddddd;fill-opacity:0.91592922"
       id="levy_obdelnik"
       width="308.57144"
       height="228.57143"
       x="68.571426"
       y="212.36218"
       onClick="return Zmen();" />
    <rect
       style="fill:#dddddd;fill-opacity:0"
       id="pravy_obdelnik"
       width="308.57144"
       height="228.57143"
       x="368.57141"
       y="209.50504"
       onClick="return Zmen2();"
        />
  </g>
</svg>
JS:
<script>
    function Zmen() {
    document.getElementById('levy_obdelnik').style.opacity="0";
    document.getElementById('pravy_obdelnik').style.opacity="0.9";  
  }
  
    function Zmen2() {
    document.getElementById('levy_obdelnik').style.opacity="0.9";
    document.getElementById('pravy_obdelnik').style.opacity="0";
    document.getElementById('text_B').style.fill="#aaa";  
  }
  </script>
Děkuji za odpovědi.
peta
Profil
???
document.getElementById('levy_obdelnik').onclick = function() {location.href= "...";}
document.getElementById('pravy_obdelnik').onclick = function() {location.href= "...";}

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:

0