Nefunkční přepočet mezi inputy ve ff

Fórum › JavaScript, AJAX, jQuery

Fonadius0

Návštěvník

6. 10. 2007 #1

zdravím, mám stránku na které chci provádět některé jednodušší výpočty. používám k tomu tři inputy, jeden z nich mám nastavéný na readonly. Výpočet volám při opuštění inputu. Z mně neznámého důvodu mi to funguje jak v opeře tak v ie ale ve ff ne, javascript mám povolený :) a bez readonly to taky nefunguje.. Poradíte mi někdo?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1250">

  <meta name="generator" content="PSPad editor, www.pspad.com">

  <title></title>

  </head>

  <body>

  <script>

  function fce()

    {

      k=document.formul.a.value;

      l=document.formul.b.value;

      if (isNaN(k))

      {

        alert('Neplatná hodnota prosím zadejte číslo');

        document.formul.vstrom.value='';

        document.getElementById("c").innerText='';

      }

      else

      {

        if ((l!='') && (k!=''))

        {

          document.getElementById("c").innerText=parseFloat(k)-parseFloat(l);

        }

        if ((l=='') || (k==''))

        {

          document.getElementById("c").innerText='';

        }

      }

    }

  </script>

  <form name='formul'>

  <input type='text' name='a' onBlur="fce()">

  <input type='text' name='b' onBlur="fce()" >



  <input type='text' id='c' class='vysledek'>

  </form>

  </body>

</html>

Nahlásit jako SPAM

IP: ...–

Nevěřte moc firmám, které slibují komplexní řešení vašich problémů. Komplexní řešení z pravidla mívají netriviální imaginární část.

Petroff0

Věrný člen

7. 10. 2007 #2

FF má trochu odlišnou výbavu DOM metod - seznam viz http://developer.mozilla.org/en/docs/DOM:element#Introduction
Problémy dělá např. chybějící innerText/outerText/outerHTML. Naštěstí zápis do/čtení z elementů zvládne innerHTML který funguje ve všech browserech (pro číselný obsah bez obav použij namísto innerText).

Problém je, že takto zapisuješ obsah mezi HTML značky, např.do DIVu provede eDiv.innerHTML=123 jako výsledek <DIV>123</DIV>.
Ty potřebuješ zapsat do vstupního pole (a metoda innerText u IE to sice umí, ale IE je jediný, v Opeře to taky nefunguje).
K manipulaci používej vlastnost=atribut INPUTu value.

Nahlásit jako SPAM

IP: ...–

Petroff0

Věrný člen

7. 10. 2007 #3

Tohle dělá přesně to co žádáš (OK test: Opera,IEs,FF).
Ještě lepší než použití otravného ALERT okna by bylo vložit upozornění přímo dovnitř vadného inputu, nastavit klávesový vstup tak, aby při prvním znaku bylo políčko nejdřív "vyprázdněno" ...chceš ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1250">

  <meta name="generator" content="PSPad editor, www.pspad.com">

  <title></title>

  </head>

  <body>

  <script>

    function fce(inp)

    {

      var k=inp.form.a.value;

      var l=inp.form.b.value;

      inp.form.c.value='';

      if (isNaN(inp.value))

      {

        alert('Neplatná hodnota prosím zadejte číslo');

        inp.value='';

        inp.focus();

      }

      else if (k && l) inp.form.c.value=parseFloat(k)-parseFloat(l);

    }

  </script>

  <form name='formul'>

   <input type='text' name='a' onBlur="fce(this)">

   <input type='text' name='b' onBlur="fce(this)">

   <input type='text' name='c' id='c' class='vysledek' readonly>

  </form>

  </body>

</html>

Nahlásit jako SPAM

IP: ...–

Petroff0

Věrný člen

7. 10. 2007 #4

HOTOVO (S FF byly problémy; vyřešilo to malinké zpoždění)
K pohodlné práci bych ještě přidal ENTER:
1.Zadal by hodnotu
2.Přemístil by kursor na nevyplněný input
K pohodlné práci bych ještě přidal TAB:
1>2>1>...inputy
(myslím že onkeydown ovládač by to mohl zvládnout)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  <meta http-equiv="content-type" content="text/html; charset=windows-1250">

  <meta name="generator" content="PSPad editor, www.pspad.com">

  <title> Numbers in FORM/INPUTs </title>

  </head>

  <body>

  <script>

    function fce(inp)

    {

      var k=inp.form.a.value;

      var l=inp.form.b.value;

      inp.form.c.value='';

      if (isNaN(inp.value))

      {

        inp.value='> ZADEJTE ČÍSLO <';

		inp.select();

        setTimeout(function(){inp.focus()},100);

      }

      else if (k && l) inp.form.c.value=parseFloat(k)-parseFloat(l);

    }

  </script>

  <form name='formul'>

   <input type='text' name='a' onBlur="fce(this)">

   <input type='text' name='b' onBlur="fce(this)">

   <input type='text' name='c' id='c' class='vysledek' readonly>

  </form>

  </body>

</html>

Nahlásit jako SPAM

IP: ...–

Fonadius0

Návštěvník

7. 10. 2007 #5

To Petroff:strašně moc díky. Ten pohyb pomocí inputu tam určitě ještě přidám, ale chtěl jsem mít nejdřív hotovou základní kostru než tam budu podobné věci přidávat...

Nahlásit jako SPAM

IP: ...–

Nevěřte moc firmám, které slibují komplexní řešení vašich problémů. Komplexní řešení z pravidla mívají netriviální imaginární část.

← Zpět na seznam vláken ← Zpět do Fóra