[JS/mootools] onclick behalve input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Developer PACS / Multimedia

Wil jij met jouw ontwikkelskills medisch specialisten het optimale uit beeldmateriaal laten halen? Dan is dit jouw droombaan! Ter versterking van ons PACS-team in Amsterdam zoeken wij een ontwikkelaar die verantwoordelijkheid krijgt over zijn ‘eigen’ software. Jouw baan In deze functie ga je medische apparatuur (ECG\echo\OCT\MRI\Etc) integreren in ons EPD. Jij houdt je daarnaast bezig met het maken van software om de verschillende output-formaten van de apparatuur te ondersteunen en te presenteren aan medische specialisten. Tevens ben je verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van je eigen PACS-tools (Picture Archiving and Communication System). Die tools integreer je feilloos

Bekijk vacature »

Java Developer / Redesign / Complex / Overheid

Bedrijfsomschrijving Bij deze overheidsinstantie zal je terecht komen in een DevOps team van 5 man/vrouw groot. 4 daarvan houden zich bezig met het (door)ontwikkelen van de applicaties en 1 iemand is verantwoordelijk voor het testwerk. Echter, doordat ze steeds meer geautomatiseerd testen en richting CI/CD willen gaan, zal jij je daar ook zeker mee gaan bemoeien! Zoals gezegd kom je in een erg complexe omgeving terecht. Dit heeft voornamelijk te maken met het feit dat je met diverse Europese lidstaten en veel verschillende componenten te maken hebt. Dit maakt het daardoor erg uitdagend, maar niet minder leuk! Daarnaast zijn zij

Bekijk vacature »

Java Developer met Kafka projecten

Bedrijfsomschrijving De organisatie is een IT dienstverlener die bedrijven helpt met het oplossen van hun technische vraagstukken. De organisatie streeft naar langdurige klantrelaties waardoor ze een heel divers klantenportefeuille hebben opgebouwd. De organisatie is een middelgrote organisatie en telt op dit moment zo’n 60 medewerkers. Maar ze zijn nog altijd groeiende, mede omdat ze op het gebied van Data Analytics echt een voorsprong hebben op hun concurrenten. Het team is een gezonde mix van jong en oud die elkaar samen naar een hoger niveau tillen. Ze hechten bij deze organisatie waarde aan teambuilding, klantgerichtheid en een open en fijne werksfeer.

Bekijk vacature »

IT Manager

IT Manager Breda, 36-40 uur per week Je weet snel te schakelen tussen strategisch IT-beleid en de dagelijkse gang van zaken. Verder ben je een doorgewinterde professional, die helder kan verwoorden wat ervoor nodig is om onze IT-omgeving optimaal te laten functioneren. Daarnaast kun je goed leidinggeven en gaat samenwerken met ervaren en niet-ervaren gebruikers van onze IT-oplossingen je makkelijk af. Op IT-vlak weet je goed wat je wilt, maar je bent ook uitstekend in staat om buiten de kaders te denken wanneer je ergens een oplossing voor zoekt. Daarbij ben je een echte doener. Problemen die op je pad

Bekijk vacature »

PHP Developer

Bedrijfsomschrijving Het bedrijf waar je komt te werken is een familiebedrijf. Een van de grootste spelers in de internationale bloemenhandel. De cultuur binnen het bedrijf kan het beste worden omschreven als no-nonsense. We werken hard met elkaar om de klus te klaren en stoppen pas als het werk af is. Betrokkenheid, enthousiasme en collegialiteit staan hoog in het vaandel. Functieomschrijving Jij vult je dagen met enthousiasme voor het onderhouden, door ontwikkelen en testen van de webapplicatie. Je zult hierbij participeren in diverse projecten ten behoeve van uitbreiding en functionaliteit. Ook zul je API koppelingen opzetten met externe partijen en dit

Bekijk vacature »

Junior Infrastructure Engineer - Space Unit

Junior Infrastructure Engineer - Space Unit Functiebeschrijving: Are you motivated by the opportunity to work in the exciting Space arena working on e.g. Earth Observation, Global Navigation Satellite Systems (like Galileo) and Satellite Communications? Galileo is Europe’s own global navigation satellite system and will consist of a constellation of 24 satellites and 6 spares. It is capable of providing a highly accurate, guaranteed global positioning service under civilian control. To strengthen our IT Support team responsible for the IT Support for the entire CGI-NL Space unit, we are looking for a Junior Infrastructure Engineer. You will join an international Space

Bekijk vacature »

Business Intelligence Developer

Bring your expertise in Business Intelligence and step into a hands-on working relationship with business users and management at various levels within the organization to understand business process requirements, develop functional designs, translate them into business systems technical requirements/designs in order to implement Business Intelligence solutions within the organization. You will be part of the Dutch BI team which is in the transition to a department with an International focus. Job Responsibilities Develop advanced BI solutions using the Microsoft on premise and Azure cloud BI stack including, Integration Services / Data Factory, Analysis Services, T-SQL, and Power BI. Analyse, design,

Bekijk vacature »

(Junior) Informatie Consultant

Functiebeschrijving NORISK IT Groep is een innovatieve en tevens groeiende IT-dienstverlener in Noord Nederland. De onderneming biedt specialistische kennis en ervaring voor het ontwerp, de levering en installatie, alsmede voor het onderhoud en beheer op systemen en infrastructuren, voor grote en middelgrote organisaties. Betrokkenheid, eigenaarschap en slagvaardig handelen hebben geleid tot langdurige klantrelaties en een prominente positie op de Noordelijke IT-markt. De NORISK IT Groep maakt sinds maart 2018 onderdeel uit van de Vincere Groep, een landelijke speler van zeven bedrijven op het gebied van IT, Communicatie en Security. NORISK Visionair, een dochteronderneming van de NORISK IT Groep, voert met

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 »

Microsoft 365 Engineer Welkomstbonus € 5.000,

Microsoft 365 Engineer senior Welkomstbonus van € 5.000,- Bij T2 zorgen we goed voor elkaar en doen wij leuke dingen met leuke mensen. We zorgen voor uitdagende opdrachten zodat jij jezelf onbeperkt kan blijven ontwikkelen. Ben jij een ervaren systeembeheerder Microsoft 365 en wil je het beste uit jezelf halen? Dan ben je van harte welkom bij T2 en ontvang je onze welkomstbonus ter waarde van € 5.000,-. Er werken leuke mensen bij T2, die op een professionele en informele wijze met hun carrière en collega’s omgaan. Dat is de basis voor succes! Het is vanzelfsprekend dat je met de

Bekijk vacature »

Digital Workplace Microsoft 365 Engineer - Workpla

Digital Workplace Microsoft 365 Engineer - Workplace Domain PositionDescription Ben jij een Digital Workplace engineer in hart en nieren, met volledige focus op Microsoft 365? Houd je ervan om met de nieuwste technieken bezig te zijn op het gebied van Productiviteit en Digitale Werkplekken? Wil je werken in een dynamische omgeving, waarin snelle en efficiënte technische ondersteuning aan onze klanten geboden wordt? Dan zijn wij op zoek naar jou! Wat ga je doen? Jij bent de expert op gebied van Digital Workplace oplossingen, met sterke kennis van en ervaring in het beheer van de Microsoft 365 suite. Je zorgt voor

Bekijk vacature »

Junior PHP Developer

Gaat jouw bloed sneller stromen van PHP frameworks en het schrijven van goede & testbare code? Dan ben jij de junior PHP Developer die we zoeken! Binnen deze zelfstandige en brede rol binnen een jonge, informele en groeiende organisatie in Dordrecht, ga jij een bijdrage leveren aan de verbeterkansen én is er veel ruimte voor meedenken en jouw persoonlijke ontwikkeling. Nieuwsgierig geworden? Lees dan snel verder! ORGANISATIE Jouw nieuwe werkgever is actief in de zakelijke dienstverlening (B2C). Het is een informeel & groeiend bedrijf waar medewerkers gestimuleerd worden en de ruimte krijgen om zichzelf verder te ontwikkelen. Er heerst een

Bekijk vacature »

Mendix Expert Developer (Senior) (NL) bij PostNL

Mendix Expert Developer (Senior) (NL) Den Haag HBO/WO IT Professional "Als Mendix expert impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties.". Wat ga je doen? PostNL is becoming a postal tech company Als Mendix Expert Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead, Mendix Developers en Solution Consultants. Wij zetten Mendix in voor kritieke processen waarbij applicaties optimaal moeten performen, want wanneer deze uitvallen,

Bekijk vacature »

SAP Insurance DevOps Consultant

SAP Insurance DevOps Consultant Functiebeschrijving: Do you want to design, implement and drive unique SAP Insurance solutions which have direct impact on our customers? Do you have experience with the latest cutting-edge SAP Insurance modules and developments in an agile environment? Your day-to-day activities CGI is looking for an all-round agile SAP Insurance DevOps Consultant with a focus on FS-CD (Collections and Disbursement) and FS-CM (Claims Management) and/or FS-PM (Policy Management). As a SAP Insurance DevOps Consultant you are responsible for translating business requirements into sound SAP Insurance solutions. Knowledge of the integration between the Insurance modules and other technologies

Bekijk vacature »

.Net developer

Bedrijfsomschrijving 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 professionals die samen met hen aan innovatieve

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

20/01/2021 14:43:32
 
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.