[JS/mootools] onclick behalve input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Python Developer

Locatie AMSTERDAM Functieomschrijving Voor een internationale bank in Amsterdam zoeken wij een Python Developer met interesse in Data Engineering. Waar kom je te werken? Je komt te werken binnen de afdeling Financial Risk. Binnen de bank is deze afdeling verantwoordelijk voor o.a. het voorspellen van risico’s bij het verstrekken van kredieten en het maken van rapportages voor toezichthouders zoals de DNB en de ECB. Op dit moment zitten zij in een enorme transitie fase waarbij er over wordt gegaan op een nieuw datamodel. Het team waar jij komt te werken helpt bij de inrichting van de nieuwe infrastructuur. Hoe ziet

Bekijk vacature »

PHP Developer op de groei Innovatie Creativiteit

Functieomschrijving Ben jij een PHP Developer die zich nog wilt ontwikkelen? Ben jij innovatief, leergierig en wil je graag groeien? Sta jij te springen om de nieuwste tools en technieken toe te passen in jouw werk? Reageer nu en kom alles te weten! Software ontwikkelen met behulp van PHP; Werken aan verbetering van traditionele en nieuwe SaaS-producten Ontwikkelen van nieuwe functionaliteiten volgens SCRUM; Deelnemen aan verschillende development projecten; Maken van een technisch ontwerp; Meedenken over de architectuur. Functie-eisen Hbo-denkniveau; Minimaal 2 jaar relevante werkervaring; Creatief en innoverend; Ervaring met SCRUM is een pré; Een mooie schone code schrijven, dat geeft

Bekijk vacature »

Full-Stack Web Developer

Kennis van C#, JavaScript, CSS en HTML5? En wil je die kennis inzetten om de zorg te verbeteren met slimme en innovatieve online portalen? Jouw baan Als Full-Stack Web Developer programmeer jij zowel front-end als back-end en ontwikkel je nieuwe functionaliteiten in het webportaal voor zorgverleners of patiënten. Denk hierbij aan vragenlijsten, labuitslagen en het bewerken van persoonsgegevens. Ook stort jij je vol overgave op lastige vraagstukken die binnenkomen via onze consultants. Samen met je team bedenk en bespreek je oplossingen en voer je code-reviews uit om elkaar naar een nóg hoger niveau te tillen. Jouw team Ons team? Work

Bekijk vacature »

Medior PHP Developer Innovatie Creativiteit

Functieomschrijving Ben jij een PHP Developer die out of the box denkt? Zoek jij naar de mogelijke als naar de onmogelijke oplossingen? Sta jij te springen om de nieuwste tools en technieken toe te passen in jouw werk? Reageer nu en kom alles te weten! Ben jij iemand die energie krijgt van het ontwikkelen van een complexe PHP objectgeoriënteerde platform; Denk jij graag mee over de architectuur; Werk jij goed in een Scrum team om nieuwe functionaliteiten te ontwikkelen; Neem jij graag deel aan verschillende development projecten; Geeft een mooie schone code jouw energie en doe jij er alles aan

Bekijk vacature »

Medior Microsoft Dynamics Developer

Jouw uitdaging: Ben jij sterk in het succesvol ontwikkelen van maatwerk componenten op het Dynamics platform? En wil je actief meewerken aan de ontwikkeling van ons Digital Customer Experience portfolio? Dan is dit iets voor jou! Voor de Digital Customer Experience afdeling (DCX) zijn we op zoek naar een Medior Microsoft Dynamics Developer. In deze functie ben je verantwoordelijk voor de succesvolle ontwikkelen van maatwerk componenten op het Dynamics platform bij toonaangevende organisaties. Denk daarbij aan het realiseren van integratie met front en backoffice systemen op basis van Azure PaaS of het ontwikkelen van complexe plug-ins. Daarnaast werk je actief

Bekijk vacature »

Technical Lead Developer met doorgroei mogelijkhed

Voor een toonaangevende specialist in softwareoplossingen gericht op strategisch portfolio management ben ik op zoek naar een ambitieuze Technical Lead. De applicatie is volop in ontwikkeling. Zo worden er vele nieuwe functionaliteiten toegevoegd in .Net Core en staat een migratie naar de Azure op de planning. Om deze ontwikkeling te begeleiden en het team aan te sturen, zijn ze op zoek naar een ambitieuze Technical Lead. Wat je gaat doen: Een roadmap maken voor de komende jaren De juiste architectuur neerzetten, hands-on ontwikkelen (front-end en back-end) De migratie naar Azure begeleiden Het 8-koppige ontwikkel team inhoudelijk aansturen en coachen Communicatie

Bekijk vacature »

Junior .NET developer (Fullstack)

Functieomschrijving Onze klant is op zoek naar een (redelijk) beginnend .NET ontwikkelaar die het bestaande ERP pakket wil onderhouden, en uitbreiden met nieuwe functionaliteiten die van scratch af aan gebouwd worden. Er is een meer senior collega aanwezig om je in te werken maar er wordt ook zelfstandigheid van je verwacht. Het pakket wordt internationaal gebruikt en bij de frontend wordt gebruik gemaakt van Angular, Typescript, HTML en CSS. Aan de backend werkt men met C#, ASP.NET Core en Entity Framwework. Heb jij recentelijk je HBO Informatica afgerond en ben je op zoek naar een .NET developer positie waar je

Bekijk vacature »

Interne PHP developer functie met leaseauto!

Functieomschrijving Binnen dit bedrijf kom je terecht in een team van 5 developers. Het bedrijf telt in totaal 32 man. Het platform is voornamelijk van scratch opgebouwd aan de hand van Zend framework. Je zal voornamelijk allround werkzaamheden gaan verrichten en je bent de technische man met de ervaring die het team nu nodig heeft. Functie-eisen -Je hebt minimaal HBO werk en denkniveau -Je hebt minimaal 3 jaar werkervaring als PHP programmeur -Je hebt ervaring met object georiënteerd programmeren -Kennis van het ZEND framework is pré Bedrijfsomschrijving In Den Haag zoek ik voor onze klant naar een ervaren PHP programmeur

Bekijk vacature »

.NET Developer Financieel

Werk jij als software developer het liefst met uitdagende systemen? Dan kun jij je bij onze vestiging in Amsterdam volledig uitleven als .NET Developer Financieel. Wanneer begin je? Jouw baan Je ontwerpt, ontwikkelt, ondersteunt en onderhoudt je eigen financiële module binnen HiX, onze ICT-totaaloplossing voor de zorg. Je schrijft objectgeoriënteerde code, speurt naar verbeteringen, werkt aan vernieuwende projecten, doet code reviews en voert testen uit. Een uiterst verantwoordelijke job, want dankzij jouw software kunnen zorginstellingen hun zorg factureren, voldoen aan afspraken met zorgverzekeraars, verplichte landelijke aanleveringen van financiële data doen en nog veel meer. Je brainstormt regelmatig met collega’s hoe

Bekijk vacature »

IT engineer bij het meest verfrissende IT bedrijf

Ben jij toe aan een nieuwe, verfrissende werkomgeving bij een succesvol en gezond IT-bedrijf in de Randstad? Voel jij je goed als IT engineer in een leuk team? Waar kom je terecht Lime Networks is een succesvol bedrijf met een sterk team dat klanten compleet verzorgt op het gebied van IT. We staan voor techniek, leveren bewezen diensten en spreken hierover heldere taal. Samen werken we als één team voor één doel: verfrissend in IT! We maken IT simpel. Zo kunnen onze klanten vooroplopen in techniek zonder onnodige complexiteit te ervaren. Met onze efficiënte IT-diensten en Managed Services kunnen bedrijven

Bekijk vacature »

Full stack software .NET C# developer, domotica me

Voor een bedrijf in de regio Hendrik Ido Ambacht zijn we op zoek naar een fullstack .NET C#developer. Het gaat hier om een bedrijf dat systemen ontwikkeld die via domotica oplossing bieden voor maatschappelijke instellingen. Zo verwerken hun systemen meldingen waarover ze rapporteren, maar ook zorgen ze voor de automatisering van toezicht. Het systeem bestaat uit apps, web interfaces, backend en BI rapportage tools. Het gaat het hier om een MKB bedrijf van circa 70 mensen met een team van 5 developers. Bestaande uit hardware, embedded en backend developers. Momenteel is er daarom sterke behoefte aan iemand die zowel back-

Bekijk vacature »

.NET Developer Datawarehouse

Bouw jij graag mee aan de nieuwe generatie van het datawarehouse-framework voor de zorg? En kent programmeren in C# geen geheimen voor jou? Dan pas jij perfect in ons team in Amsterdam. We bieden jou de kans om complexe uitdagingen op te lossen en te werken met de nieuwste technieken. Jouw baan Zorgprofessionals nemen belangrijke beslissingen op basis van data uit ons datawarehouse. Als .NET Developer Datawarehouse ontwikkel jij een nieuwe generatie van het achterliggende framework. Je werkt dagelijks met zeer grote en complexe datasets en krijgt te maken met uitdagende issues, waarbij diepgaand onderzoek nodig is. Je faciliteert de

Bekijk vacature »

SAS Administrator

SAS Administrator - Smart Logistics Wil jij als SAS Administrator de digitale wereld van Smart Logistics verkennen? En als onderdeel van een professioneel team onze klanten helpen met (advanced) data analytics? Help jij onze klanten aan een goed functionerende SAS omgeving die in het geval van issues de impact van verstoringen zo laag mogelijk houdt? Wat ga je doen? Als SAS Administrator binnen de unit Smart Logistics krijg je de kans om je in de praktijk en in een dynamische omgeving verder te ontwikkelen en te specialiseren en stap voor stap inzicht krijgen in wat de technische vraagstukken zijn die

Bekijk vacature »

Full stack software .NET C# developer, domotica me

Voor een bedrijf in de regio Hendrik Ido Ambacht zijn we op zoek naar een fullstack .NET C#developer. Het gaat hier om een bedrijf dat systemen ontwikkeld die via domotica oplossing bieden voor maatschappelijke instellingen. Zo verwerken hun systemen meldingen waarover ze rapporteren, maar ook zorgen ze voor de automatisering van toezicht. Het systeem bestaat uit apps, web interfaces, backend en BI rapportage tools. Het gaat het hier om een MKB bedrijf van circa 70 mensen met een team van 5 developers. Bestaande uit hardware, embedded en backend developers. Momenteel is er daarom sterke behoefte aan iemand die zowel back-

Bekijk vacature »

.NET Core developer

Functieomschrijving Als .NET Core developer kom je te werken binnen een jong en gedreven scrum team. Je gaat werken aan een intern ontwikkelt product dat binnen Nederland al een groot succes is en dat op het punt staat internationaal uit te rollen. Onze klant is volledig Microsoft georiënteerd en werkt met de nieuwste technologieën. C#, ASP.NET, Azure, TDD en Angular zijn enkele steekwoorden die je aanspreken. Je collega's zijn vriendelijke gasten die je gaan helpen te groeien in je vakgebied en waar je veel van kunt leren. De pauzes vul je in met een goed verzorgde lunch, een potje tafelvoetbal

Bekijk vacature »
Boris Mattijssen

Boris Mattijssen

05/07/2009 10:03:00
Quote Anchor link
Hallo allemaal,

Ik zit met een klein probleempje.
Ik heb de volgende code:
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
<?php
/* alleen ff voor de syntax highlight */

$$('.table tr td').each(function(el) {
        el.addEvent('click', function(e) {
            e.stop();
            
            var
nothidden = el.getElements('span.nothidden');
            var
hidden    = el.getElements('span.hidden');
            
            nothidden.removeClass('nothidden');
            nothidden.addClass('hidden');
            
            hidden.removeClass('hidden');
            hidden.addClass('nothidden');            
        });
    });

?>


Nu wordt dus als er op een td wordt geklikt, de span met class"nothidden" in die td "hidden" gemaakt. En de span met class"hidden" "nothidden" gemaakt.

Dit werkt allemaal goed.

Alleen heb ik in de span "hidden" een input staan.
Dus als ik op mijn input klik om deze inhoud te bewerken, wordt hidden weer nothidden en nothidden weer hidden. En is m'n input weer "weg".

Kan ik dit oplossen dmv css selectors? $$('.table tr td *!=input') o.i.d.?
Of heeft iemand een andere oplossing?

Ik hoor het graag!

Mvg,
Boris

PS: ik werk met mootools
Gewijzigd op 01/01/1970 01:00:00 door Boris Mattijssen
 
PHP hulp

PHP hulp

25/01/2020 07:07:43
 
Jelmer -

Jelmer -

05/07/2009 10:08:00
Quote Anchor link
Kan je niet een event-handler aan je input element hangen, die dan het event stopt zodat het niet verder propageert naar de tr en andere bovenliggende nodes?

Je kan ook in je event zien waarop geklikt is (e.target of e.srcElement volgens mij, zou best wel eens kunnen verschillen in IE/FF, maar mootools heeft daar vast wel een oplossing voor) en daarvan de tagName opvragen. Is die "INPUT", dan weet je dat je daarop gelikt hebt.
Gewijzigd op 01/01/1970 01:00:00 door Jelmer -
 
Boris Mattijssen

Boris Mattijssen

05/07/2009 10:11:00
Quote Anchor link
Hmm.. je bodoelt: onClick="return false;" op m'n input?
Werkt helaas niet..

Wel bedankt voor het meedenken!

Edit:
Ik heb nu dit toegevoegd:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
el.getElement('span form input').addEvent('click', function(event) {
    event.stop();
    return false;
});


Waardoor het totaal er zo uitziet:
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
<?
$$('.table tr td').each(function(el) {
        el.addEvent('click', function(e) {
            e.stop();
            
            el.getElement('span form input').addEvent('click', function(event) {
                event.stop();
                return false;
            });
            
            var
nothidden = el.getElements('span.nothidden');
            var
hidden    = el.getElements('span.hidden');
            
            nothidden.removeClass('nothidden');
            nothidden.addClass('hidden');
            
            hidden.removeClass('hidden');
            hidden.addClass('nothidden');            
        });
    });

?>


Nu kan ik iig in mijn input klikken.
Wanneer ik nu echter op enter druk om mijn formulier te submitten.

Lijkt het wel of die onclick weer "geactiveerd" wordt, en is mijn input weer "weg".

Iemand een idee hoe dit kan?

mvg,
Boris



EDIT2:
Dat laatste stukje code gewijzigd naar:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<?
el.getElement('span form').addEvent('click', function(event) {
    event.stop();
    return false;
});

?>


(dus in de getElement "input" weggehaald.)

Maar het vreemde is, dat als ik nu op enter druk, hij in IE wel submit maar in FF niet..
Iemand enig idee?

mvg
Gewijzigd op 01/01/1970 01:00:00 door Boris Mattijssen
 
Boris Mattijssen

Boris Mattijssen

05/07/2009 10:42:00
Quote Anchor link
Probleem opgelost.

Heb op de submit button een onClick geplaatst. (onclick="form.onsubmit()")
En nu werkt het.

mvg
boris
 



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.