[mootools] drag&drop error

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.Net developer @ Rotterdam

2020-12-18 iSense .Net developer .Net Developer ISRA48298 Organisatie De organisatie waarbinnen je aan de slag zal gaan levert diensten aan een groot aantal organisaties binnen Nederland. De software die zij maken en inzetten voor hun klanten wordt dagelijks door honderden klanten gebruikt. Onze opdrachtgever is marktleider in Nederland als het gaat om full-service HR-dienstverlening. De afgelopen periode is onze klant hard gegroeid en daar zijn de nodige uitdagingen bij komen kijken. Om deze groei voort te kunnen zetten zijn ze op zoek naar nieuwe vaste medewerkers, dit om ervoor te zorgen dat ze marktleider blijven. Zij zijn op zoek naar

Bekijk vacature »

Oracle BI Developer @ Utrecht

2021-08-16 iSense Oracle BI Developer Ben jij op zoek naar een dynamische omgeving om als Oracle BI Developer aan de slag te gaan? Heb jij goede kennis van Oracle BI, Datawarehouses en Oracle Data Integrator (ODI)? En pas jij dit graag toe in een innovatieve omgeving waar je voldoende uitdaging zult vinden? Reageer dan nu! ISKL48194-1 Organisatie Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de

Bekijk vacature »

Lead Front End Developer, Dynagroup

Ben jij die gemotiveerde en hardwerkende developer die binnenkort de lead wil nemen van een Front End ontwikkelteam? Word jij warm van het bouwen aan innovatieve oplossingen en het overwinnen van uitdagingen in de wereld van Supply Chain oplossingen, After Sales Services en E-commerce services? Lees dan snel verder en solliciteer! Wat bieden wij jou Marktconform salaris Doorgroeimogelijkheden Dynamische en gezellige werkomgeving Uitdagende positie binnen een groeiend bedrijf Wie ben jij Om voor deze functie in aanmerking te komen beschik je over een juiste dosis enthousiasme en aansturende kwaliteiten. Verder: Jij beschikt over een HBO in de richting van informatiesystemen

Bekijk vacature »

Python Developer @ Ijmuiden

2021-11-19 iSense Python Developer Ben jij een Python Developer die affiniteit heeft met data en die het belangrijk vindt om bij te dragen aan een betere aarde? Zet je kennis in bij een groot onderzoeksinstituut en ontwikkel binnen een klein team aan verschillende datasets! Meer weten? Lees snel verder... ISHU51675 Organisatie Wat ga je doen? Als Python Developer zul jij je voornamelijk bezig houden met het ontwikkelen, testen en implementeren van applicaties en ligt jouw focus op het combineren van data en slimme oplossingen. De data waar jij mee werkt wordt op verschillende manieren verzameld en vervolgens gecontroleerd met moderne

Bekijk vacature »

Senior .Net Developer (fixed & interim)

What are you going to do? All our T-Mobile Thuis systems are developed internally by our enthusiastic and self-organized scrum/DevOps teams. These are responsible for the analysis, the functional design and the realization of software solutions (applications / systems) that support the customer processes and the activation of the services in the network and on the platforms. The developments in IT are moving fast and we believe that you need hands-on expertise in implementing the new technology in order to be able to value these. We are therefore looking for experienced candidates who can and want to combine the role

Bekijk vacature »

Java Developer bij InTraffic

Werken aan innovatieve oplossingen die onmisbaar zijn voor iedereen en dus ook voor jou als reiziger? Als Java Developer bij InTraffic kan jij een waardevolle bijdrage leveren! Hoe? Het ontwerpen en ontwikkelen met Java in een van onze complexe projecten. Waarom? Om een beter en veiliger OV in Nederland te creëren. Waar? Bij InTraffic in Nieuwegein, dé IT-specialist op het gebied van verkeer en vervoer. Met wie? Met een scrumteam van tussen de 3 en 9 professionals. Jouw rol als Java Developer Binnen onze complexe IT-omgeving van verkeer en vervoer spelen vele interessante projecten. Hierbij kun je denken aan migraties

Bekijk vacature »

Senior Developer Mendix (NL) bij PostNL

Senior Developer Mendix (NL) Den Haag HBO/WO IT Professional "Wij zetten Mendix in voor onze kritieke processen om de favoriete bezorger van Nederland te zijn. We zoeken een Mendix Developer die met ons verder bouwt aan de 'digital core' van PostNL" Wat ga je doen? PostNL is a logistical tech company. Als Mendix Developer  kom je te werken in een organisatie waarbij data, technologie en een engineering culture een sleutelrol spelen. PostNL wil 'digital at the core' zijn en daarom staan we aan de voorgrond van het ontwikkelen van onze eigen logistieke software.    In de functie van Mendix Developer

Bekijk vacature »

Android Developer

As an Android Developer, you make sure our mobile apps give our users the best possible experience, whether they are browsing and buying our products online or managing our internal operations. How do I become a Android Developer at Coolblue? Your specialty is Android so you are successful in writing Kotlin in an agile fashion and do some pair programming with your colleagues to guarantee higher quality. Besides that you think about technical decisions like architecture, tools and processes. You also keep an eye on the performance of the app and you analyse with your team how to improve it.

Bekijk vacature »

Python Developer / Data Science @ Den Haag

2021-11-09 iSense Python Developer Data Science Heb jij een afgeronde WO opleiding in de beta hoek en heb je ruime ervaring met Python? Zou je graag binnen een vooruitstrevende financiële instelling aan de slag gaan met complexe data vraagstukken? Reageer dan snel! ISGO46833-2 Nieuw Organisatie Onze klant biedt financiële dienstverlening aan organisaties binnen de non-profit sector. Hierbij kun je denken aan overheden en instellingen met een maatschappelijk belang. In vergelijking met andere financiële dienstverleners staan zij er bijzonder goed voor. De organisatie heeft een open cultuur met vrij korte lijnen. Daarnaast zijn duurzaamheid en betrouwbaarheid termen die de organisatie kenmerken.

Bekijk vacature »

Ontwikkelaar / Angular / Azure @ Rijssen

2021-10-20 iSense Ontwikkelaar Angular Azure Heb jij ervaring opgedaan met Angular en eerder ontwikkeld in Azure? Vind je het leuk om je aan te sluiten bij een kleine en groeiende organisatie? Lees dan snel verder en solliciteer! ISHA51359 Organisatie Als Developer kom je te werken bij een softwareorganisatie die sinds 2 jaar een 'eigen' bv zijn geworden met op dit moment ongeveer 11 werknemers (het moederbedrijf bestaat uit ongeveer 45 werknemers). Er wordt maatwerk geleverd voor klanten voor o.a. applicaties en hiernaast verwerken ze grote hoeveelheden data in samenwerking met het moederbedrijf. Het technische gedeelte ligt bij hen en de

Bekijk vacature »

IT-traineeship junior software developer

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 »

Full Stack Java Developer - Infrastructure

Ben jij een ontwikkelaar die wil bijdragen aan de energietransitie? Lees dan verder! Wat ga je doen? Als Full Stack Java Ontwikkelaar draag je verantwoordelijkheid voor het gehele proces van het omzetten van wensen, problemen of vragen naar concrete oplossingen. Integratie, testen, vastleggen van kennis en beslissingen, problem management en automation zijn onderdeel van je takenpakket in SAFE of DevOps gestuurde omgevingen. Als ontwikkelaar krijg je alle mogelijkheden om je technisch verder te ontwikkelen en samen te werken met gedreven collega's. Wat breng je mee? Je hebt gedurende 1 tot 2 jaar een basis opgebouwd in applicatie ontwikkeling met .Net

Bekijk vacature »

Junior Fullstack .NET Developer @ Regio Rotterdam

2021-10-15 iSense Junior Fullstack .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE51120 Locatie Rotterdam en omstreken Wat ga je doen tijdens het Fullstack .NET Developer ontwikkeltraject? Vanaf januari/februari 2022 krijg

Bekijk vacature »

.NET Developer

Ben je op zoek naar een uitdagende functie als software developer in een informele en dynamische organisatie? Wil jij werken aan een cloud platform en heb je kennis van Microsoft Azure en/of C# (.NET)? Denk je in oplossingen in plaats van problemen en denk je altijd een stapje vooruit? Dan is dit echt iets voor jou! .NET Developer in Alblasserdam Functieomschrijving Als software ontwikkelaar ben je enthousiast, flexibel en leergierig en altijd gedreven om ervoor te zorgen dat je het beste resultaat bereikt. Je technische kennis helpt je om complexe problemen te vertalen naar eenvoudige oplossing. Je werkt in een

Bekijk vacature »

Stage: Super programmeurs welkom (In Limburg)

Wat ga je doen? Je bouwt mee aan het CMS Serena. Je bouwt mee aan werken-bij websites van klanten. Je helpt met de koppelingen bouwen tussen onze werken-bij websites en diverse software pakketten. Over welke vaardigheden beschik je? Programmeren in PHP. Communicatief vaardig. Teamspeler. Eigen mening. Wat bieden we? 70% van al onze medewerkers hebben ooit stage gelopen bij Getnoticed. We zijn een gezellig bourgondisch bedrijf dat werkt voor de top van Nederland (ABN Amro, T-Mobile, Coolblue en meer). De volgende opties zijn mogelijk Een leerplaats die ook geschikt is voor minder validen Mogelijkheden voor zij-instromers

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

29/11/2021 16:50:25
 
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.