[mootools] drag&drop error

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET C# web developer gezocht, inhouse project dev

Ben je een ervaren .NET C# web developer en op zoek naar een leuke baan in het zuiden van Zuid-Holland? Een inhouse functie maar met de afwisseling van verschillende projecten en klanten? Projecten die uitdagend zijn door de complexiteit van de systemen? Lees dan verder! Voor een bedrijf in Goeree-Overflakkee zijn we momenteel op zoek naar een ervaren .NET C# web developer. Het bedrijf bestaat uit iets meer dan 20 werknemers en verschillende ervaren software developers. De software projecten zijn uiteenlopend, maar altijd maatwerk oplossingen en veelal complex en bedrijfskritisch van karakter. De bedrijven waarvoor je software ontwikkeld kunnen variëren

Bekijk vacature »

Lead Software Developer (NL)

Lead Software Developer (NL) Den Haag HBO/WO IT Professional "Als Technisch Lead impact maken op de groeiende E-commerce markt met onze logistieke software. Je doet dit door technisch sturing te geven aan het team en ontwikkeling van onze Cloud IT-platformen en Open Source software-oplossingen gebouwd in of C#, Java, Javascript, Typescript, Python of Mobile op Android. Dit vraagt om een rolmodel en tech leiderschap". Wat ga je doen? PostNL is becoming a postal tech company. Als Lead Software Developer ben je de tech lead van een multidisciplinair Business-IT-team bestaande uit onder andere Developers en Solution Consultants. Je zult verantwoordelijk worden

Bekijk vacature »

Quality Assurance Consultant

Do you like to broaden your horizon in an international environment and develop your career with a new perspective and exciting opportunity to play a part in bringing Galileo, Europe's new satellite navigation system, into operational use? CGI Space Netherlands is looking for a Quality Assurance Consultant to work at our client site in France (Paris area). Your day-to-day activities As a Quality Consultant you will provide on-site quality and product assurance support at our client site. You will be working under the supervision of the Senior Quality Officer. Some of the main activities are: ISO 9001 Quality Management Assisting

Bekijk vacature »

Senior Application Developer C#

Senior Application Developer C# Eindhoven As a 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 team members located in other parts of the world. You’ll be

Bekijk vacature »

C# backend developer, Rotterdam

Voor een grote organisatie in Rotterdam zijn we op zoek naar iemand met ruime ervaring in het ontwikkelen van applicaties in .NET C#. Het gaat hier om een organisatie met een maatschappelijke impact. Hun systemen zijn gericht op een groot aantal klanten waarbij het belangrijk is dat de applicaties helder, toegankelijk en up-to-date zijn. Als .NET C# developer werk je aan uiteenlopende applicaties, APIs en het interne framework. Dit doe je binnen een SCRUM team en meedenkt binnen het hele proces. Het team bestaat uit meerdere C# developers variërend van medior tot senior. Er is dus veel kennis en ervaring

Bekijk vacature »

Senior C++ Developer 3D

Bedrijfsomschrijving Je komt te werken bij een high-tech ingenieursbureau in regio Rotterdam. Al ruim 15 jaar werken ze aan de eigen ontwikkeling van innovatieve applicaties op het gebied van mobiliteit en infrastructuur, met onder andere C++ en Qt. Met al hun jaren ervaring bedenken en ontwikkelen ze geografische oplossingen voor grote en bekende organisaties in Nederland. Momenteel maken duizenden gebruikers gebruik van hun applicaties en proberen ze constant vernieuwend te zijn in hun aanbod naar klanten. Samen met je team ben je verantwoordelijk voor de ontwikkeling van een innovatieve applicatie met C++ voor ruimtelijke ordening die onder andere door de

Bekijk vacature »

Junior software developer

Functieomschrijving In jouw nieuwe functie ontwerp je voor de klanten geautomatiseerde processen in de richting van beveiligingsoplossingen. Jouw werkzaamheden bestaan uit: Maken van functionele-en technische ontwerpen Ontwikkelen van software applicaties Documenteren van ontwikkelde software Monitoren en beheren van kwaliteit van de ontwikkelde software Ondersteunde activiteiten bij het beheer van het interne netwerk Functie-eisen Kennis van languages: C# Aspnet Core MS SQL HTML LESS/CSS Json Kennis van Tools: Visual Studio VS Code Microsoft SQL Management Studio WiX Toolset Git (Github) Kennis van Libraries: Razor Pages Server Side Blazor Dapper Mediatr Automapper Fluentvalidation Nodatime Topshelf Bekend met Areas: Websites, Api’s, Windows Services,

Bekijk vacature »

Java Developer

Heb jij een passie voor technologie en ben jij altijd al als eerste op de hoogte van ontwikkelingen en innovaties? Weet jij hoe je de verbinding moet maken tussen business en techniek? Dan ben je welkom bij ons! Wat ga je doen? Als Java developer bij CGI ga je deel uitmaken van de grootste en meest actieve JAVA community van Nederland. Je levert een bijdrage aan de technische realisatie van complexe systemen voor onze klanten. Hierbij maak je in eenvoudige taal aan een klant duidelijk welke softwareoplossingen op zijn of haar organisatie van toepassing kunnen zijn. Je weet voor onze

Bekijk vacature »

C ++ developer for a trading company with a great

Bedrijfsomschrijving At the moment, a customer of ours in Amsterdam is looking for a Full-stack C ++ developer. The organisation is a trading company that mainly trades shares on all major European financial markets. The company stands out because it is a trader on its own behalf, they have no customers and are acting on its own behalf. They are looking for very smart C ++ professionals here. You will be working in a team of super intelligent and skilled programmers. Functieomschrijving As a software engineer at this party, you will develop internal trading applications. You will be responsible for

Bekijk vacature »

.NET developer

Ben je niet onbekend met .NET frameworks en full-stack development? En ben je op zoek naar een uitdagende functie bij een groeiend bedrijf? Dan heb je wellicht interesse in de positie van: .NET developer voor ons kantoor in Helmond Over de positie: Je hebt een duidelijke rol binnen het team, waarbij je verantwoordelijk voor het ontwerpen en beheren van de plug ins voor de verschillende webshopomgevingen en/of de webportal bent. Je geeft advies aan resellers ontwikkelaars en begeleidt ze op technisch gebied aangaande de implementatie van nieuwe betaalmethoden en levert 3de lijns technical support. Over jou: Wij zijn op zoek

Bekijk vacature »

Front End Developer (Freelancer)

General Description: Philips Digital Cognitive Diagnostics is a new business within the Philips HealthWorks venture organization. The venture is tasked with developing a new "software only" product called IntelliSpace Cognition. This new product, which is a class II medical device, will help neurologists in assessing the cognitive performance of people with a neuro (degenerative) disease. The initial market for IntelliSpace Cognition is the US. The venture is currently seeking for a Frontend Developer. The position is based in Eindhoven, the Netherlands. Requirements: - Design, test, develop, deploy, maintain and improve software assets - Deliver high quality code thru hands on

Bekijk vacature »

Cloud Automation Engineer VMware

Ben jij een ambitieuze Cloud Engineer die de ontwikkelingen en innovaties op het gebied van Cloud Infra & Automation op de voet volgt? Ben je een breed georiënteerde engineer en wil je je verdiepen in een specifieke technologie? Of wil je je expertise juist verbreden en certificeren in meerdere technieken en tools? Wij zoeken ter versterking van ons team zowel multi-skilled als specialistische engineers met passie voor hun vak! Bij ons krijg je de ruimte en vrijheid om in de praktijk jezelf verder te ontwikkelen op diverse projecten en aan je theoretische kennis te werken door het volgen van trainingen

Bekijk vacature »

BI Datawarehouse Developer DWH (interne functie)

Bedrijfsomschrijving Deze organisatie onder de rook van Geldermalsen staat bekend als solide en als fijne werkgever en ik ben per direct op zoek naar een BI DWH Developer met enkele jaren ervaring . Ze hebben een prachtig pand waar genoeg parkeergelegenheid is en ze zijn per OV goed te bereiken! Naast een prachtig kantoorpand hebben ze hier heel veel extra's en ze doen veel moeite om de werknemer in de watten te leggen denk hierbij aan een kantine met lunch, tafel- tennis en voetbal, een gamehal en een fitnessruimte. Je komt te werken in een leuk bedrijf, waar met korte

Bekijk vacature »

E-mail Developer

Als E-mail Developer laat je Coolblue er in elke mailbox goed uit zien. Hoe word ik E-mail Developer bij Coolblue? Kan jij met jouw technische ervaring en skills de vetste emails coderen? Weet jij daarnaast alle laatste snufjes op het gebied van email en kan je niet wachten deze te delen met onze campagne specialisten? Dan is deze functie iets voor jou! Wil jij E-mail Developer worden bij Coolblue? Annelotte legt je uit hoe je dat doet. Dit vind je leuk om te doen Het ontwikkelen van vette e-mails door gestructureerde HTML en CSS te schrijven in een snel tempo.

Bekijk vacature »

Power Bi Developer

Bedrijfsomschrijving De organisatie is actief in de automotive branche en is de laatste jaren erg hard aan het groeien. Vanwege de groei wil de organisatie de volgende stap zetten op gebied van IT. Namelijk digitaliseren en automatiseren. Als Power BI Developer ga je een groot deel uitmaken. Vertrouwen staat in deze organisatie hoog in het vaandel en is dan ook de sleutel tot de hoge klanttevredenheid die zij hebben. De organisatie is gevestigd in de omgeving Haarlem. Het data-team bestaat nu uit een team van 3 professionals met elk een eigen specialisatie. Men is op zoek naar de 4e met

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

27/11/2020 10:25:56
 
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.