even/oneven rijen maar enkel visible

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front-end developer

Functie Jij komt te werken in een team van 5 developers. het product is continue in beweging. Nieuwe en bestaande klanten vragen om vaak nieuwe features. Hierin ben jij zeer belangrijk om te zorgen dat de functionaliteiten goed opgezet worden op technisch vlak. Designs krijg je aangeleverd van een externe partij zodat jij je primair kan focussen op de techniek! Je hebt daarbij alle vrijheid om je eigen creativiteit toe te passen en mee te denken over de gebruikte technieken. Het gezamenlijke doel is een product dat functioneel zeer gebruiksvriendelijk is en het bedrijfsproces van de gebruikers versneld en kwalitatief

Bekijk vacature »

VB.NET developer

Functie Het development team waar jij in terecht komt bestaat uit twee ervaren software developers. De directeur/eigenaar is tevens één van deze developers. Jij werkt direct samen met jouw werkgever en kan dan ook veel kennis en ervaring bij dit bedrijf op doen. Als team zijn jullie verantwoordelijk voor de kantoorapplicatie die deze organisatie aanbied in een niche markt. Het team is op dit moment actief bezig met een migratie waarbij het eindstation eindigt in een C# .NET omgeving. Echter is een deel van de software al geschreven in C# .NET. Hierbij is gebruik gemaakt van C# .NET, CSS, HTML,

Bekijk vacature »

JAVA Programmeur

Bedrijfsomschrijving Functieomschrijving We zoeken per direct enthousiaste software engineers die ons team komen versterken.We werken in DevOps teams met een sterk gevoel voor verantwoordelijkheid. Er wordt nauw samengewerkt met ons Business analyse team (BAT), met onze uitvoerende medewerkers en met de DevOps teams onderling binnen het domein. Het liefst hebben we veel en vaak interactie met onze interne en externe eindgebruikers om zo de juiste dingen te maken. We werken multidisciplinair in een dynamische omgeving. Achtergrond opdracht De Businesseenheid Examens is verantwoordelijk voor de logistiek van de staatsexamens Voortgezet (speciaal) onderwijs, Nederlands als 2e taal en schoolexamens. In het kader

Bekijk vacature »

Software developer

Werkzaamheden voor jou als software developer Voor een goede relatie in de regio Zwolle (meerdere locaties) zoeken wij een software developer die betrokken is bij de ontwikkelcyclus en verantwoordelijk is voor het testen en keuren van nieuwe en geoptimaliseerde software. In deze functie ben je in de implementatiefase de persoon die risico's beoordeelt en intern oplossingen aanbrengt om risico's te verkleinen. Binnen het ontwikkelteam van de software ben je een belangrijke schakel waar je intensief meewerkt met scrum. Het voorkomen van bugs in de programma's en het bevorderen van gebruiksvriendelijkheid voor eindklanten zijn voor jou een uitdaging en geeft voldoening

Bekijk vacature »

Airport Developer / System engineer

De functie Als onze nieuwe Airport Developer / System Engineer is je doel om uit nieuwbouw- en onderhoudsprojecten maximale waarde te creëren voor Schiphol Group en haar stakeholders. Vanuit je visie en expertise, maar ook (technologische) ontwikkelingen, wetgeving en beleid vertaal je klantwensen naar een gedegen programma van eisen. In de planontwikkelingsfase werk je nauw samen met Plan Ontwikkelaars om je kennis in te brengen ten behoeve van de kwaliteit van het investeringsvoorstel. Je overlegt met diverse partijen, stelt de vraag achter de vraag en verbindt zo de belangen van de luchthaven, proceseigenaar en asseteigenaar om tot een gedragen ontwikkelopgave

Bekijk vacature »

Informeel bureau zoekt Senior PHP developer

Functie Als senior PHP developer neem je het voortouw in ontwikkeltrajecten en ben je in staat werk uit te leggen aan collega’s om zo je kennis met hen te delen. Je deinst niet terug voor ingewikkelde projecten. Deze zie jij alleen maar als uit uitdaging. Je werkt doorlopend aan klantcases (en hierdoor je klant echt leert kennen), maar toch ben je afwisselend bezig. Dit alles in een vrije en ontspannen werksfeer, met een team van gelijkgestemde. Binnen de development teams werken ze met o.a. PHP, Laravel, React, Node, Elastic, Amazon AWS, JIRA, Solid, Domain-driven-design, Doctrine, Redis, docker, Kubernetes, CI, PHP

Bekijk vacature »

C#.NET Developer Jr. Functie

Functie omschrijving Bouw jij graag aan applicaties om processen in distributiecentra te optimaliseren? Wij zijn op zoek naar een C#.NET ontwikkelaar in regio Breda die hier graag een steentje aan bijdraagt! Jouw werkzaamheden zullen er als volgt uitzien: Je krijgt veel vrijheid in de keuze van de technieken die je gaat gebruiken. Uiteraard wel binnen de gestelde kaders, en door gebruik te maken van het .NET platform. Je gaat aan de slag met de ontwikkeling van een nieuwe module binnen de WMS suite van dit bedrijf. Deze "carrier" module gaat er voor zorgen dat de selectie van een vervoerder volledig

Bekijk vacature »

C# developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als C# Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the Year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

Software Developer Java

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »

PHP Developer - medior functie

Functieomschrijving Ben jij innovatief en wil jij je kennis graag delen met jouw nieuwe collega's? Lees dan snel verder! Voor een leuke opdrachtgever in de omgeving van Roosendaal zoeken wij een Symfony developer. Of je nou junior, medior of senior bent, je krijgt hier alle vrijheid en verantwoordelijkheid om jouw eigen loopbaan te ontwikkelen. Je gaat je hier bezig houden met en inspelen op de actualiteiten van jouw vakgebied. Techstack: Symfony, PHP, mySQL. Kennis van Svelte is helemaal mooi meegenomen. Bedrijfsprofiel Al sinds '99 is dit webbureau actief. De kernwaarden binnen het bedrijf zijn integer, dienstbaar en deskundig. Je komt

Bekijk vacature »

Starter/junior PHP developer

Functie Momenteel zijn ze op zoek naar een junior PHP developer om het team te versterken. Als back-end developer bouw je de enterprise software die hun bedrijf helpt bij haar primaire processen. Afhankelijk van de omvang van het project werk je in een klein team aan een project. Ze hebben dagelijkse stand-ups en elke twee weken een scrumsessie, begeleid door de Scrum Master, waar je je ideeën kunt presenteren en samen met de Product Owner kunt werken aan het beste product. Ze vertrouwen enorm op hun eigen bedrijfssoftware. Dit geeft hun een groot voordeel ten opzichte van hun concurrentie. Zo

Bekijk vacature »

C# developer

Functie Als ervaren Software Engineer wordt jij verantwoordelijk voor het bedenken en ontwikkelen van technische (maatwerk) oplossingen voor onze klanten en dit samen met de klant af te stemmen. Jij wordt o.a. verantwoordelijk voor de doorontwikkeling het software pakket welke voor ons enorm belangrijk is. Dit pakket zorgt er namelijk voor dat wij complete productielijnen kunnen aansturen en monitoren. Daarnaast heb jij actief contact met onze hoofdvestiging om het software achter een van onze systemen te verbeteren en te herschrijven. Momenteel zijn onze C# applicaties geschreven met o.a. Winforms. Echter hebben wij de actieve ambitie om dit te gaan herschrijven

Bekijk vacature »

Back end developer Onderwijssoftware

Functie Als back end developer kom jij terecht in een klein, maar hecht team bestaande uit 5 andere developers (waarvan 2 senioren, 2 medior en 1 junior). Met de gezamenlijke missie om “ieder kind te helpen met onze software” wordt er dagelijks gepassioneerd en hard gewerkt aan ons in-house ontwikkeld platform. Deze software is gebaseerd is op AI, machine Learning en wetenschappelijke inzichten. Dagelijks zul jij werken met onze high traffic webapplicatie. We hebben ruim 300.00 gebruikers en meer dan 2 miljard records waar je te maken mee krijgt! Verder zul jij je bezighouden met: – Het ontwikkelen van hoogwaardige

Bekijk vacature »

Back end developer PHP

Functie Met een complex en uitgebreid e-commerce platform, een eigen PIM-systeem en eigen scan applicatie – krijg jij dagelijks te zien hoe jouw werk gebruikt wordt door miljoenen gebruikers. En we staan qua development pas in de startblokken, aangezien er nog meerdere projecten op de plank liggen te wachten! Ons huidige development team bestaat uit 8 programmeurs. Er wordt dagelijks gereflecteerd op geschreven code, Scrum taken en kennisdelen onderling is een must. Onze voertaal binnen ons team is Engels, dit omdat wij twee internationale collega’s hebben. Ons huidige “IT Landschap” bestaat voornamelijk uit allerlei losse onderdelen die individueel, maar ook

Bekijk vacature »

C# .NET Software Ontwikkelaar

Functie omschrijving Gezocht: Software Developer C# .NET voor een dynamische organisatie! Ben je onlangs afgestudeerd of ben je toe aan de volgende stap in je professionele carrière? Lees dan verder! We zijn momenteel op zoek naar een Software Developer die klaar is voor een nieuwe uitdaging en die onze eindklant in de regio Arnhem kan versterken. In deze functie werk je aan verschillende projecten en bezoek je vaak klanten. Je kunt een rol verwachten met veel uitdaging, diversiteit en verantwoordelijkheid. Bedrijfsprofiel Binnen welke organisatie ga je aan de slag? Je gaat werken bij een organisatie die zich specialiseert in het

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

18/12/2024 07:40:34
 
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
 

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
 



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.