[dhtml/javascript] layers draggen

[Explore]

Het draggen van layers is tegenwoordig, als je rekening houdt met DOM-compatible browsers, een piece of cake. Alleen blijkt dat als er een formulier in een layer staat, dat het dan niet meer goed wil werken: IE hangt!

Ik heb Clay's code - deze ook getest. Als ik in een van de layers een formpje gooi, dan werkt het wel. Maar als ik zijn code in mijn App gooi dan crasht IE weer. En in NS7 werkt het gewoon niet (terwijl Clay's code los in NS7 wel werkt).... Maf.

Ter info, mijn layers met forms zijn niet zo bijzonder (sorry dat de layour nogal gaar wordt):

code:

<div id="lyrAddArticle" class="dropshadow" style="position:absolute; left:75px; top:35px; width:550px;
    visibility:hidden" dragEnabled>
   <form name="formAddArticle" action="javascript:;">
      <input type="hidden" name="idx" value="">
      <table cellpadding="5" cellspacing="1" border="0" width="100%" bgcolor="#000000">
         <tr><td class="dialoghead"><span class="subtitle">Add/Edit Article</span></td></tr>
         <tr><td class="dialog">
            <table cellpadding="1" cellspacing="0" border="0">
               <tr><td colspan="2"><b>Type</b></td></tr>
               <tr><td width="10">&nbsp;</td><td><input type="radio" name="stype" value="static" />
    Static&nbsp;<input type="radio" name="stype" value="Once" />Once</td></tr>
               <tr><td colspan="2"><b>Title</b></td></tr>
               <tr><td width="10">&nbsp;</td><td><input class="dialog" type="text" name="stitle" value="" /></td></tr>
               <tr><td colspan="2"><b>Summary</b></td></tr>
               <tr><td width="10">&nbsp;</td><td><textarea class="dialog" name="ssummary" rows="6" wrap="physical">
    </textarea><br><a href="javascript:;" onClick="showLinkDialog('document.formAddArticle.ssummary')">link</a></td></tr>
               <tr><td colspan="2"><b>Article</b></td></tr>
               <tr><td width="10">&nbsp;</td><td><textarea class="dialog" name="sarticle" rows="10" wrap="physical">
    </textarea><br><a href="javascript:;" onClick="showLinkDialog('document.formAddArticle.sarticle')">link</a> · <a href="javascript:;">image</a></td></tr>
               <tr><td width="10">&nbsp;</td><td align="right"><input class="but" type="button" name="delbutton"
    value="Remove" onClick="delArticle(document.formAddArticle.idx.value)" />&nbsp;<input class="but" type="button" value="Save" onClick="addArticle(document.formAddArticle)" />
    &nbsp;<input class="but" type="button" value="Cancel" onClick="lyrHide('lyrAddArticle')" /></td></tr>
            </table>
         </td></tr>
      </table>
   </form>
</div>

Waarom crasht IE hierop en werkt het gewoon niet in NS7?

Edit: poging de layout wat duidelijker te maken - lukt niet echt met dit soort dingen. Ik hoop dat het een beetje leesbaar is...

[ Voor 35% gewijzigd door Explore op 19-03-2003 19:50 ]

[Clay]

hmz. als ik dit probeer heb ik een prima sleepbare layer inclusief form. Nou weet ik niet wat daar zo anders aan is dat het in IE -niet- crasht maarja.

ik vind trouwens wel dat je style en html ff los van elkaar moet halen. zo'n lap source is niet echt netjes

[Mithrandir]

Hier doet 'ie het ook gewoon.

6.0.2800, SP1 installed.

[Explore]

Clay, ik heb je beehive2.js effe gepakt en je voorbeeld toegepast op m'n layer, die ik hierboven gepost heb, maaruh: IE crasht! In NS7 werkt het wel, alleen kan je dan niet met de muis naar 't volgende input-veld.

Ik denk dat dit echt een bug in IE is. De reden waarom die crasht weet ik niet, zal wel met de styles te maken hebben. Jouw voorbeeld werkt nl. wel goed.

Ik heb hier ook de meeste recente IE, inc. SP1.

Overigens heb ik style en html gescheiden. Wellicht helpt het als ik de style uit de div haal. Ik zal er nog eens naar kijken, maar er is in iedergeval iets vreemds aan de hand.

Edit: 'k Heb de styles van de layer verwijdert:

code:

<div id="lyrAddArticle" class="dropshadow">
...

maar dat maakt niet uit. zaakje crasht nog steeds - zelfs met beehive2.
Let wel: alle styles zijn uit de div verwijderd, er staan alleen style-classes op td's en input's. Vermoedelijk ligt daar het probleem, aangezien dat het enige verschil is met Clay's voorbeeld.

[ Voor 26% gewijzigd door Explore op 20-03-2003 14:09 ]

[Clay]

't zal inderdaad wel een bug zijn. d'r staat nergens in de js iets dat zegt "crash de boel", en ik ben het ook al eerder een keer tegengekomen. Kan je anders ff een minimale testcase online zetten van een draggable div + form die crasht? daar _moet_ de bug mee te vinden zijn.

[Verwijderd]

Kan het misschien liggen aan dat je de focus zet op een onzichtbaar formelement? Daar wil IE nog weleens op plat gaan.

[Explore]

Clay, ik zal eens kijken of ik een testcase in elkaar kan draaien. Ik kom hier later op terug (zie m'n subtitle...)
Blues, nee, dat denk ik niet. IE crasht zodra er met de muis op de layer wordt geclicked en gedragged. Niet eerder. Bovendien zet ik de focus pas op 't formelement zodra de layer zichtbaar is. ;-) Btw: werk jij bij SingularIt?

[ Voor 5% gewijzigd door Explore op 21-03-2003 12:00 ]

[Clay]

hmz, ook als ik de html die je in het begin post draggable maak crasht de boel nog niet. Ben wel benieuwd wat het nou gaat blijken te zijn

[Verwijderd]

Explore schreef op 21 March 2003 @ 11:59:Btw: werk jij bij SingularIt?

Nou, ach...werken? Da's een groot woord.