Verkorte code

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

(Sr) Full-stack .Net/Angular Developer -inhouse pr

Voor een informele agile organisatie in regio oost Goeree-Overflakkee zoeken we .Net developers met Angular ervaring. In deze rol werk je in een hecht projectteam op kantoor aan diverse applicaties. Je hebt veel vrijheid en mogelijkheden in je functie flexibele werktijden keuze in werkzaamheden mogelijkheden tot klant bezoek in Europa een lease auto of mobiliteitsvergoeding. Deze stabiele en groeiende club bouwt meer dan 25 jaar maatwerkoplossingen voor start-up’s tot en met de bekendste multinationals. Wegens groei zoeken zij ontwikkelaars voor het ontwerpen, bouwen, implementeren en onderhouden van applicaties na oplevering. De organisatie bouwt applicaties zoals Sales Planning tools, complexe ERP

Bekijk vacature »

Senior applicatieontwikkelaar

Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en

Bekijk vacature »

PHP Healthcare vacature, top voorwaarden!

php, developer, amersfoort Functieomschrijving Ik zoek voor mijn klant een Senior PHP ontwikkelaar met framework ervaring. Ze werken hier met Zend Framework echter als jij ervaring hebt met een ander framework dan is dat ook prima. Bij dit bedrijf zijn er op het moment een aantal interessante ontwikkelingen gaande waarbij er een nieuw team gaat ontstaan. Voor dit team zoek ik een ervaren / Senior PHP developer die graag zijn kennis wil delen met zijn collega's. Ze werken veel remote vanuit huis echter met het OV zijn ze ook heel goed aan te reizen. Tevens is parkeren nabij het kantoor

Bekijk vacature »

Fullstack .Net (Core)/C# Developer zet zich in voo

Voor een organisatie gespecialiseerd in het ontwikkelen van software voor dierenartspraktijken ben ik op zoek naar Fullstack .Net (Core)/ C# Developers. De organisatie, 15 jaar geleden opgericht heeft een internationale klantenkring met meer dan 10.000 praktijken. Er hangt een nuchtere en familiaire sfeer, waar je je snel in thuis zal voelen. In 3 Scrum teams wordt er gewerkt aan her/doorontwikkeling van de dierenartspraktijksoftware en aanverwante tools. Je focus ligt bij het design, programmeren, unit testen en deployen van van nieuwe functionaliteiten. Waarbij je voor 80% bezig bent in de backend en 20% in de frontend. Wat moet je kunnen? -

Bekijk vacature »

Oracle Developer PL/SQL APEX

Functieomschrijving Heb jij je altijd al willen verdiepen in Oracle APEX of kent Orale APEX geen geheimen meer voor jou? En vind jij het leuk om naast het Oracle ontwikkelwerk veel met de business te schakelen? Lees dan snel verder! Ontwikkelen nieuwe business applicaties; Verbeteren van bestaande business applicaties; Opbouwen van user interfaces; Requirements vergaren vanuit de business; Maken en uitwerken van een technisch ontwerp. Functie-eisen Hbo werk- en denkniveau Goede kennis van PL/SQL; Basiskennis van Oracle APEX; Je bent bekend met SOAP/REST/Webservices; Je kan je kritisch opstellen en ben communicatief sterk! Bedrijfsomschrijving Als je altijd al in een Europees

Bekijk vacature »

Java Developer Backend Maatschappelijk 1 miljoen k

Functieomschrijving Ben jij opzoek naar echte uitdaging? Wil jij meebouwen aan de toekomst? Als deze applicatie niet werkt dan is dit groot nieuws op televisie! Een nieuwe backend applicatie bouwen met de laatste technieken (Java, Weblogic, Oracle databases) Uitvoeren van diverse analyses; Bestaande applicatie uit faseren; Nauwe samenwerking met andere disciplines; Sparingspartners voor andere ontwikkelaars; Uiteraard kom je met nieuwe en innovatieve oplossingen; Uitvoeren van diverse testen; Functie-eisen Minimaal HBO werk en denkniveau; In ieder geval 3 jaar werkervaring als ontwikkelaar binnen complexe grote omgevingen; Ervaring met logistieke processen is een sterke pre; Je bent analytisch en beschikt over een

Bekijk vacature »

Servicedesk medewerker

Ben jij een kei op het gebied van ICT? Vind je het leuk om de verschillende technische problemen van onze medewerkers op te lossen? En ben je op zoek naar een baan met veel afwisseling in een leuk team? Dan zij wij op zoek naar jou! Wij zoeken ter versterking van ons team ICT een: Servicedesk medewerker Voor 36 uur per week De zorg die geboden wordt kan niet meer zonder de ondersteuning van betrouwbare informatie- en automatiseringssystemen. Het is de belangrijke taak van het team ICT om dit te organiseren en de organisatie hierin te ondersteunen, zowel voor de

Bekijk vacature »

Noordoost Java Developer vacature

Java Developer Noordoost Word onderdeel van een topteam met ervaren Java Developers. Loop voorop in de ontwikkelingen en help mee innoveren. Focus op Java Wij bouwen State of the Art applicaties met de nieuwste Java technologie en frameworks. Dit doen we door ons te richten op de open source-oplossingen binnen de wereld van Java, alle nieuwe ontwikkelingen te volgen en onze kennis te delen binnen onze eigen Java Community. Dit betekent bijvoorbeeld dat we aanwezig zijn op veel conferenties; Oracle Code One, Devoxx en JFall. We organiseren ook onze eigen collegiale sessies en hackatons waar we kennis en plezier combineren.

Bekijk vacature »

Medior Front-end Developer

As a medior Front-End Developer at Coolblue you improve the user-friendliness of our webshop for millions of customers. How do I become a Medior Front-end Developer at Coolblue? As a Medior Front-end Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the UX designer to pick up stories. You get energy from coming up with creative solutions and are happy to present this within the team. You are also proud of your work and welcome all feedback. "Want to become a Medior Front-end Developer at Coolblue? Else de Boer explains how to

Bekijk vacature »

.NET developer worden bij onze leukste klant?

Functieomschrijving Er is daarom altijd behoefte aan nieuwe collega's op gebied van .NET Development, maar ook binnen andere takken van ontwikkeling. Daarnaast is het verloop van medewerkers heel laag: Wanneer je hier eenmaal werkt, zul je niet snel meer weg willen. De doorgroeimogelijkheden zijn onbeperkt, de opdrachten altijd uitdagend en interessant en daar bovenop zijn de arbeidsvoorwaarden ook nog eens uitstekend. Neem contact met mij op, dan plan ik op korte termijn een gesprek en dan zul je het mij je eigen ogen zien! In jouw nieuwe leasewagen rijd je straks naar de klant toe, waarbij je zelden langer dan

Bekijk vacature »

Ervaren Software Engineer (MES/MOMS)

Ervaren Software Engineer (MES/MOMS) - regio Maastricht Category: Development/Engineering City: Maastricht, Limburg, Netherlands Employment Type: Full Time PositionDescription: Wil jij de kans krijgen om jouw technische kennis en creativiteit te gebruiken voor het bouwen van unieke productiesystemen? Wat ga je doen? Als Software Engineer werk je, samen met de klant, de requirements uit voor het optimaliseren en automatiseren van (een deel van) hun productiesystemen. Je maakt een ontwerp en zorgt ervoor dat het systeem in teamverband wordt gebouwd, in bedrijf wordt gesteld en overgedragen wordt aan de service afdeling. Je gebruikt softwarepakketten die geconfigureerd worden, maar je bouwt ook maatwerk

Bekijk vacature »

.NET developer / .NET Core / C# / Azure / Angular

Functieomschrijving Ben jij een .NET developer met enkele jaren ervaring en wil jij deze ervaring graag inzetten bij een gerenommeerde organisatie die alleen maar de meest innovatieve projecten oppakt? Heb jij interesse in IoT, AI en complexe datastromen en wil jij jezelf hier verder in ontwikkelen? Lees dan nu verder! Je dagelijkse werkzaamheden bestaan uit: Het ontwikkelen van kwalitatief sterke code met C#, .NET Core en Angular; Het van scratch af aan bouwen van oplossingen, platformen, apps en andere portalen; Het bouwen van koppelingen middels API's; Het stroomlijnen van grote data stromen; Werken aan innovatieve projecten op het gebied van

Bekijk vacature »

Web Developer

Help jij graag mee met het optimaliseren van ons platform? Solliciteer dan naar de functie Web Developer. Op ons hoofdkantoor in Amsterdam krijg je alle ruimte om je kwaliteiten te tonen. Jouw baan ChipSoft maakt breed gebruik van webtechnologie voor de ondersteuning van administratieve processen. Als ontwikkelaar ben je verantwoordelijk voor het onderhouden en verbeteren van de applicaties op ons platform. Jij richt je met name op het ontwikkelen van nieuwe applicaties en het onderhouden van de gebruikte programmatuur op ons platform. Denk hierbij aan e-learning en projectplanning. Jouw team Je komt op de 25ste verdieping van ons hoofdkantoor in

Bekijk vacature »

Medior PHP Developer voor online solutions

Functieomschrijving Jij gaat als PHP developer een belangrijke bijdrage leveren aan het systeem. Jij gaat actief meedenken aan innovaties die het systeem naar een hoger plan gaat tillen. Deze innovaties ga je vervolgens implementeren en daar komt veel verantwoordelijkheid en vrijheid bij kijken. Ze zoeken iemand met een aantal jaren ervaring die zelfstandig aan de slag kan gaan die dezelfde ambitie en skills deelt om het succes verder uit te bouwen. Jij gaat hier voornamelijk werken aan de Back-end maar zal ook wel wat Front-end werkzaamheden op gaan pakken. Zoek je een functie waarbij je veel zelfstandigheid krijgt en aan

Bekijk vacature »
Yoeri Achterbergen

Yoeri Achterbergen

21/10/2015 20:35:46
Quote Anchor link
Beste Leden,

Ben zojuist bezig geweest om jquery beter onder de knie te krijgen.
Nu heb ik een error functie gemaakt maar vroeg me af of ik dit misschien in een korte code kon maken

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
function error(){
$("#send").click(function(e){
if(!$("#dataeen").val()){
     $("#dataeen").css("border-bottom-color", "#FF0000");  
    }else{
     $("#dataeen").css("border-bottom-color", "#CCCCCC");  
    }

if(!$("#datatwee").val()){
     $("#datatwee").css("border-bottom-color", "#FF0000");  
    }else{
     $("#datatwee").css("border-bottom-color", "#CCCCCC");  
    }

e.preventDefault();
});
}


als ik nu 10 input velden heb word het een behoorlijk lange code.
Zou ik hier met een each functie kunnen werken zodat jquery het rijtje afgaat?

Gr. Yoeri
 
PHP hulp

PHP hulp

29/09/2020 10:03:58
 
Peter K

Peter K

21/10/2015 21:09:10
Quote Anchor link
Je zou een functie kunnen maken die je de veldnaam en de gewenste kleur meegeeft?

b.v.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
function vak_inkleuren(veldnaam, kleurcode)
{
if(!$(veldnaam).val()){
     $(veldnaam).css("border-bottom-color", kleurcode);  
    }else{
     $(veldnaam).css("border-bottom-color", kleurcode);  
    }
}


Deze functie roep je dan x keer aan bijvoorbeeld.
 
Wouter J

Wouter J

21/10/2015 22:04:10
Quote Anchor link
Laat ik eerst beginnen met 2 algemene JavaScript best-practices:
  • Probeer zo min mogelijk styling te doen, laat dat over aan CSS. Gebruik bijv. classes
  • Probeer zo min mogelijk de hele DOM tree door te zoeken


Wanneer we de eerste best-practice toepassen maken we bijvoorbeeld 2 CSS classes aan:
Code (css)
PHP script in nieuw venster Selecteer het PHP script
1
2
.field--error   { border-bottom-color:#ff0000; }
.field--default { border-bottom-color:#cccccc; }


Nu kunnen we deze toevoegen met jQuery:
Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
if (!$('#dataeen').val()) {
    $('#dataeen').removeClass('field-default').addClass('field-error');
}
else {
    $('#dataeen').removeClass('field-error').addClass('field-default');
}

Dit kunnen we versimpelen door jQuery's toggleClass() functie te gebruiken:
Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
// class wordt toegevoegd wanneer het 2e argument true is en wordt verwijderd wanneer dit false is
// dit betekend dat border-bottom-color:#cccccc; de default border-bottom kleur van de veldjes moet worden

$('#dataeen').toggleClass('field-error', !$('#dataeen').val());


Nu zie je dat we 2 keer $('#dataeen') hebben. Dit betekend dat JavaScript 2 maal alle elementen van de pagina (DOM tree) moet doorzoeken om een element te vinden. Je kan begrijpen dat dit met een grote pagina best wat tijd kan kosten. Het is dus beter om dit element op te slaan in een variabele en deze dan te gebruiken:
Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
var dataeenElem = $('#dataeen');

dataeenElem.toggleClass('field-error', !dataeenElem.val());


Nu kunnen we dit nog beter maken, omdat de functie nu alsnog elke keer dat het wordt aangeroepen opzoek moet gaan naar de elementen. Dus kun je beter deze variabele globaal opslaan: (globaal is eigenlijk niet goed, maar dit lokaal maken gaat nu nog een beetje te ver)
Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
var dataeenElem = $('#dataeen');
var datatweeElem = $('#datatwee');

$('#send').click(function (e) {
    e.preventDefault();

    dataeenElem.toggleClass('field--error', !dataeenElem.val());
    datatweeElem.toggleClass('field--error', !datatweeElem.val());
});


Nu zie je dat je alsnog 2 regels hebt die nagenoeg hetzelfde zijn. Dit zou je ook weer kunnen abstraheren in een nieuwe functie, maar dat lijkt me een tikkeltje overkill.

Kijk trouwens eens naar het onsubmit event (.submit()). Dat is iets beter dan het click event op een submit button.
Gewijzigd op 21/10/2015 22:04:38 door Wouter J
 
Ivo P

Ivo P

22/10/2015 09:24:44
Quote Anchor link
Het lijkt me gemakkelijker om alle elementen die je wilt controleren dezelfde class te geven.
Daarmee bereik je dat je niet elke id apart hoeft te vermelden:

je maakt een lus die door alle elementen met class="nietleeg" loopt en als zo'n element dan leeg is, geef je daar de opmaak class field-error aan. (oj juist niet aks gevuld)
 
Yoeri Achterbergen

Yoeri Achterbergen

22/10/2015 16:32:40
Quote Anchor link
Dank voor de reactie's.

Dit is wat ik nu heb jsfiddle
Is deze codering beter?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

22/10/2015 16:44:15
Quote Anchor link
Ziet er zeker al gezond uit. Vraag me enkel af waarom je de class Default weghaalt? de class Error toevoegen of weghalen is al voldoende:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
!$(this).val() ? $(this).addClass("error") : $(this).removeClass("error");
Gewijzigd op 22/10/2015 16:44:28 door Frank Nietbelangrijk
 
Ivo P

Ivo P

22/10/2015 16:46:20
Quote Anchor link
ik zou regel 10 zonder ! doen, en dan de 2 gevolgen omdraaien.

Scheelt je een (kleine) handeling voor javascript.

Je script stopt nu sowieso, ook als er wel alle velden ingevuld zijn. Is dat de bedoeling?

ik zou het schrijven als:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
$("#data").on('submit',function() {
  $('.field').each(function(){
    $(this).val() ?  $(this).addClass("default").removeClass("error") : $(this).addClass("error").removeClass("default");
  });
  if($('.error').length > 0) {
     return false;
   }
});  
  
 
Yoeri Achterbergen

Yoeri Achterbergen

22/10/2015 19:43:04
Quote Anchor link
Bedankt voor de reacties!

@ivo

Wat bedoel je precies met:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
if($('.error').length > 0) {
     return false;
   }


Betekend dat als de waarde meer dan 0 is dat hij de code niet weer opnieuw hoeft uit te voeren?
Of betekend "return false iets anders?
 
Ivo P

Ivo P

23/10/2015 09:13:39
Quote Anchor link
Aan het einde van de functie kijk ik of er uiteindelijk elementen aanwezig zijn met de class "error".
Als dat het geval is, zijn er dus elementen die leeg zijn en dus mogen we niet door met het submitten.

vergelijkbaar met preventDefault(). Maar jouw preventDefault gaat volgens mij altijd af.
 



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.