Verkorte code

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior PHP developer - Digital Agency

Organisatie Begonnen in een schuurtje en uitgegroeid tot een prachtige volwassen organisatie met ruim 50 medewerkers, bestaande uit projectleiders, ontwerpers en developers is dit het walhalla voor een programmeur. Een leuke groep jonge mensen waar de gemiddelde leeftijd rond de 30 ligt die dagelijks aan uitdagende projecten werken waarbij ze ontzettend veel vrijheid krijgen om te innoveren. Iedere maand zijn er een paar R&D dagen en er wordt met VueJS, DevOps, Laravel en Docker gewerkt. Iedere week is er een innovatiemeeting waarbij nieuwe kennis gedeeld wordt, op vrijdag zijn er techmeetings (met een borreltje) waarbij er regelmatig externe sprekers komen

Bekijk vacature »

PHP detachering bij startups tot multinationals, o

Bedrijfsinfo Veel detachering organisaties denken vanuit uit belang van hun klanten en kijken welke consultants daar goed op passen. Wat deze organisatie onderscheid is dat ze met jou gaan kijken waar je goed in bent, waar je je in wilt gaan ontwikkelen en wat je interesses zijn. Op basis daarvan worden de klanten geselecteerd waarvan je voor een periode van minimaal 3 maanden mee gaat draaien in het team. Dit kan zijn in een rol als medior, senior, lead developer of architect. Hierbij krijg je de kans om zichzelf te ontwikkelen binnen allerlei grote bekende organisaties. Omdat deze detacheringclub met

Bekijk vacature »

Medior .NET ontwikkelaar

Op een steenworp afstand van het Malieveld werken op een van de mooiste locaties van Nederland? In de pauze met je collega’s een visje halen in de haven of een wandeling langs het water maken? Alles is hier mogelijk! Houd jij van een uitdaging en ben jij een communicatieve programmeur die maatwerk levert en altijd streeft naar het beste resultaat? Denk je vaak out-of-the-box en krijg je energie van het maken van klant specifieke oplossingen? En heb je het gevoel dat je stagneert in je huidige werkzaamheden? Dan is dit de baan die je zoekt! Deze organisatie is gespecialiseerd in

Bekijk vacature »

Full-stack .NET developer gezocht, Goeree-Overflak

Ben je een .NET software developer en op zoek naar een professionele werkomgeving binnen een wat groter innovatief en ambitieus bedrijf? Waar sprake is van een uitgebreid applicatielandschap met elke dag nieuwe uitdagingen, waar alles mogelijk is, binnen een goede collegiale sfeer? Lees dan verder! Voor een bedrijf in Goeree-Overflakke zijn we momenteel op zoek naar een ervaren software developer. De IT afdeling bestaat uit circa 60 mensen waarvan zo'n 15 developers. Voor de recente architectuur wordt gebruikt gemaakt van de nieuwste technieken waaronder .NET Core, Docker en Angular. Echter bestaat het applicatielandschap uit een groot aantal verschillende applicaties waarbij

Bekijk vacature »

PHP ontwikkelaar

Organisatie Jij wilt niet alleen zelf groeien maar jij wilt bijdragen aan de groei en het succesvol maken van andere organisaties! Dit full-service communicatiebureau richt zich op 3 onderwerpen; Branding, coding en marketing. Samen met een team van 20 gedreven collega’s wordt hier gebouwd aan online en offline communicatiemiddelen voor hun klanten. Dit is een regelvrije organisatie (uiteraard bestaan er kleine basisregels) waar iedereen zijn eigen verantwoordelijkheid neemt. Je komt terecht in een hecht team waar de neuzen dezelfde kant op staan, in de zomer lekker met zijn alle BBQ’en wordt en zodra het warmer dan 25 graden is, het

Bekijk vacature »

Junior+ C# Developer

Van werken in een schuur naar mooie awards aan de muur. Steeds meer bedrijven blijven groeien, met name op het gebied van .NET Software Development zijn er organisaties die zich ongekend weten te manifesteren in de markt. Onze business partner behoord tot die categorie. Voor deze organisatie in de regio van Den Helder zijn wij momenteel op zoek naar een Junior+ C# Developer. In verband met flinke groei is een van onze business partners momenteel hard op zoek naar een Junior+ C# Developer. Deze organisatie is afgelopen jaar vernoemd tot Microsoft Partner of The Year en is aantoonbaar een van

Bekijk vacature »

Junior Mobile App Developer

Vacature Omschrijving Dit innovatieve bedrijf is marktleider in Nederland op het gebied van apotheekautomatisering. De systemen die zij ontwikkelen zorgen voor een verbetering van efficiëntie, arbeidsomstandigheden en financieel resultaat. Dit leuke internationale bedrijf is op zoek naar een junior mobile app developer die zich gaat richten op front-end. Je zult werken in een klein technisch team. Als junior mobile app developer ga je je richten op de vormgeving van de applicaties voor de farmaceutische industrie. Je gaat de applicaties ook testen, corrigeren en onderhouden. Samen met andere developers zorg je dat projecten tijdig worden afgerond. Ook houd je de ontwikkelingen

Bekijk vacature »

Front-End Developer

Organisatie Deze organisatie is een kennishuis voor creatieve en ambitieuze software consultants en opdrachtgevers. Ze leveren specialisten op het gebied van software development en werken met de meest innovatieve technieken. Oprechte aandacht voor elkaar en focus op plezier en ambities. Daarmee zorgen ze dat hun collega’s het beste uit zichzelf halen. Hier wordt je niet op een opdracht geplaatst, maar kiezen ze samen met jou opdrachten uit. Functie Als front-end developer wordt veelal in teams gewerkt op basis van Scrum en je krijgt te maken met Agile-methodologieën en ontwikkeltools. Je werkt op locatie bij de klant in vaste teams, maar

Bekijk vacature »

Back-end junior C# .NET developer in regio Cuijk

Organisatie Voor een van mijn business partners uit de regio van Cuijk ben ik op zoek naar een C# back-end developer. Het bedrijf bestaat 12 jaar en is begonnen als websitebouwer. Inmiddels maken ze namelijk naast websites en webshops ook ERP systemen, portals voor samenvoeging van verschillende systemen en een aantal eigen producten. Daarnaast focussen ze zich veel op internetmarketing. Voor zowel het MKB als de groot zakelijke markt leveren ze maatwerk software-oplossingen. Samen met hun andere vestiging in Oost-Europa bedienen ze één klantenbestand. Het is een informeel bedrijf, waar je veel vrijheid krijgt, maar tegelijkertijd wordt er ook heel

Bekijk vacature »

Medior Full-Stack C# ASP.NET developer

Organisatie Wil jij in een leuk en sociaal team werken? Waar gewerkt wordt aan één product? Ben jij die sociale IT’er die mee kan denken over de innoverende uitbreidingen van de software? Dan is dit jouw volgende stap. Deze partner is een volwassen bedrijf die zich bezig houdt met het ontwikkelen van taxatiesoftware ten behoeve van de Wet WOZ en taxatiebedrijven. Het is een bedrijf van 40 werknemers waarvan 10 IT’ers. Het bedrijf heeft 3 kantoren verspreid over Nederland met de IT afdeling op 10 minuutjes lopen van station Ipenburg in Nijmegen. Deze IT’ers werken als 1 team samen voor

Bekijk vacature »

Medior C# developer / Unieke locatie in de zorgsec

Midden in een bosrijke omgeving ten Noorden van Utrecht ligt het hoofdkantoor van deze organisatie. Een absoluut unieke locatie voor de veeleisende ontwikkelaar die alleen genoegen neemt met het beste. Deze organisatie wordt gekenmerkt als een informele club developers die graag het beste in zichzelf en hun teamgenoot naar boven halen. Van een dagelijkse verse lunch tot uiteenlopende bedrijfsactiviteiten; deze organisatie heeft het allemaal! Ze zijn gespecialiseerd in software om het voor ziekenhuizen inhoudelijk overzichtelijk te maken hoe efficiënt hun processen verlopen. Hierbij ga je te werk in scrumteams van gemiddeld 5 personen, zodat jij met je team elke dag

Bekijk vacature »

(Junior) C#. NET Webdeveloper (.NET/C#/Eindhoven/4

As a C# .Net Developer you will be responsible for developing back-end and front-end features for 8 e-cpmmerce websites with about 500.000 visitors per month. You will work with latest Microsoft technology running on Microsoft Azure platform. You use such tools as jQuery, Bootstrap, BitBuckey/GIT, Angular JS, Visual Studio (2017/2019), Jira. You will be a part of ICT team (6 people) that works in a close cooperation with an on-line marketing department. The workflow is organized in accordance with Agile (SCRUM) methodologies. Requirements At least 1 year of experience in .NET developing Knowledge of ASP.NET MVC Knowledge of SQL 2012

Bekijk vacature »

Java Developer / Cloud / Java EE Frameworks / inho

Functieomschrijving Would you like to work on different projects and develop online platforms for various clients in a software house? Are you getting excited about working for different well-known brands at inhouse projects? Apply now! Develop diverse online platforms; Work closely with the Front-End developers and other team members; Communicating with clients; Watch over the architecture of the applications. Functie-eisen You have a University BSc. or MSc. degree, preferably in the area of Informatics; You have at least 3 years experience with Java; You have been working in an Agile/Scrum/DevOps environment; You have experience with Spring, Cloud, Web Services and

Bekijk vacature »

Software Engineer

To support BroadForward’s (www.broadforward.com) growing international business we are looking for an experienced Linux/C Software Engineer to join our team based in Amersfoort, The Netherlands. BroadForward is a young, growing and internationally recognized provider of global (mobile) telecommunications software solutions. Your role Further develop and enhance BroadForward’s next generation product suite of high-performance software solutions Translate customer and market requirements into product requirements, and subsequent software engineering disciplines: architecture, design, implementation and test Provide support for technical queries and conversations with our sales organization as well as our partners, customers and prospects Assist in (pre-)sales activities, such as preparation of

Bekijk vacature »

Medior PHP developer gezocht!

Bedrijfsinfo Voor een informele organisatie die zich richt op onder andere webdevelopment met name binnen de sociale sector ben ik op zoek naar een medior PHP developer. Binnen deze organisatie krijg je veel vrijheden maar wordt ook veel van je gevraagd! Ze werken voornamelijk aan webapplicaties ter ondersteuning van de sociale sector waarbij de focus ligt op hoogstaande kwaliteit, veiligheid en langdurige samenwerkingsverbanden met het oog op een gestage groei van de organisatie. Functie-omschrijving Je komt te werken in een team van 5 ontwikkelaars en een designer. Binnen dit team draag je veel verantwoordelijkheid voor jouw projecten. Een klein onderdeel

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

22/08/2019 18:44:59
 
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.