Archief - AJAX: parameters

tikketim · 21 jun 2006

ik heb een tijdje geleden een schaakspel gescript in php , nu zak ik overlaatst dat ik script.aculo.us wel kon gebruiken om de stukken te verplaatsen.

het bord zelf ziet er zo uit :

PHP:

<td class="vakje1" id="a8"><img src="images/br.gif" class="stuk" id="tz1a8"/><script type="text/javascript">new Draggable('tz1a8', {revert:false})</script></td>

een table met alle vakjes van het bord met daarop de stukken ( img ) met het id van het stuk met als eerste 3 cijfers de naam van het stuk ( in dit geval : zwarte toren 1 ) en daarna een stukje javascript om die toren te kunnen verplaatsen

als ik dan dat stuk naar een ander vakje wil verplaatsen ziet het er zo uit :

PHP:

<td class="vakje1" id="a4"></td><script type="text/javascript">Droppables.add('a4', {onDrop:function(element){new Ajax.Updater('a4', 'add.php', {parameters:'id=' + encodeURIComponent(element.id), evalScripts:true, asynchronous:true})}})</script>

het id word met ajax doorgestuurd naar add.php die dan de verwerking gaat doen ( controle's of die bepaalde zet wel mag etc .. ) maar het probleem is dat ik er niet in slaag een parameter mee te geven van het vakje waar dat stuk dan uiteindelijk is op losgelaten

hopelijk snapt iemand het

tikketim · 22 jun 2006

niemand ? ik zou dus eigelijk alleen maar te weten moeten komen op welk vak ik een bepaald stuk loslaat

op google vind ik ook niets , daar staan alleen maar voorbeelden van shopping carts op waar er maar 1 mogelijke box is om producten in te zetten

sys4096 · 22 jun 2006

Op script.aculo.us staat de oplossing toch ?

Titeltje "Of Interest"

When trying to use droppables.add within a loop I had a slight issue with the scope of droppable element. It only seemed to remeber the last elementId, not good when you want four or more drag and drop windows that swap content (slightly similar to Google suggest). by adding another attribute to the callback you are able to reference not only the element being dragged but also the element that is being dropped onto. Solved. The example below is taken from my application where window DIV’s are both draggable and droppable served by a Javascript array. See the callback function has element plus the new droppableElement (can be called anything).

Voorbeeld code staat er ook bij.

tikketim · 22 jun 2006

hmm maar daar kan ik helemaal niet aan uit , als ik het zo doe werkt het helemaal niet meer :

PHP:

<script type="text/javascript">Droppables.add('a4', {onDrop:function(element, droppableElement)
            {
                var content1 = element.innerHTML;
                var content2 = $(droppableElement.element.id).innerHTML;          
                $(droppableElement.element.id).innerHTML = content1;
                element.innerHTML = content2;
            }){new Ajax.Updater('a4', 'add.php', {parameters:'id=' + encodeURIComponent(element.id), evalScripts:true, asynchronous:true})}})</script>

Archief - AJAX: parameters

tikketim

Legacy Member

tikketim

Legacy Member

sys4096

Legacy Member

tikketim

Legacy Member