[mootools] drag&drop error

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mobile (iOS) Developer / Permanent contract / RELO

Bedrijfsomschrijving Are you an ambitious Mobile iOS developer and seeking for a unique job opportunity in The Netherlands? Then seek no more! This growing company in The Hague is currently growing rapidly and therefore looking for extra iOS developers. At this moment they are with 40 persons but due to the fact they are now opening offices in London and New York as well, they need extra hands for their development team. The company develops groundbreaking applications for the international telecommunications market. They have several products which help both private and business users worldwide. There is an international development team

Bekijk vacature »

Customer Care Specialist

Met je hoofd in de ICT en je hart bij de zorg! Wij zijn een bedrijf met een uitgesproken visie waarbij we met onze oplossingen een bijdrage leveren aan de verbetering van de kwaliteit van leven door effectiever gebruik van medicatie. Onze aanpak is gericht op continue vernieuwing met de focus op groei. Daar kan jij een bijdrage aan leveren! Voor onze Business Unit HI-Systems met standplaats Groningen zoeken wij een: Customer Care Specialist (fulltime) De Business Unit HI-Systems houdt zich vanuit Oosterhout en Groningen bezig met ondersteuning van tweedelijnszorg, met name rondom voorschrijven, afleveren en toedienen van medicatie. In

Bekijk vacature »

PHP Symfony (3) Developer

Bedrijfsomschrijving Onze klant is een dienstverlenend bedrijf die een eigen facturatiesysteem heeft ontwikkeld waar men zich met een relatief klein team (circa 20 mensen) dagelijks inzet om mooie en slimme applicaties te ontwikkelen. Ze groeien nog altijd echter nemen niet elke opdracht aan en ze kiezen als bedrijf alleen voor de projecten waar de meeste uitdaging in te vinden is. Het is een leuke en prettige partij om bij te werken en er is ook veel ruimte om met nieuwe technieken (lees: Symfony 3) aan de slag te gaan en deze uit te proberen. Functieomschrijving Samen met je collega’s ben

Bekijk vacature »

BI Developer

Bedrijfsomschrijving De organisatie waar je komt te werken als (Senior) BI Developer is een grote internationale financiële instelling. Met vele vestigingen in Nederland zijn ze een belangrijke speler op de financiële markt. Jij zal hoofdzakelijk op het kantoor in Amsterdam werkzaam zijn, maar het kan ook voorkomen dat je af en toe naar een andere vestiging gaat. Het bedrijf telt ongeveer 5000 medewerkers waarvan ruim 150 ICT'ers. Het team waar je in komt te werken als (Senior) BI Developer is een ambitieus BI team dat zich bezighoudt met lokale en internationale uitdagingen. Zo zit een Junior BI Developer, 2 (Medior)

Bekijk vacature »

Backend Developer XQuery

Bedrijfsomschrijving Voor een vooruitstrevende organisatie binnen de zorg in Den Haag zijn wij opzoek naar een Back-end Developer die ervaring heeft met XQuery en Vue.JS. Je zal ontwikkelen aan een tof en complex zorgplatform en koppelingen maken met de NoSQL database. Ook het testen en documenteren van de ontwikkelde functionaliteiten behoort tot zijn verantwoordelijkheden. Door COVID zoeken ze iemand die goed in staat in zelfstandig vanuit huis te werken. Functieomschrijving Ben jij een Back-end Developer en heb je ervaring met XQuery, NoSQL-databases, JSON en REST API's? Wil je meewerken aan een grootschalig project binnen een vooruitstrevende zorg omgeving? Reageer dan

Bekijk vacature »

Full-stack Java Developer

Functieomschrijving Wil jij continu een organisatie en processen optimaliseren? Maak jij graag IT applicaties die impact hebben? Wil jij jezelf en Nederland in beweging houden? Wat ga je doen als Full-stack Java Developer bij Randstad Nederland? Als je als full-stack java developer ergens impact hebt, dan is het hier wel. Wij ondersteunen onze HR-dienstverlening met hightech apps en software, die we continu verbeteren. Zodat onze mensen ervoor kunnen zorgen dat bijvoorbeeld jouw koffer op de band terecht komt op het vliegveld, jouw pakketjes netjes op tijd worden geleverd en goed verzorgt wordt in het ziekenhuis. Onze innovaties volgen elkaar in

Bekijk vacature »

Front-end Ontwikkelaar - Publieke Veiligheid

Help JIJ onze klanten in de Digitale Transitie? Neem dan contact met MIJ op! Wij geloven dat organisaties meer wendbaar moeten worden én blijven. Dat maakt organisaties toekomstbestendig. Ben jij een leergierige software engineer met passie voor front-end development? Wil jij je verder ontwikkelen in de nieuwste front-end technologieën? Zoek jij uitdagende klussen in teamverband? Wij bieden jou die uitdaging en de mogelijkheden jezelf verder te ontwikkelen. We leveren een bijdrage aan het veiliger maken van Nederland en daar zijn we trots op! Heb je minimaal drie jaar ervaring in zo’n mooie rol, ben je inspirerend en dynamisch? In de

Bekijk vacature »

Javascript Developer (Angular/Node.js)

Bedrijfsomschrijving Ben jij een JavaScript developer en zoek je een nieuwe uitdaging binnen een inspirerende omgeving waarbij innovatie een belangrijke rol speelt? Dan ga je je hier zeker thuisvoelen! Deze organisatie zorgt dat bedrijven efficiënter en commercieel succesvoller worden. Dat doen ze door de combinatie van data en IT optimaal te gebruiken. Je komt terecht in een gepassioneerd team van 12 die allemaal een passie hebben voor data en IT. Je komt terecht in een prettige, informele en flexibele organisatie waar je met veel plezier aan de slag zal gaan. Door het succes zal het team de komende tijd/jaren verder

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

Application Developer Tech Lead

We’re Hiring! A UPS Application Developer Tech Lead *REMOTE WORK POSSIBLE FOR THIS ROLE As a Tech Lead Developer at UPS you work on delivering functionality for highly complex IT systems. You collaborate in agile teams and participate in emerging technologies and processes like CI/CD and DevOps to ensure that we meet our objectives effectively and efficiently. Your primary role is to perform full system life cycle activities, e.g. analysis, technical requirements, design, coding, testing and the implementation of software. Working in our Europe development center in Eindhoven means working in an international team with onsite people as well as

Bekijk vacature »

Developer DataPower & Message Queiuing

Bedrijfsomschrijving Je komt als DataPower developer te werken in de regio Deventer/Apeldoorn bij een van de meest complexe IT omgevingen van Nederland. De organisatie is constant in beweging en bezig met de nieuwste tools en technieken, het is een platform waar immers miljoenen (!) gebruikers van afhankelijk zijn. De organisatie werkt met grote hoeveelheden data, zij richten zich zowel op de B2B als B2C markten en zijn pionier binnen hun gebied van expertise. Je komt te werken in een team met de beste DataPower specialisten die Nederland kent. Je zal bezig zijn met het ontwerpen, bouwen en testen op het

Bekijk vacature »

.NET Developer

Jouw baan Het draait om vernieuwing en verbetering: Jouw gave IT oplossingen worden VWE breed door alle andere teams ingezet. Jij hebt dan ook een belangrijke bijdrage aan de efficiency, consistentie en eenduidigheid binnen de IT programmatuur. Hiervoor werk je met de nieuwste technieken. Onze flinke equipe ervaren IT developers is verdeeld over verschillende zelfsturende teams. Jouw plek is binnen het team dat zich richt op de ontwikkeling van programmatuur ter ondersteuning van andere ontwikkelteams. Jij bent een van de kartrekkers die bestaande programmatuur in een nieuwe jas steekt, weet waar de behoeftes in de verschillende teams liggen en waar

Bekijk vacature »

Gedreven front-end ontwikkelaar gezocht!

Bedrijfsomschrijving Dit moderne bedrijf is zeer succesvol en maakt prachtige webapplicaties voor grote A-merken.Vanwege de sterke groei zoeken wij per direct voor dit bedrijf een ervaren front-end ontwikkelaar. Het team bestaat uit een jonge groep enthousiaste specialisten waaronder 6 backend en 5 frontend ontwikkelaars. Omdat de mooie opdrachten zich blijven aandienen zijn ze van plan om weer uit te breiden en het verloop bij deze organisatie is heel laag omdat het er erg prettig werken is.Zo gaan ze bijvoorbeeld heel flexibel om met elkaar en kijkt men hier niet raar op als je eens een middag afwezig bent of later

Bekijk vacature »

Outsystems developer - Energiemarkt

Ben jij een ervaren Outsystems developer met de skills om te luisteren, te analyseren en te inspireren? Dit is een uitgelezen kans om je aan te sluiten bij een snel groeiend team binnen CGI. Vanuit het team leveren we IT-projecten die de levens van miljoenen mensen raken! Wat ga je doen? Als OutSystems developer ontwikkel en implementeer je binnen ons team nieuwe applicaties, verbeter en onderhoud je de prestaties van bestaande applicaties en werk je aan diverse projecten van onze klant. Je helpt met het omzetten van wensen naar werkende software van het hoogste niveau op basis van een Agile-werkmethodiek.

Bekijk vacature »

Senior .NET Ontwikkelaar

Help jij onze klanten in de publieke veiligheidssector de stap te maken naar de high performance organisatie van de 21e eeuw? Wat ga je doen? Als Senior .NET ontwikkelaar ben je verantwoordelijk voor (een deel van) het ontwerp van een of meerdere systemen. Deze rol vereist communicatie en interactie met meerdere ontwikkel- en testteams en met de andere ontwerpautoriteiten. In jouw rol treedt jij op als de vertegenwoordiger van de technische aspecten van het systeem bij het overleg met de klant. Wat breng je mee? Jij bent veelzijdig en bereid om die extra stap te zetten die soms nodig is.

Bekijk vacature »
Kalle P

Kalle P

17/04/2008 18:22:00
Quote Anchor link
Ik ben bezig met mootools. Een drag & drop. Werkt allemaal goed tot dat ik een 2e x over mijn droparea ga, dan gaat ie wederom ajax functie aanroepen (waar ik nu alerts voor heb neergezet).

Het denkt dus dat ik nog aan het draggen ben ook al heb ik al dat plaatje gedropt.
Remove() genoeg uitgeprobeerd... werkt niet.

Iemand een idee?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
         <script type="text/javascript">
        window.addEvent('domready', function(){
            var drop = $('thuis-scroll');
            //var dropFx = drop.effect('background-color', {wait: false}); // wait is needed so that to toggle the effect,
            
            $$('.type').each(function(item){
            
                item.addEvent('mousedown', function(e) {
                    e = new Event(e).stop();
            
                    var clone = this.clone()
                        .setStyles(this.getCoordinates()) // this returns an object with left/top/bottom/right, so its perfect
                        .setStyles({'opacity': 0.7, 'position': 'absolute'})
                        .addEvent('emptydrop', function() {
                            this.remove();
                            drop.removeEvents();
                        }).inject(document.body);
            
                    drop.addEvents({
                        'drop': function() {
                            drop.removeEvents();
                            clone.remove();
                                                        
                                                        var nl13=$$('.nl-13');
                                                        var nl16=$$('.nl-16');
                                                        var nl12=$$('.nl-12');
                                                        var nl5=$$('.nl-5');
                                                        
                                                        var el;
                                                        
                                                        nl13.addEvent('mouseover', function(){
                                                            el = $$('#nl-13');
                                                            
                                                            var newHTML = '<div>'+
                                                                            '<label for="naam">Appelvlaai</label>'+
                                                                            '<span>5 pt</span>'+
                                                                          '</div>'+
                                                                          '<ol class="products">'+
                                                                             '<li>'+
                                                                                '<img src="images/'+clone.name+'_klein.gif" alt="" />'+
                                                                                ': 1'+
                                                                             '</li>'+
                                                                          '</ol>';
                                                            el.setHTML(newHTML);
                                                            
                                                        });
                                                        nl16.addEvent('mouseover', function(){
                                                            el = $$('#nl-16');
                                                            alert('16');
                                                        });
                                                        nl12.addEvent('mouseover', function(){
                                                            el = $$('#nl-12');
                                                            alert('12');
                                                        });
                                                        nl5.addEvent('mouseover', function(){
                                                            el = $$('#nl-5');
                                                            alert('5');    
                                                        });
                                                        
                        },
                        'over': function() {
                            //dropFx.start('98B5C1');
                        },
                        'leave': function() {
                            //dropFx.start('ffffff');
                        }
                    });
            
                    var drag = clone.makeDraggable({
                        droppables: [drop]
                    }); // this returns the dragged element
            
                    drag.start(e); // start the event manual
                });
            
            });
        });
    </script>
 
PHP hulp

PHP hulp

11/05/2021 13:30:27
 
Harmen

Harmen

17/04/2008 19:22:00
Quote Anchor link
Kun je even laten zien waar het staat? Even firebuggen :)

Je zou bijvoorbeeld nog wat extra kunnen toevoegen...
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
var dragging = false;
(...)
var drag = clone.makeDraggable({
    droppables: [drop],
    onStart: function(){
        var dragging = true;
    }
});

Dan zou je controleren met if(dragging) als er gesleept wordt of niet :)
Gewijzigd op 01/01/1970 01:00:00 door Harmen
 
Kalle P

Kalle P

18/04/2008 10:35:00
Quote Anchor link
Ik heb dit geprobeerd, maar het probleem zit ergens anders in.

Als ik dit namelijk doe en ik laat het plaatje los in de droparea en ik ga uit de droperea dan komt ie direct weer in onStart() (getest met een alert). Dit betekent - overigens precies het zelfde als eerst - dat mootools blijft denken dat ik het plaatje nog heb en het probleem is dus dat wanneer ik een ander item drag ik die er dus bij krijg. Heel frusterend, maar ergens vergeet ik het plaatje te verwijderen ofzo uit de cache van mootools.

Ik hoop dat iemand weet wat ik moet doen.

@Harmen
Waar het staat? Ik denk dat de code voorzich spreekt, maar zal wel ff uitleggen:

gedragged item van de class .item (regel 6 en regel 19) maakt een mouseover op de class .#nl-13 (regel 31) en verandert in de class de code en zet het plaatje erin dat is gedragged.

Dat is eigenlijk wat er gebeurd en het probleem zit 'm dus in het feit dat nadit scenario je een soort van ghostdragging hebt... Je ziet het plaatje niet maar als je je muis beweegt blijf je draggen ook al druk je je knop niet in. Als ik hierna wat anders drag en het zelfde scenario vindt plaats dan ghostdrag ik dus 2 plaatjes en hierna 3 plaatjes... Mootools verwijdert het niet uit z'n geheugen ofzo en denkt ondanks dat ik niks drag toch dat ik drag.

Kalle.
 
Jelmer -

Jelmer -

18/04/2008 11:22:00
Quote Anchor link
Harmen bedoelt volgens mij of je een live voorbeeld hebt, zodat hij Firebug kan gebruiken om hier en daar wat breakpoints te plaatsen en te kijken of er ergens een fout optreedt.

Ik denk dat het het laatste is, dat er ergens een exception wordt gegooid en opgevangen, maar dat daardoor het vermelden dat er geen plaatje meer onder de cursor zit wordt overgeslagen.
 
Kalle P

Kalle P

18/04/2008 11:42:00
Quote Anchor link
edit:

Hehehe eindelijk. Ik wist dat ik ergens een fout had gemaakt.

Ik verwijderde het event niet op de mouseOvers waardoor die bleef bestaan.

removeEvents().... altijd leuk.

Bedankt voor jullie hulp iig.

Dankzij de maker van [urk]www.wintabber.com[/url].
Gewijzigd op 01/01/1970 01:00:00 door Kalle P
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.