[mootools] drag&drop error

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full stack PHP developer (Beekman Groningen)

Beschik jij over stalen zenuwen en een echte escape room mentaliteit, waarbij jij het liefst in een uurtje de code kraakt en de oplossing vindt? Het IT-team van Beekman maakt waar wat we beloven: gemak, snelheid en betrouwbaarheid. We focussen sterk op vindbaarheid en als IT’er ben je verantwoordelijk voor het toegankelijk maken van informatie en het juist presenteren van grote hoeveelheden data. Zo ondersteunen we onze klant om zich volledig te focussen op zijn core business. Wat we bieden Wij groeien hard, groei met ons mee! Heb je goede ideeën? Wil je je specialiseren? Wij ook! Bij Beekman B.V.

Bekijk vacature »

Data Engineer - (Spark/Kafka/Python/Azure) Big dat

Anchormen is one of the leading Dutch companies in Data Consultancy with solid partnerships. We shape the future by activating data,an engaging and inspiring environment where we value innovation, quality reliability and fun. As an employer, we encourage an entrepreneurial mindset and drive; we don’t believe in micro-management and share responsibility with our staff focusing in adding value to the business and clients. We have weekly knowledge sharing sessions, tech Talks and trainings in which the best practices during projects are shared among colleagues.Learning from the best and becoming better is what we aim for. You will be easily abletobenefit

Bekijk vacature »

Junior Java Developer / DevOps / Cloud / Financi&e

Functieomschrijving Wil jij graag aan de slag als Java Developer? Heb jij affiniteit met de financiële branche? Wil jij systemen ontwikkelen die een grote impact hebben en binnen de gehele organisatie gebruikt worden? Solliciteer dan nu! Als Developer ben je primair verantwoordelijk voor het ontwerpen, bouwen en testen van software in al zijn facetten: Het designen en developen/ontwikkelen in Java van nieuwe software en nieuwe features op bestaande functionaliteiten; Het reviewen en overzien van de geschreven code; Het continu verbeteren van de richtlijnen en standaarden voor het geleverde werk binnen het team; Het bijdragen aan het verder automatiseren van de

Bekijk vacature »

Activations Consultant (EDI)

Activations Consultant (EDI) POSITION SUMMARY In your function of Activations Consultant, you will be responsible for the Activations consultancy and implementation of projects with regards to B2B messaging. Your day-to-day tasks mainly consist of message flow configuration, mappings and customer visits. You will be part of the EMEA Professional Services team and co-operate closely with other teams such as product development and customer service. RESPONSIBILITIES Are situated in the following domains: You are responsible for setting up, maintaining and extending the EDI system for our customers You communicate with our customers and analyse, design and implement their needs You create

Bekijk vacature »

IT Business Analist R&D

Dümmen Orange is ’s werelds grootste veredelaar en kweker van snijbloemen, bollen, tropische planten, potplanten, perkplanten en vaste planten. Voor onze locatie in De Lier zoeken wij een IT Business Analist R&D. Functie inhoud Ben jij de entrepreneur die dusdanig sterke IT-applicaties levert waardoor de R&D-divisie een maximaal rendement uit hún business kan halen? Jij bent hét aanspreekpunt voor onze R&D-activiteiten. R&D-ontwikkeling op productkenmerken, stock mother plant management, flower trials, cross predictions zijn essentieel voor het succes van ons bedrijf. IT ondersteunt R&D hierbij gebruikmakend van de meest moderne technieken zoals Big data BI databases, cloud computing. Als Business Analist

Bekijk vacature »

Stage ICT

Ben jij op zoek naar een uitdagende stage om een vliegende start aan je IT carrière te maken? Sue is op zoek naar collega's voor een: Stage IT voor onze locatie in Geldermalsen Over de stage: Elk half jaar studeren meerdere technische hbo-stagiairs bij Sue af. Deze studenten zijn ambitieus, behulpzaam en geïnteresseerd in Unix en opensourcesoftware. Een afstudeerstage duurt in het algemeen een half jaar. Je volgt technische trainingen over onderwerpen als SUSE Linux en Grafana. Tevens volg je professionele vaardigheidstrainingen, zoals Krachtig Presenteren en Schrijfvaardigheid. Je werkt aan technische projecten en ondersteunt Sue-evenementen indien nodig. De meeste tijd

Bekijk vacature »

Senior Python Developer vacature

Jij volgt ontwikkelingen op de voet. Sterker nog: je bent er onderdeel van. Jij loopt voorop. Jij denkt met klanten mee en helpt hen innoveren. Zo kun jij een bijdrage leveren aan de Rabobank-app, de beveiliging van treinen voor Pro-rail verbeteren of de website van ING een boost geven. Vergaderen? Liever gewoon zorgen dat het werkt! Hoe omschrijft men een Sogetist? Gedreven, resultaatgericht en niet snel tevreden. Wat niet wil zeggen dat je nooit met hem of haar kunt lachen. Integendeel. Plezier hoort wat ons betreft net zo goed bij werken. Maar we gaan op de eerste plaats voor de

Bekijk vacature »

Java developer binnen healthcare

Functieomschrijving Je komt te werken in een van de vele Scrum teams en je gaat je bezig houden met diverse applicaties binnen de zorgsector. Je werkgever geeft je veel zelfstandigheid binnen de keuzes die je maakt en naast Java wordt er dan ook met meerdere talen gewerkt wanneer die beter bij een project passen. Je krijgt ook de ruimte om nieuwe talen te ontdekken wanneer die goed inpasbaar zijn. Ook kan je zelf met nieuwe ideeën komen voor applicaties waar dan, na enige toetsing uiteraard, ook tijd aan besteed kan worden. Het niveau van je collega's ligt hier echt heel

Bekijk vacature »

Developer / GIS / Esri / Ingenieursbureau

Functieomschrijving Ben jij een Software Developer met minimaal drie jaar ervaring en wil jij aan werken aan toonaangevende GIS software? Spreekt het jou aan om binnen een innovatief ingenieursbureau te werken aan uiteenlopende projecten voor diverse grote en bekende namen in Nederland? Lees dan nu verder! Ontwikkelen van nieuwe GIS software met behulp van Esri; Ontwikkelen en bedenken van nieuwe koppelingen en mobiele oplossingen; Werken aan uiteenlopende projecten voor grote en bekende organisaties in Nederland; Samenwerken in zelfsturende Agile teams; Werken aan innovatie en kennisdeling. Functie-eisen Minimaal HBO en/of WO werk- en denkniveau; Minimaal 3 jaar ervaring als Developer met

Bekijk vacature »

Azure certified BI developer

One of our bank clients is looking for an Azure certified BI Developer Functieomschrijving The Microsoft BI Developer performs datawarehouse related activities which include understanding requirements, data analysis, data modelling, data transformation and reporting. This also includes quality assurance, creating documentation and other activities related to the development life cycle. Candidates for this position possess strong technical knowledge and are experienced with concepts related to data warehouse design, usage, best practices, and analytic tools. Functie-eisen They expect a pro active team member, keen on implementing our Azure and DevOps transformation and assist with experience and knowledge. Your profile -You have

Bekijk vacature »

Consultant Fullstack Developer met C++ ervaring

Functieomschrijving Bij dit bedrijf ga je samen met je collega’s, intern op kantoor of thuis aan de slag voor een opdrachtgever. Jij gaat er voor zorgen dat er kwalitatief sterke oplossingen komen voor portals en applicaties. Hierbij ga je hele software stack overzien. Hierbij zal je zelfstandig maar ook in scrum teams volledige applicatie-creaties ontwikkelen. Het bedrijf is opzoek naar een C++er met minstens 3 jaar ervaring. Je bent bekend met het werken in scrum teams. Je kan wensen van klanten omzetten in bruikbare producten. Naast het oplossingen van technische vraagstukken ben je ook adviserend richting de klant. Het gaat

Bekijk vacature »

1st Level Service Desk Benelux

Samen ondernemen, welkom bij Henry Schein Dental BV. is onderdeel van het Amerikaanse Henry Schein, Inc. (NASDAQ: HSIC). De Henry Schein-groep richt zich voornamelijk op het aanbieden van producten en services aan praktijk houdende medici in 3 sectoren: Medical, Animal Health en Dental. Henry Schein heeft wereldwijd meer dan 22.000 medewerkers, vestigingen in 33 landen en biedt haar producten in meer dan 128 verschillende landen aan. Henry Schein Dental B.V. vertegenwoordigt als groothandel alle gerenommeerde merken in de tandheelkundige markt en is daarbij marktleider. Binnen de organisatie is de IT afdeling verantwoordelijk voor een maximale beschikbaarheid van alle bedrijfsproces ondersteunende

Bekijk vacature »

.NET developer / C# / Webservices

Functieomschrijving Wil jij als .NET Developer bij deze organisatie in Tilburg als kartrekker in een Scrum team fungeren en je helemaal uitleven in de backend met C#? Krijg jij een grotere kick van high-security en high-availability .NET backend oplossingen dan van een gelikte frontend? Dan past deze functie jou perfect! Programmeren van high-availability en high-security applicaties in C#; Samen met je teamgenoten nieuwe applicaties/diensten ontwikkelen in .NET; Overleggen met de informatie analisten en testers; Ontwikkelen van webservices (WCF); 20% van je tijd besteden aan innovatie; Deelnemen aan projecten om nieuwe ketenpartijen toe te voegen; Bouwen van unit testen. Functie-eisen Beschikt

Bekijk vacature »

C# .NET Developer / Amsterdam / Financiële om

Functieomschrijving Ben jij een senior C# .NET Developer en wil jij een bijdrage leveren aan een grote Noord-Europese financiële organisatie door innovatieve features te implementeren? Wil jij werken met C# en krijg jij energie van requirements uit de business vertalen naar concrete mogelijkheden? Lees dan nu verder! Als developer nieuwe gave features implementeren; Werken met technieken als C# .NET en (REST) API's webservices; Ontwikkelen van koppelingen middels API's; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen

Bekijk vacature »

Fullstack Developer/ ASP.NET (Core) / Cloud develo

Functieomschrijving Ben jij een full stack developer die graag aan de slag gaat met cloud development en Continious delivery? Bouw jij graag mee aan informatiediensten en verscheidene platformen? Lees dan snel verder! Bouwen van nieuwe functionaliteiten (10%) Doorontwikkeling van één van de complexe applicaties (30%) Bugfixing (30%) Testen van (jouw) code (30%) Functie-eisen Minimaal een MBO-diploma met HBO werk- en denk niveau; Minimaal 2 a jaar ervaring als .NET developer; Ervaring C#, ASP.NET Core; Ervaring met het Entityframework, Visual Studio; Ervaring binnen een SCRUM/Agile omgeving; Ervaring met Azure (DevOps) is een pré; Ervaring met MVC is een pré. Bedrijfsomschrijving Deze

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

23/02/2020 21:53:29
 
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.