[javascript] iFrame checken op inhoud.

[Verwijderd]

Ik heb een iframe waarin mensen rich text kunnen editten en submitten. Vervolgens wordt de inhoud naar een hidden textarea verstuurd.

Nu wil ik of de inhoud van het iFrame, of de inhoud van het textframe checken op inhoud. Het vreemde is dat als ik het textframe zichtbaar heb dat er wel goed gechecked wordt en als ik het onzichtbaar maak niet. Dan denkt hij dus dat er wat instaat. Check ik in mijn database, dan zie ik dat er niks instaat. Raar maar waar:

Ik heb de volgende code:
<textarea name="omschrijving" style="DISPLAY: none" cols="50" rows="18" class="formulier_veld" tabindex="3"></textarea><iframe id="iView" style="WIDTH: 585px; HEIGHT: 300px"></iframe></p></td>

en het javascriptje:

function controleer(formulier)
{
var melding = "";
var focus_op_veld = "nee";

formulier.omschrijving.value = "" + iView.document.body.innerHTML + "";

if (formulier.omschrijving.value == "")
{
melding += "- omschrijving\n";
if (focus_op_veld == "nee") formulier.omschrijving.focus();
focus_op_veld = "ja";
}

if (melding !== "")
{
alert("De volgende veld(en) zijn verplicht in te voeren: \n" + melding);
return (false);
}
}

[Verwijderd]

je kan de code beter tussen [code] tags zetten, maakt het wat overzichtelijker. Wat zit er eigenlijk in je Iframe? ik zie nl. geen src, of mis ik iets?

[André]

Waarschijnlijk moet je "DISPLAY: none" veranderen in "VISIBILITY: hidden". Want als je display op none zet bestaat hij fysiek niet.

[Verwijderd]

Visibility:hidden maakt niks uit helaas.
Ik heb een form met een iFrame en een hidden textarea. Ik type wat in het iFrame en zodra ik op submit druk wordt er een javascriptje aangeroepen die de data naar de hidden textarea kopieert en controleert of er uberhaupt wel wat ingevuld is.

Hierna wordt deze data namelijk in een mySql database gestopt en als er niks in zit, dan is dat zonde.

Vreemde is dus dat als ik het textarea visible maak hij wel netjes controleerd of er wat in zit en als ik hem invisible maak dan denkt hij dat er wel wat inzit.

Hieronder de belangrijkste betreffende code:

code:

<form action="i_nieuws.php" method="post" onsubmit="return controleer(this)">
<textarea name="omschrijving" style="Display:none" cols="50" rows="10" class="formulier_veld" tabindex="3"></textarea><iframe id="iView" style="WIDTH: 585px; HEIGHT: 300px"></iframe></p></td>
</form>

Javascript:

code:

function controleer(formulier)
formulier.omschrijving.value = "" + iView.document.body.innerHTML + "";

if (formulier.omschrijving.value == "")
    {
        melding += "- omschrijving\n";
        if (focus_op_veld == "nee") formulier.omschrijving.focus();
        focus_op_veld = "ja";
    }
    
    if (melding !== "")
    {
        alert("De volgende veld(en) zijn verplicht in te voeren: \n" + melding);
        return (false);
    }

[Verwijderd]

Niemand een idee over deze kwestie? Alle hulp is welkom.

[André]

Verwijderd schreef op 28 augustus 2002 @ 17:10:
Javascript:

code:

function controleer(formulier)
formulier.omschrijving.value = "" + iView.document.body.innerHTML + "";

if (formulier.omschrijving.value == "")
    {
        melding += "- omschrijving\n";
        if (focus_op_veld == "nee") formulier.omschrijving.focus();
        focus_op_veld = "ja";
    }
    
    if (melding !== "")
    {
        alert("De volgende veld(en) zijn verplicht in te voeren: \n" + melding);
        return (false);
    }

Ten eerste de functie controleer heeft geen begin { en geen eind }, ten tweede in de zin formulier.omschrijving.value = "" + iView.document.body.innerHTML + "" kun je de accolades weghalen. Ten derde melding += "- omschrijving\n", waarom += en niet gewoon = want melding is nog niet gedefinieerd. Ten vierde if (melding !== "") heb ik nog nooit van gehoord, het is altijd nog gewoon !=. Ten vijfde return (false) word gewoon return false.

Dus conclusie:

JavaScript:

function controleer(formulier)
{
  var melding = "";
  formulier.omschrijving.value = iView.document.body.innerHTML;

  if (formulier.omschrijving.value == "")
  {
    melding += "- omschrijving\n";
  }
      
  if (melding != "")
  {
    alert("De volgende veld(en) zijn verplicht in te voeren: \n" + melding);
    return false;
  }
}

[Verwijderd]

Helaas, dit maakt geen verschil, hij controleert nog steeds de inhoud niet correct. Wel bedankt voor de tips. Ik zal even de complete functie laten zien:

code:

function controleer(formulier)
{
    var melding = "";
    var focus_op_veld = "nee";
    
    formulier.omschrijving.value = iView.document.body.innerHTML;
        
    if (formulier.titel.value == "")
    {
        melding += "- titel\n";
        if (focus_op_veld == "nee") formulier.titel.focus();
        focus_op_veld = "ja";
    }
    if (formulier.datum.value == "")
    {
        melding += "- datum\n";
        if (focus_op_veld == "nee") formulier.datum.focus();
        focus_op_veld = "ja";
    }
    if (formulier.omschrijving.value == "")
    {
        melding = "- omschrijving\n";
        if (focus_op_veld == "nee") formulier.omschrijving.focus();
        focus_op_veld = "ja";
    }
    
    if (melding != "")
    {
        alert("De volgende veld(en) zijn verplicht in te voeren: \n" + melding);
        return false;
    }
}

Het vreemde is dat hij de titel en datum e.d. wel goed controleert. Zodra ik de textarea style niet op hidden zet dan werkt het ook gewoon goed alleen zie je dan die lelijke textarea er ook nog eens bij. Ik wil alleen het iframe zien. Ziet iemand wat ik fout doe?

[Grom]

Ik heb geen idee waarom dat fout gaat maar kan dit dan geen oplossing zijn:
<textarea name="textarea1" style="width:0px;height:0px;">

[Verwijderd]

Dat was hem, nu werkt hij perfect. Bedankt. Wel vaag dat het hidden niet werkt.

[André]

code:

<html>
  <head>
    <title>Test</title>
  </head>
  <body>

    <form action="i_nieuws.php" method="post" onsubmit="return controleer(this)">
      <textarea name="omschrijving" style="Display:none" cols="50" rows="10" class="formulier_veld" tabindex="3"></textarea>
      <input type="submit">
    </form>
    <iframe id="iView" style="WIDTH: 585px; HEIGHT: 300px"></iframe>

    <script language="javascript">

    function controleer(formulier)
    {
      var melding = "";
      formulier.omschrijving.value = iView.document.body.innerHTML;

      if (formulier.omschrijving.value == "")
      {
        melding += "- omschrijving\n";
      }
      
      if (melding != "")
      {
        alert("De volgende veld(en) zijn verplicht in te voeren: \n" + melding);
        return false;
      }
    }
    </script>

  </body>
</html>

Dit werkt bij mij perfect, ook al staat de textarea op hidden.