[JS/mootools] onclick behalve input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior Productontwikkelaar Elektronica

Functieomschrijving Wil jij werken bij een award winnende organisatie, waar jij als Junior Productontwikkelaar Elektronica inspeelt op de nieuwste technologische ontwikkelingen? Hier krijg je de kans om jezelf verder te ontwikkelen, je kennis te vergroten en jezelf te specialiseren. Daarnaast ontvang je een uitstekend startsalaris dat bij een uitstekende performance exponentieel zal groeien, een telefoon van de zaak met abonnement en 30 verlofdagen. In deze startersfunctie ben jij als Junior Productontwikkelaar Elektronica samen met vier hardware collega’s verantwoordelijk voor dit takenpakket: - Het ontwerpen van PCB’s aan de hand van ticketomschrijvingen of mondelinge toelichting - Het analyseren en controleren van

Bekijk vacature »

Senior DevOps-ontwikkelaar eIDAS

Functie­omschrijving Burgers en bedrijven veilig en betrouwbaar digitaal toegang geven tot diensten en producten van het ministerie van Economische Zaken en Klimaat. Als senior DevOps-ontwikkelaar bouw je daar letterlijk aan mee. En dat doe je bij DICTU: een van de grootste en meest vooruitstrevende ICT-dienstverleners van de Rijksoverheid. Jij werkt mee aan de doorontwikkeling van eIDAS, dat staat voor Electronic IDentification Authentication and trust Services. Deze koppeling maakt de grensoverschrijdende authenticatie op overheidswebsites binnen de Europese Unie mogelijk. Het ministerie van Economische Zaken en Klimaat heeft één moderne toegangspoort voor zijn diensten en inspecties. Enkele daarvan zijn dankzij eIDAS inmiddels

Bekijk vacature »

FrontEnd Angular Developer (Dutch speaking!)

Onze klant is een bekende speler in IT Consultancy en werkt met toonaangevende organisatie. De IT Professionals die bij onze klant werken krijgen de mogelijkheid om in consultancy/detacheringsvorm aan verschillende projecten te werken bij bekende en grote organisaties. Bedrijfsomschrijving Key-account van Michael Page Omschrijving Je zult in project verband worden ingezet bij een van de bekende energieleveranciers in Nederland en ben je samen met je collega 's doorslaggevend bij het afronden van een nieuwbouwproject waar al enige tijd aan gewerkt wordt. Samen met een collega zul je een back-end team aanvullen tot een volwaardig feature team zodat de Agile Release

Bekijk vacature »

Functioneel Beheerder (Fulltime / 32 uur)

Vind jij het leuk om een brede functie te bekleden in een organisatie waarbij je de vrijheid hebt om zelfstandig je werk in te vullen? Functioneel Beheerder Fulltime / 32 uur - Amsterdam Wat ga je doen? Je bent verantwoordelijk voor het functionele beheer en de doorontwikkeling van verschillende applicaties en hebt regelmatig contact met de verschillende IT-partijen. Je rapporteert rechtstreeks aan de directie. Daarnaast maak je deel uit van het managementteam daarbinnen wordt regelmatig overlegd over lopende projecten en het beleid van de Raad van Beheer. Je anticipeert op wijzigingen in het beleid en zorgt ervoor dat deze tijdig

Bekijk vacature »

Junior .NET C# developer gezocht, Dordrecht

Ben je een .NET C# developer die in Dordrecht woont, of in de omgeving hiervan, en op zoek is naar een nieuwe baan? Bij een bedrijf met betrokken collega’s, die elkaar graag helpen, binnen een informele cultuur? En aan een succesvol product wilt werken dat constant verder ontwikkeld wordt? Voor een bedrijf in Dordrecht zijn we op zoek naar verschillende C# developers. Het bedrijf richt zich op de ontwikkeling van software voor een specifieke branche en heeft circa 5000 gebruikers. De organisatie bestaat uit circa 20 mensen waarvan 6 .NET developers, 1 architect en 3 software testers. Het werk bestaat

Bekijk vacature »

SAP HANA DEVELOPER

SAP HANA DEVELOPER Utrecht Technology 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. Are you looking for the opportunity to become "the expert" when it comes to Business Intelligence, Data Analysis, Data Visualization and Data Management within a SAP environment? Then a role as a SAP HANA Developer is the job for you! Your job You contribute to the development, delivery and maintenance of business intelligence solutions based on the latest SAP technology. You improve the HANA platform for customers and you work on innovative applications that organizations

Bekijk vacature »

.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 »

Senior Mobile Developer vacature

Senior Mobile Developer Op bijna elke mobiele telefoon in Nederland is wel een app te vinden die door Sogeti is ontwikkeld of waar Sogeti aan mee heeft gewerkt. Wil jij meehelpen met het ontwikkelen van mobiele applicaties voor de top van het Nederlandse bedrijfsleven? Als Senior Mobile Developer ben jij verantwoordelijk voor het implementeren en testen van nieuwe features. Je bent medeverantwoordelijk voor de codebase en moet deze code dus ook goed onderhouden. Doordat je thuis bent in het mobiele landschap kun je gemakkelijk sparren met andere ontwikkelaars, designers, analisten en technische leads om zo de producten waar aan je

Bekijk vacature »

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, A

SAP S/4 DIGITAL EAM CONSULTANT (PM, CS, PS, FSM, AIN) Utrecht 13th month pay & Holiday allowance Bonus Program 26 holidays Training & Learning opportunities Laptop & Smartphone 32-40 hours p.w. As an SAP S/4 Digital EAM Consultant you will assess, design and deliver a full end-to-end digital experience to our asset intensive clients for Enterprise Asset Management processes. You will use your SAP S/4 experience to collaborate with our clients in advising and ultimately transforming them into the new SAP era of intelligent assets. You will align the client’s strategic vision for Operational Excellence with SAP S/4 EAM as

Bekijk vacature »

Senior Front-end Developer vacature

Senior Front-end Developer Jij weet wat er nodig is. Jouw hart gaat sneller kloppen van techniek. Jij wil vooruit. Je bent creatief, thuis in gebruikersinteractie en een Developer in hart en nieren. Daarnaast heb jij een klantgerichte en initiatiefrijke houding. Precies de kwaliteiten die een Front-end Developer nodig heeft. Wat doe jij als developer bij Sogeti? Als Front-end Developer werk je aan de technische realisatie van front-end (web)applicaties in de verschillende opdrachten voor Sogeti’s klanten. Dit kan zowel op klantlocatie, als intern bij Sogeti. Jij houdt van het uitdenken en implementeren van responsive (web) apps, en zet hiervoor jouw uitgebreide

Bekijk vacature »

.NET Developer / ASP.NET MVC / Azure / Big Data

Functieomschrijving Ben jij een gepassioneerde .NET Developer met kennis van onder andere C#. ASP.NET MVC, Azure & React.JS en wil jij werken bij een belangrijke schakel binnen de woningbranche in een informeel team met 12 collega ontwikkelaars? Lees dan snel verder! Jouw werkzaamheden als .NET Developer bestaan uit: Het creëren van nieuwe features en het doorontwikkelen van een zeer omvangrijke applicaties/portalen met o.a. ASP.NET MVC, Symfony/React.JS, Azure en API's; Het meewerken aan uiteenlopende technische projecten; Meedenken over nieuwe tools en technieken om de IT naar een nog hoger niveau te tillen. Functie-eisen Als .NET Developer breng je het volgende met

Bekijk vacature »

C# & C++ developer

Our Clients develops and manufactures equipment in the Netherlands, but our equiptment can be found along production and packaging lines all over the world. Need to print, code or mark your product? Then we have the right solution, regardless the application! Our mission: Turning what has recently become known as Industry 4.0 into a turn-key and off the shelf available commodity! Suited for you? A challenging position in our enthusiastic and creative R&D team as software developer. We offer an informal and inspiring workplace with a lot of room for personal development and own creative input. Our software developer will

Bekijk vacature »

Lead Drupal Ontwikkelaar / Full Digital Agency / U

Functieomschrijving Kent Drupal voor jou geen geheimen en ben jij de Lead Ontwikkelaar die graag meewerkt aan innovatieve software oplossingen voor grote en toonaangevende organisaties? Lees dan snel deze vacature van Lead Drupal Ontwikkelaar! Ontwikkelen van webapplicaties in de nieuwste versies van Drupal; Doorontwikkelen van huidige applicaties; Aansturen van talentvolle ontwikkelaars; Meedenken over architecturen; Sparringspartner van de projectmanager. Functie-eisen Minimaal HBO-werk en denkniveau; Minimaal 5 jaar aantoonbare werkervaring met Drupal; Ervaring in Scrum/Agile omgevingen; Aantoonbare ervaring met het aansturen van developers; Communicatief vaardig. Bedrijfsomschrijving Deze organisatie gelegen in het hartje van Utrecht biedt grote (inter)nationale organisaties maatwerk oplossingen op het

Bekijk vacature »

Systeembeheerder / Werkplekbeheerder

Ben je op zoek naar een uitdagende baan bij één van de beste hogescholen van Nederland? Solliciteer dan op de functie van Systeembeheerder bij Hogeschool Tio! De functie De afdeling ICT bij Hogeschool Tio bestaat uit 12 gedreven professionals die in de volle breedte zorgdragen voor de ICT-services voor de educatieve- en de bedrijfsprocessen. Hogeschool Tio staat voor kwaliteit en als systeembeheerder heb je daarin een belangrijke rol. Werken als systeembeheerder bij Tio betekent dat geen dag hetzelfde is. Je optimaliseert de ICT-voorzieningen op de vestigingen, houdt de ICT-voorzieningen operationeel en je biedt ondersteuning aan de vestiging, de docenten en

Bekijk vacature »

C# backend developer gezocht, hardware component,

Ben je een C# developer en zoek je een baan in Rotterdam waar je systemen ontwikkeld die communiceren met hardware? Bij een klein bedrijf met korte lijnen, een open cultuur en veel vrijheid? Wellicht dat dit dan iets voor je is. Voor een klant in Rotterdam zijn we op zoek naar een ervaren C# developer. Het gaat hier om een bedrijf dat gericht is om voor overheden en ondernemingen informatie vanuit bepaalde meetsystemen te verwerken en te presenteren. Zo is bijvoorbeeld een van de projecten waar je als ontwikkelaar aan gaat werken; het bouwen van een website waar gebruikers informatie

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

05/08/2020 01:10:55
 
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.