even/oneven rijen maar enkel visible

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Java developer (remote)

Functie Wat ga je doen als Java Developer? Jij als Java ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 ontwikkelaars binnen onze organisatie waarbij jij de brug slaat tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je jouw taken op voor de dag. Hieronder een aantal taken die jij zal uitvoeren: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij recent jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een erkende werkgever in regio Waalwijk zijn wij op zoek naar een back-end developer. Kennis of ervaring met C# & SQL is een must! Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten; Je bent verantwoordelijk voor de beheer en ontwikkeling van de software; Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je brengt de aanpassingssuggesties van klanten in kaart, om ze

Bekijk vacature »

Belastingdienst - Freelance Senior Applicatie ontw

Startdatum: 01.06.2023 Richttarief: €65,00 - €75,00 Duur van de opdracht: 6 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Functieomschrijving: We verwachten van je, dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Ervaring hebt met Agile/Scrum-werken en je thuis voelt in een Agile omgeving; Een aandeel levert aan het scrumproces en in de SAFe-releasetrain; Zelfstandig werkt in een scrumteam en intensief de samenwerking op zoekt met je directe collega’s en je omgeving; Ervaring meebrengt met het schattten en inplannen van taken tot en met het testen en demonstreren van de opgeleverde functionaliteit; Collega’s in je

Bekijk vacature »

Front-end developer (React)

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »

SQL Database ontwikkelaar

Functie omschrijving Wil jij meewerken aan het creëren van slimme software om magazijnen als een geoliede machine te laten lopen? Wij zoeken een zorgvuldig persoon, iemand die niet snel de hand omdraait voor complexe algoritmes. Denk jij dat jij de SQL ontwikkelaar bent die wij zoeken? Lees snel verder en wie weet zitten we binnenkort samen aan tafel! Jouw werkzaamheden zullen er als volgt uitzien: Je houdt je bezig met het ontwerpen en ontwikkelen van MS SQL server databases, dit doe je met T-SQL als programmeer laag. Je gaat aan high-end software oplossingen werken, dit doe je voor de optimalisatie

Bekijk vacature »

Lead C++ Developer

De rol van Lead C++ Developer Als Lead C++ developer bij KUBUS word je verantwoordelijk voor het implementatie design van requirements en de software architectuur van de desktop applicaties van BIMcollab, ons platform voor 3D model-validatie en issue-management bedoeld om de kwaliteit van 3D design-modellen voor gebouwen te verbeteren. Betere 3D modellen leiden tot betere gebouwen, dus zo draag je bij aan verduurzaming van de gebouwde omgeving met slimmer gebruik van materialen, minder verspilling en energie-efficiënte gebouwen. Een goede gebruikerservaring staat bij ons hoog in het vaandel; we gaan in onze ontwikkeling voor innovatie en kwaliteit. In je rol als

Bekijk vacature »

High level C++ QT Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 13486 Introductie Would you like to be involved in every aspect of software development for our exceptional products, from specification and design to testing and integration? If you're passionate about software development and eager to apply your programming skills to create customer-focused deliverables, then this is the perfect chance for you to expand your expertise. You can become a member of our Machine Control department's data-driven development team, where you'll design and build software solutions that optimize machine productivity. As a senior software design engineer, you'll participate in all phases

Bekijk vacature »

Back-end ontwikkelaar

Functie omschrijving Wil jij meebouwen aan diverse databasesystemen in een klein bedrijf met een platte organisatie? In een team van ruim 10 ontwikkelaars wordt er aan diverse ICT oplossingen gewerkt. Jouw taken hierbij zullen bestaan uit: Het onderhouden en door-ontwikkelen van bestaande databases. Denk hierbij aan schema verbeteringen en performance-tuning. Bij nieuwe ontwikkelingen ga jij ook bezig met het bouwen van het databaseschema. Omdat je in een klein team werkt zal je ook de C# routine verder uitbouwen en ontwikkelen. Ook kan je meedraaien in algemene refactory-, ontwikkel- of testwerkzaamheden. Je zal voornamelijk gebruik maken van de volgende technieken: .NET

Bekijk vacature »

Senior PHP developer/ Software Architect

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieën zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere IT’ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

Bekijk vacature »

Junior PHP Developer

Dit ga je doen Software development met behulp van C# .NET en / of PHP, je mag zelf kiezen waar jij je in wil specialiseren Meedenken over het nieuwe pakket, waar moet het aan voldoen? Unit-, integratie- en diverse andere tests schrijven en uitvoeren Nauw samenwerken met je IT collega's zoals Testers, Developers, DevOps Specialisten en Architecten Jezelf ontwikkelen met behulp van trainingen en cursussen Hier ga je werken Onze klant, een grote speler in de medische sector, is op zoek naar een enthousiaste junior (of meer ervaren) Software Developer die klaar is voor een nieuwe stap in zijn of

Bekijk vacature »

Junior Software Developer

Functie omschrijving Wij zijn op zoek naar een Junior Software Developer!? Sta jij aan het begin van jouw loopbaan of heb jij misschien al enige ervaring? Vind jij het daarnaast belangrijk om jezelf constant te kunnen ontwikkelen en uitdagen? Lees dan snel verder! Voor een vooraanstaand softwarehuis in Nieuwegein ben ik op zoek naar een Junior Software Developer. De eigenaar van het bedrijf is ervan bewust dat je als junior nog een hoop kan leren, waardoor je de eerste maanden veel begeleiding en diverse trainingen krijgt. Daarna ga je samen met je collega's aan zowel kleine als grote projecten werken.

Bekijk vacature »

.NET developer

Functie Heb jij veel kennis van ASP.NET Webforms en wil jij juist de overstap maken naar ASP.NET Core? Wij zijn per direct op zoek naar een ervaren .NET Webdeveloper die met ons samen ons platform wilt herschrijven van ASP.NET Webforms naar ASP.NET Core. Voor jou de unieke kans om met ons samen te innoveren en kennis op te doen van de nieuwste technieken binnen de Microsoft Stack. Wij hebben een development team met 10 IT specialisten bestaande uit onder andere 4 backend .NET developers en twee front-end developers. Wij zijn continu bezig om ons als team en bedrijf te blijven

Bekijk vacature »

Senior Front-end developer

Functie Als front-end developer ga je aan de slag voor verschillende klanten, waarbij veel rekening wordt gehouden met waar je woont (dit is altijd binnen het uur), en word er gezocht naar een organisatie die past bij jou. Zowel qua persoonlijke ambities als de technische aansluiting. De opdrachten duren gemiddeld 1 à 2 jaar maar dit hangt ook af van je wensen. Je werkt in een teamverband voor een klant en zult nauw samenwerken met zowel eigen collega’s als die bij de klant werkzaam zijn. Ze zijn op zoek naar een technische front-end developer die ruime ervaring heeft in één

Bekijk vacature »

Front-end Developer vue.js node.js SaaS

Dit ga je doen Het ontwikkelen van nieuwe features die bijdragen aan de groei van de klanten van de organisatie; Je denkt mee over nieuwe innovaties, features en verbeteringen in de applicatiearchitectuur; Je draagt bij aan de continue ontwikkeling van jouw team doordat je elke dag streeft naar het verbeteren van jouw eigen prestaties; Je neemt actief deel aan Scrum meetings en de Frontend Guild. Hier ga je werken Voor een snel groeiend bedrijf de regio Nieuw Vennep zijn wij opzoek naar een ervaren Front-end Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een SaaS-platform.

Bekijk vacature »
Jan R

Jan R

07/09/2020 11:53:44
Quote Anchor link
Hoi

Hoe kan ik alternerende kleuren toepassen op een tabel waarbij sommigen rijen verborgen zijn. de rijen worden verborgen via een of meerdere javascript filters. met display:none.

Jan

voorbeeld met active filter: Afbeelding

Zonder de filter is alles ok.
Nu gebruik ik:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
tr:nth-child(even) {
    background-color: #ADD8E6;
}

Ik zoek wel een pure css oplossing dus geen javascript laat staan jquery :) Dat heb ik al.

Jan
Gewijzigd op 07/09/2020 11:54:50 door Jan R
 
PHP hulp

PHP hulp

23/04/2024 08:50:11
 
Ozzie PHP

Ozzie PHP

07/09/2020 14:44:06
Quote Anchor link
Probeer dit eens

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
tr {
  background-color: red;
}

tr:nth-child(4n - 1) {
  background-color: blue;
}
 
Jan R

Jan R

07/09/2020 16:19:13
Quote Anchor link
Lukt niet. Het gaat niet over elke 4 rijen maar over elke 2° rij welke niet display: none is.
Met 2n-1 lukt het ook niet.
 
Thomas van den Heuvel

Thomas van den Heuvel

07/09/2020 16:22:36
Quote Anchor link
Jan R op 07/09/2020 11:53:44:
de rijen worden verborgen via een of meerdere javascript filters.


Jan R op 07/09/2020 11:53:44:
Ik zoek wel een pure css oplossing dus geen javascript laat staan jquery :).


Sja...

edit: beetje flauw en kort door de bocht wellicht :p
Maar als je hier nou eens als volgt naar kijkt: wat als je nu niet zozeer filtert, maar elke keer de lijst echt opnieuw opbouwt met JavaScript. Je zou dan ook JavaScript altijd kunnen gebruiken om de lijst te voorzien van een geschakeerde achtergrondkleur. Dit gebeurt dan elke keer op dezelfde wijze, en niet de ene keer via CSS (bij laden van de pagina) en de andere via JavaScript (als je filtert).

Een andere optie is bijvoorbeeld dat je de zoek- of filteropdracht naar PHP delegeert ofzo, en dat die via AJAX een plak HTML uitspuugt, en dan kun je voor (on)even rijen gewoon een pure CSS-oplossinge gebruiken.

In beide gevallen is de crux in ieder geval dat je de lijst volledig opnieuw opbouwt.

Als ik andere oplossingen zo snel kan inschatten als ik hier vluchtig op Google dan lijken dit nogal omslachtige aanpakken. Ik zou voor een soort van "volledige refresh" strategie gaan, een oplossing in CSS werkt dan altijd.
Gewijzigd op 07/09/2020 23:54:16 door Thomas van den Heuvel
 
Ozzie PHP

Ozzie PHP

08/09/2020 01:16:29
Quote Anchor link
Jan R op 07/09/2020 16:19:13:
Lukt niet. Het gaat niet over elke 4 rijen maar over elke 2° rij welke niet display: none is.
Met 2n-1 lukt het ook niet.

Ik had het voorbeeldje hiervandaan:

http://jsfiddle.net/xzmnq0n9/

Hier lijkt het wel te werken. Kijk er even naar, misschien kun je er toch iets nuttigs uithalen.
 
Jan R

Jan R

08/09/2020 01:59:56
Quote Anchor link
Hier laten ze dan ook elke 2° rij verbergen. Vast gegeven! Bij mij kan elke mogelijkheid ontstaan.
 
Ozzie PHP

Ozzie PHP

08/09/2020 02:16:48
Quote Anchor link
Ah oké helder. Dan heb je er inderdaad niet veel aan.

Wellicht kun je de CSS3 operator 'not' gebruiken ...

:not([style*="display: none"])

tr:nth-child(even):not([style*="display: none"])

Geen idee of het werkt :)
 
Rob Doemaarwat

Rob Doemaarwat

08/09/2020 07:48:41
Quote Anchor link
Voor zover ik begrepen heb werkt dat laatste niet (de nth-child blijft gewoon tellen, ongeachte de wel/niet visible). Enige trucje wat ik zie is als de regels allemaal even hoog zijn een "gestreepte" achtergrond op de hele <table> te zetten (en dus niet op de row):
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
background-image: repeating-linear-gradient(red 0em, red 2em, green 2em, green 4em);
(en even te zorgen dat de hoogte van een "streep" matches met de hoogte van een <tr>).

Maar zelf zou ik gewoon met JS aan de gang gaan - als je dat toch al gebruikte om per regel te kijken of ie wel/niet verborgen moet worden (teller bijhouden en indien teller % 2 dan class toevoegen / anders weghalen).
 
Jan R

Jan R

08/09/2020 08:51:12
Quote Anchor link
Snel even getest en inderdaad in 1° instantie werkt deze oplossing.

Heb ik natuurlijk weer pech dat sommigen meer dan 1 telefoonnummer of e-mailadres hebben.
javascript, of zoutzuur, zal dan toch de enige oplossing zijn. Ik wou gewoon de browser zelf het werk laten doen.

Toch aan allen bedankt die probeerden mee te werken.

Jan
 
Ad Fundum

Ad Fundum

08/09/2020 08:56:25
Quote Anchor link
Ik kan me voorstellen dat er mensen zijn die niet bevriend zijn met JS en er zo ver mogelijk van willen blijven, dat geldt in ieder geval voor mijn persoon.
Maar tegenwoordig is JS in elke brower actief, en als het nog kan moet je echt moeite doen om het uit te zetten via een speciaal instellingenscherm. En omdat je JS toch al gebruikt om te filteren, kan je net zo goed een class 'even' toevoegen aan de rij die je filtert. In je JS die de rij controleert kan je iets opnemen als:
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
...
let iRij = 0;
let verborgen = false;
// ...
for(/* ... */) {
  // ...
  if (verborgen) {continue;}
  if (0 === iRij % 2) {
    rij.classList.add('even');
  } else {
    rij.classList.remove('even');
  }
  iRij++;
}

En vervolgens in de CSS iets als:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
@media screen {
  /* ... */
  tr th,
  tr td {
    background:white;
  }
  tr.even th,
  tr.even td {
    background:lightgrey;
  }
}

Je zult bovenstaande code moeten aanpassen aan je eigen situatie, heel moeilijk zal dat niet zijn.
Gewijzigd op 08/09/2020 08:59:03 door Ad Fundum
 



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.