[javascript] Form gecreeerd met javascript niet te adressere

[Verwijderd]

Even snel de volgende stuk code: (het is gaan java, maar javascript, maar dit was handig voor hightlighting);

Java:

function writeLinkDialog()
{
    document.writeln('<div id="linkDialog">');
    document.writeln('<form name="linkForm">');
    document.writeln('<table cellpadding="4" cellspacing="4" border="0">');
    document.writeln('  <tr><td colspan="2"><span style="font-style: italic; font-size: x-small;"><b>Tip:</b> To insert an email link, start your URL with "mailto:"</span></td></tr>');
    document.writeln('  <tr>');
    document.writeln('      <td align="right">URL:</td>');
    document.writeln('      <td><input name="linkUrl" type="text" id="linkUrl" size="40"></td>');
    document.writeln('  </tr>');
    document.writeln('  <tr>');
    document.writeln('      <td align="right">Text:</td>');
    document.writeln('      <td><input name="linkText" type="text" id="linkText" size="40"></td>');
    document.writeln('  </tr>');
    document.writeln('  <tr>');
    document.writeln('      <td colspan="3" align="center">');
    document.writeln('          <input type="button" value="Insert Link" onClick="AddLink()" />');
    document.writeln('          <input type="button" value="Cancel" onClick="showHideElement(\'linkDialog\',\'hide\')" />');
    document.writeln('      </td>');
    document.writeln('  </tr>');
    document.writeln('</table>');
    document.writeln('</form>');
    document.writeln('</div>');
}

Deze functie gebruik ik om een form te laten printen die ik enigszins op een dialog laat lijken en ik positioneer het als iemand op een bepaalde knop drukt.

Wanneer ik deze dus aanroep met:

HTML:

<script>writeLinkDialog();</script>

Doet hij alles goed. Behalve

Java:

document.linkForm.linkText.value = "blaat";
// of
if (document.linkForm.linkText.value == '') {
    alert('Please enter a url.');
    done =  false;
}

Ik ben erachter gekomen dat als ik de dialog (dus wat de functie writeLinkDialog() print) gewoon in html zet, ik deze wel kan adresseren. Is er een manier om met javascript gecreëerde forms wel gewoon te kunnen adresseren?

Het is voor een richtext editor. Het zou dus wel cool zijn als ik alles vanuit een .js bestandje kan doen. Blijft alles lekker modulair!

[BtM909]

Het kan wel, maar je moet rekening houden dat on-the-fly genereerde items pas bewerkbaar / adresseerbaar zijn als de elementen zijn gerendered

[NMe]

Zie P&W FAQ - HTML / javascript /css, etc.... Javascript hoort bij de buren in Webdesign & Graphics.

PW>>WG

[Verwijderd]

BtM909 schreef op zondag 10 april 2005 @ 21:16:
Het kan wel, maar je moet rekening houden dat on-the-fly genereerde items pas bewerkbaar / adresseerbaar zijn als de elementen zijn gerendered

Volgens mij niet, maar ik heb het toch geprobeerd, maar zonder resultaat helaas.

heb ondertussen ook het volgende geprobeerd:

Java:

function writeLinkDialog()
{
    ...
    document.writeln('<form name="linkForm" id="linkForm">');
    ...
}

en

Java:

    var oForm = document.getElementById('linkForm');
    //validate form
    var done = true;
    if (oForm.linkUrl.value == '') {
        alert('Please enter a url.');
        done =  false;
    }

,maar dit werkte dus ook al niet.

[crisp]

DIt werkt prima hoor als je het in de body van je HTML zet:

HTML:

<script type="text/javascript">
writeLinkDialog();
var oForm = document.forms['linkForm'];
alert(oForm); // object
oForm.elements['linkUrl'].value = 'foo';
</script>

Overigens is een form zonder action geen form; in feite heb je ook helemaal geen form-element nodig in dit geval - input-elementen kan je ook gewoon met een ID aanspreken...

[ Voor 26% gewijzigd door crisp op 10-04-2005 21:48 ]

[Verwijderd]

Het is opgelost: Het sloeg nergens op. Ik met mijn stomme kop, had ergens twee form elementen genest. Nu maak ik al mijn dialogen buiten de eigenlijke form element. Dan werkt het prima zoals ik in het begin probeerde.

Je kan dus niet twee forms nesten Of toch wel?

[crisp]

nee, forms nesten kan niet, maar zoals gezegd: in deze situatie heb je helemaal geen form nodig; input-elementen mag je ook buiten formcontext gebruiken.

[Verwijderd]

Dat wist ik wel, maar dit is handig als er meer input elementen zijn die hetzelfde naam/id hebben.

[faabman]

Verwijderd schreef op maandag 11 april 2005 @ 00:08:
Dat wist ik wel, maar dit is handig als er meer input elementen zijn die hetzelfde naam/id hebben.

ja, behalve dan dat er geen elementen mogen bestaan met dezelfde id...

edit:
eigenlijk denk ik dat je veel beter kunt gaan voor DOM methoden om formulieren dynamisch op te bouwen... op de lange termijn zal dat de onderhoudbaarheid van je code ten goede komen...

[ Voor 26% gewijzigd door faabman op 11-04-2005 00:14 ]

[Verwijderd]

Dat was ook wat ik bedoelde: Daarom stop ik ze in apparte form elementen.

Welke DOM methoden bedoel je precies? Kun je me misschien verwijzen naar een pagina met een voorbeeld of heb je het over http://www.w3schools.com/htmldom/default.asp?

[faabman]

Mozilla heeft redelijke documentatie
http://www.mozilla.org/docs/dom/domref/dom_shortIX.html

Vind zelf die van MS lekkerder werken, alleen daarbij moet je ff goed kijken naar wat er onder standards info staat ivm de shitload aan i.e. only routines...

http://msdn.microsoft.com...dhtml_reference_entry.asp

voor beide even kijken naar document.createElement(), setAttribute(), appendChild() etc.

er zal via google en de GoT search ook genoeg te vinden zijn...

[Wolfboy]

Kijk hier maar voor wat uitleg over Javascript icm. DOM: http://www.quirksmode.org/

[Verwijderd]

Die van MS zal ik maar niet al te graag aanpakken, maar is handig om te weten iig. Verder hele coole links...

Thanks