I'm having some trouble getting a Draggable to dorp onto a Droppable.
I get the old "element is null" error from prototype (its trying to
show an non-existent element).
However, the element being dragged most definitely exists, as does the
droppable. JS generated form Rails helpers.
Any help much appreciated.
Funny thing is I have just got another page on our app working really
well with draggables and droppables. I did notice an element is null
error on that page but it seems not to affect its functionality.
Code excerpt is below, hope its not too long to skim through.
<div id="release-search-results-panel">
<div id="card-search-results">
<div style="position: relative;" id="card_Issue_297" class="entity-
search-card level1">
<span style="display: none;" id="Issue_297_arrow">
<img id="Issue_297_expanded" onclick="javascript: return
toggleWallSearchTree(297, 'Issue',false); return false;" src="/images/
icons/arrow_down.gif" style="display: none; cursor: pointer;">
<img id="Issue_297_collapsed" onclick="javascript: return
toggleWallSearchTree( 297,'Issue',false);return false;" src="/images/
icons/arrow_up.gif" style="display: inline; cursor: pointer;">
<img id="loading_Issue_297"
src="/images/indicator.gif"
style="display: none;">
</span>
<span id="Issue297_loading" style="display: none;"
class="clearfix">
<img src="/images/small-loading.gif">
</span>
I1 : test KPI
</div>
<script type="text/javascript">
//<![CDATA[
new Draggable("card_Issue_297", {revert:true})
//]]>
</script>
<!-- IMPORTANT: span MUST be empty for JS/Ajax to work -->
<span id="Issue_297_children" class="child-container"></span>
<div style="position: relative;" id="card_Issue_298" class="entity-
search-card level1">
<span style="display: none;" id="Issue_298_arrow">
<img id="Issue_298_expanded" onclick="javascript: return
toggleWallSearchTree(298, 'Issue',false); return false;" src="/images/
icons/arrow_down.gif" style="display: none; cursor: pointer;">
<img id="Issue_298_collapsed" onclick="javascript: return
toggleWallSearchTree( 298,'Issue',false);return false;" src="/images/
icons/arrow_up.gif" style="display: inline; cursor: pointer;">
<img id="loading_Issue_298"
src="/images/indicator.gif"
style="display: none;">
</span>
<span id="Issue298_loading" style="display: none;"
class="clearfix">
<img src="/images/small-loading.gif">
</span>
I2 : there is an issue here
</div>
<script type="text/javascript">
//<![CDATA[
new Draggable("card_Issue_298", {revert:true})
//]]>
</script>
<div style="position: relative;"
id="release-iterations-panel">
<p>releases/iterations..</p>
</div>
<script type="text/javascript">
//<![CDATA[
Droppables.add("release-iterations-panel", {after_effect:Element.hide,
before_effect:Element.show, onDrop:function(element){Element.show
('indicator'); new Ajax.Request('/releases/add_item',
{asynchronous:true, evalScripts:true, onComplete:function(request)
{Element.hide('indicator')}, parameters:'id=' + encodeURIComponent
(element.id) + '&authenticity_token=' + encodeURIComponent
('acaa102f216e113331509e9d9e7ef3c6418267e7')})}})
//]]>
</script>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
