Verkorte code

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

ASP.NET MVC Developer Grond- en Wateranalyses NL O

ASP.NET MVC Developer Grond- en Wateranalyses NL OR ENG Wat ga je doen? Als ASP.NET MVC Developer ga jij werken voor een analytisch lab in Rotterdam. In het lab maken zij namelijk grond- en wateranalyses, ter ondersteuning bij bouwprojecten, verbeteringsprojecten op het gebied van gezondheid en veiligheid. Jij gaat werken aan een webapplicatie en ben je verantwoordelijk voor het ontwerpen en leveren van end-to-end scenario's en functies - systeemarchitectuur, code, implementatie, schaal, prestatie-aspecten van ontwerpen tot levering en incubatie van nieuwe resultaten. De technieken die jij zal gebruiken zijn: C#, ASP.NET MVC, JavaScript, WCF, jQuery, CSS, WEBAPI, REST, JIRA, AGILE/

Bekijk vacature »

Full-stack starter/junior C# software programmeur

Organisatie Voor een van mijn business partners uit Arnhem ben ik momenteel op zoek naar een starter/junior C# programmeur. Arnhem is de standplaats, maar ze zijn ook actief in Duitsland en Oostenrijk. Het doel is om zo snel mogelijk meerdere landen te bereiken. Het bedrijf is in 2014 gestart met een missie om ouderen en minder-valide mensen actiever te maken door middel van audio, video en spelletjes. De 12 werknemers dragen dagelijks bij aan producten die een steentje bijdragen aan het actiever maken van ouderen en minder-validen. Binnen het bedrijf is een jong team werkzaak en is de sfeer open

Bekijk vacature »

PHP & GoLang developer Maatschappelijk belang

Houd jij je graag bezig met het ontwikkelen van software met de nieuwste technologieën (Go, Polymer, Docker, Kubernetes)? Vind je het leuk om samen met je team van gedreven developers te werken aan innovatieve concepten die daadwerkelijk impact hebben op de maatschappij? Dan ben ik op zoek naar jou. Deze platte en snelgroeiende organisatie heeft een passie voor het ontwikkelen van vernieuwende software. Dit doen zij samen met hun team van ca. 15 gedreven developers voor innovatieve start-ups, grote gemeenten en een series aan eigen projecten. Vanwege de toenemende groei aan projecten, zijn zij op zoek naar versterking in hun

Bekijk vacature »

Technisch Ontwerper / Applicatieontwikkelaar max.

Uitdagende projecten, afwisseling, de zekerheid van een vast contract en groei is wat CIMSOLUTIONS jou onder andere biedt. Benieuwd hoe wij dit aanpakken? Kom op woensdag 17 april naar ons ICT Professional Event, op 7 locaties in Nederland. Tijdens deze avond kun je naast een hapje en een drankje onze sfeer komen proeven. Maak kennis met CIMSOLUTIONS, onze collega’s en beleef de ervaringen van onze ICT specialisten én de projecten waar zij het verschil maken. Kijk voor meer informatie en/of aanmelden op: https://www.cimsolutions.nl/nl/Evenement/CIMSOLUTIONS-ICT-Professionals-Event Wie zoeken we? Je bent de beste in je vak of hebt de ambitie en de potentie

Bekijk vacature »

Junior of medior .NET C# (web) ontwikkelaar gezoch

Ben je een junior of medior .NET C# ontwikkelaar en op zoek naar een nieuwe baan in Rotterdam? Een inhouse baan waar je werkt aan maatwerkapplicaties, direct contact hebt met klanten en samenwerkt met een leuk team van ontwikkelaars? Een baan waar je plezier haalt door de beste oplossing voor de klant te vinden? Wellicht dat deze organisatie dan iets voor jou is. Voor een software bedrijf in Rotterdam zijn we op zoek naar een .NET C# ontwikkelaar. Het bedrijf bestaat al meer dan 20 jaar en richt zich op het ontwikkelen van unieke software op maat (web, apps, desktop

Bekijk vacature »

assistent procesmanager

Wat ga je doen? Als assistent procesmanager breng je als intermediair vraag en aanbod op het terrein van de specialisatie bij elkaar. Je formuleert voorstellen tot verbeteringen binnen het proces. Je maakt gebruik van gestandaardiseerde (specialistische) methoden (ITIL) en technieken (Ratio/KT), bekende benaderingswijzen en standaard oplossingen. Daarnaast monitor je als assistent procesmanager op de juiste toepassing van beleid en beleidsproducten binnen de processen van de organisatie. Je begeleidt mede de implementatie van (nieuw) beleid en (nieuwe) beleidsproducten binnen de processen, en je maakt uitvoeringsafspraken met in- en externe partijen. Je stuurt op het maken van randvoorwaardelijke afspraken en de nakoming

Bekijk vacature »

Junior PHP Developer

Organisatie Dit bedrijf is sinds 2014 actief om alles voor studenten makkelijker te maken. Ze zijn inmiddels uitgegroeid tot een bedrijf waar 50 mensen er dagelijks alles aan doen om er voor te zorgen dat deze applicatie een succes wordt. Dat lukt ook nog eens! Op dit moment zijn ze zelfs aan het uitbreiden naar Groot-Brittannië en Scandinavië. Binnen het bedrijf hangt een informele, speelse sfeer. Maar er moet ook hard gewerkt worden en dat gebeurt zeker. Zonder al het harde werken was het succes wat ze op dit moment hebben niet behaald en ze willen alleen maar verder gaan.

Bekijk vacature »

digitaal specialist

Wat ga je doen? Als digitaal specialist concentreer je je op de opsporing van strafbare feiten in de digitale omgeving. Je ondersteunt bij complexe onderzoeken met het doorzoeken van woningen en bedrijven en het veiligstellen van informatie uit netwerken. Hierbij werk je veelal met vastgestelde forensische tools. Je verzamelt, combineert en analyseert gegevens uit diverse digitale bronnen en herkent trends en afwijkende patronen die reden zijn voor verder onderzoek. Soms moeten grote hoeveelheden data in korte tijd onderzocht worden. Je bent intermediair tussen de digitale techniek en de recherche en je adviseert over een effectieve aanpak. Oftewel, je vormt de

Bekijk vacature »

Junior .NET Programmeur

Organisatie De organisatie is een dynamisch bedrijf dat zich focust op dienstverlening. De core bussiness is het ontwikkelen en optimaliseren van innovatieve software oplossingen voor de overheid en het bedrijfsleven. Er word met een topteam van 10FTE gewerkt aan de meest innovatieve oplossingen. Zeven van de tien werknemers zijn IT’er en de rest houdt zich bezig met de randzaken: sales en HR. Samen met haar partners kijkt het bedrijf hoe er op een nog innovatievere manier gegevens kunnen worden gevisualiseerd en geïmplementeerd. Ze zijn er bij deze organisatie van overtuigd het integraal ontsluiten van gegevens sneller, goedkoper, veiliger en kwalitatief

Bekijk vacature »

Senior PHP developer IT security voor overheden

Jouw functie: Senior PHP ontwikkelaar Wil je graag leren van de beste architecten en senior developers die de scrumteams aansturen? Naast hard werken ook genieten van een ontspan ruimte speciaal voor de developers? Werken voor een organisatie die IT security oplossing levert voor producten waar je zelf ook gebruikt van maakt? Organisatie Deze wereldwijde marktleider op het gebied van IT security is op zoek naar een ervaring senior PHP programmeur die affiniteit heeft met privacy. In het dagelijks leven komt iedereen in aanraking met de technieken die door dit bedrijf worden gemaakt. Hierbij kan je denken aan digitale handtekeningen, online

Bekijk vacature »

Senior Web Designer (PHP, Javascript, WP)

Ben jij expert in web design met de hoogste eisen aan UX, snelheid en ranking? Als jij een leuke werkomgeving wil met nieuwe uitdaging en afwisseling, word Senior Web Designer bij internet company YachtFocus! Bij ons werk je projectmatig aan onze eigen high traffic, toonaangevende botenverkoopsite YachtFocus.com en aan complexe sites voor klanten. Wij zoeken jou om YachtFocus.com te vernieuwen, uit te breiden en vooral geschikt de maken voor de internationale expansie van ons bedrijf. Jouw niveau HBO of universitair richting Informatica of vergelijkbaar door ervaring. Ervaring met drukbezochte vraag- en aanbodsites en met websitebouw voor bedrijven, zowel vormgeving als

Bekijk vacature »

Product Specialist

You’d better be with BetterBe! Ben jij op zoek naar een nieuwe uitdaging waar je de ruimte krijgt om jezelf te ontwikkelen en waar je kan bijdragen aan de ontwikkeling van een innovatief digitaal product. Wat doe je zoal? Als Product Specialist ben je verantwoordelijk voor het succesvol on-boarding van Europese klanten op ons SaaS-platform. Je helpt nieuwe en bestaande klanten bij het effectief inzetten van ons platform om zo de digitale transformatie in de hoogste versnelling te zetten. Dit betekent dat je onze nieuwe en bestaande klanten helpt bij het inrichten, configureren en in gebruik nemen van onze dienst.

Bekijk vacature »

PHP Developer

Organisatie Vanaf de buitenkant is het lastig te zien maar in een kantoor in het centrum van Eindhoven gaat een heuse PHP paradijs schuil, aan de `hemelpoort` beneden bij de receptie zit een lieve dame die jou als een Petrus feilloos weet te vertellen welke kant je op moet om het heilige grond te betreden. Eenmaal boven wacht daar een hemelse bak koffie of thee en verwelkom jij je andere 20 teamleden met een goede (vrijdag)morgen. Vandaag is de dag dat jij je bezig gaat houden met 2 verschillende projecten, een hiervan staat in de ochtend centraal en de andere

Bekijk vacature »

.Net front-end Developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA werken onze consultants als Front-end Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Front-end Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam en je ondersteunt de software architect en projectleider bij hun werkzaamheden. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je

Bekijk vacature »

SAP ABAP Ontwikkelaar bij eindgebruiker in Amsterd

Salaris €75.000 bruto per jaar Lucratieve bonusregeling Uitstekende secundaire voorwaarden 30 vakantiedagen 1 dag per week thuiswerken In-house functie in Amsterdam-Zuidoost (vaste standplaats) Collegiale en informele werksfeer Het bedrijf Voor een succesvol dynamisch en internationaal georiënteerd bedrijf waarvan het hoofdkantoor is gevestigd op een zeer goed bereikbare locatie in Amsterdam-Zuidoost ben ik per direct op zoek naar een ervaren SAP ABAP Developer. Deze marktleider heeft een eigen SAP Competence Center waarin meer dan 25 eigen SAP Consultants werken in een inspirerende en informele omgeving met een sterke focus op innovatie en maatschappelijk verantwoord ondernemen. De functie Je gaat werken in

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

25/04/2019 04:55:46
Honeypot
 
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.