Nieuwssysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full stack developer Python, React

Functie Jij als full stack developer komt binnen onze Technology afdeling te werken. Deze bestaat momenteel uit 15 man. De stack waarmee wij werken is voornamelijk Python, Javascript, React en GraphQL. Binnen deze afdeling wordt er met multidisciplinaire teams gewerkt aan verschillende projecten. Projecten duren vaak langer dan 3 maanden en je bent van begin tot eind vaak betrokken. Naast dat je als full stack ontwikkelaar aan de slag gaat ben je ook Consultant. Dit betekent dat je ook klantcontact hebt in je rol en werkshops geeft. De verhouding tussen deze werkzaamheden zijn ongeveer 70% development en 30% consultancy. Een

Bekijk vacature »

Laravel / PHP developer gezocht!

Functie omschrijving Wij zijn op zoek naar een Laravel PHP Developer voor een leuk bedrijf in de omgeving van Amsterdam! Je zult je bezig houden met de volgende werkzaamheden: Je gaat aan de hand van de wensen van klanten software ontwikkelen; Je bent bij het gehele proces betrokken; van A tot Z; Je hebt na de oplevering contact met de klant wanneer zij problemen ervaren; Je denkt mee over het verbeteren van de werkprocessen; Je denkt mee over softwareoplossingen; Je speelt in op de behoefte van de klant; Je houdt je bezig met het verbeteren, aanpassen en vernieuwen van de

Bekijk vacature »

Full Stack Developer

Dit ga je doen Ontwikkelen van Product Informatie Management (PIM) systemen; Werken aan zowel grotere als kleine projecten voor toonaangevende klanten binnen o.a. de retail; Verantwoordelijk voor de front-end werkzaamheden; Naast de front-end werk je ook aan de backend. Hier ga je werken Als Full Stack Developer komt je te werken binnen een vooruitstrevende organisatie die Product Informatie Management (PIM) systemen levert aan hun klanten. Hun klanten zijn toonaangevende bedrijven binnen o.a. de retail. De organisatie zit gevestigd in regio Zwolle en bestaat uit zo'n 35 medewerkers, waarvan 30 IT. Je komt te werken binnen één van de zelfsturende development

Bekijk vacature »

Software Developer C# / ASP .Net

Functie omschrijving Ben jij een software ontwikkelaar die bekend is met termen ASP .NET, C# en SQL? Lees dan snel verder! Voor een bedrijf binnen de agrarische sector zijn wij namelijk op zoek naar een zelfstandige, enthousiaste en proactieve Software Developer die open staat voor een afwisselende functie met veel uitdaging. Binnen deze organisatie ben jij als Software Developer samen met één andere collega verantwoordelijk voor de ontwikkeling en modificatie van het support en controle programma dat binnen dit bedrijf gebruikt wordt. Hierbij draag jij bij aan de vertaling van klantwensen naar effectieve softwareoplossingen. Daarnaast ben je verantwoordelijk voor: Schatten

Bekijk vacature »

Lead javascript developer Node.js React

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een gewaardeerde werkgever in regio Oosterhout zijn wij op zoek naar een back-end developer. Kennis of ervaring met C# & SQL is een must! 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 houdt je bezig met het ontwikkelen van nieuwe functionaliteiten; Je brengt de aanpassingssuggesties van klanten in kaart, om

Bekijk vacature »

Medior .NET Ontwikkelaar

In het kort Als .NET ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan we deze uitdaging graag met

Bekijk vacature »

Front-end Angular developer

Functie In jouw rol als Front-End developer werk je samen met de backend developers om middels tweewekelijkse sprints het platform naar een hoger niveau te tillen. Hiernaast heb je affiniteit met data en werk je graag samen met het team om de gegevensintegriteit en -beveiliging te waarborgen, om ervoor te zorgen dat de gebruiker wereldwijd de beste SaaS-services heeft. Deze organisatie heeft meer dan 100 mensen in dienst, waarvan er 45 in Nederland werken. Het ontwikkelteam bestaat uit 10 mensen en is verdeeld in 2 scrumteams. Het eerste team bestaat uit Java en Scala ontwikkelaars. Het tweede team, waar jij

Bekijk vacature »

Als Front-end developer bijdragen aan het onderwij

Functie Als front-end developer om je terecht in een team van goede en ervaren developers, en ga je werken aan de software die door miljoenen mensen gebruikt wordt. Je bent in staat om designs effectief te vertalen naar werkende feautures en hebt oog voor een goede UX van het product. Je staat voor clean code en goede documentatie. Je ziet toegevoegde waarde in het beoordelen van het werk van collega’s om zo samen te streven naar hoge kwaliteit software en code. Je dagelijkse werk bestaat uit het werken aan componenten in de Storybook. Het verbeteren en refactoren van de huidige

Bekijk vacature »

Top Low-Code Developer Gezocht!

Bedrijfsomschrijving Unieke Kansen, Uitstekende Arbeidsvoorwaarden & Inspirerend Team Wij zijn een toonaangevende, internationale organisatie die de toekomst van technologie vormgeeft door het creëren van innovatieve en baanbrekende oplossingen. Ons succes is gebaseerd op een hecht en gepassioneerd team van professionals die altijd streven naar het overtreffen van verwachtingen. Als jij deel wilt uitmaken van een dynamische, vooruitstrevende en inspirerende werkomgeving, dan is dit de perfecte kans voor jou! Functieomschrijving Als Low-Code Developer ben je een cruciaal onderdeel van ons team. Je werkt samen met collega's uit verschillende disciplines om geavanceerde applicaties te ontwikkelen en te optimaliseren met behulp van Low-code

Bekijk vacature »

Gezocht: .Net ontwikkelaars met een maatschappelij

Bedrijfsomschrijving Zoek jij als medior .Net ontwikkelaar een inspirerende werkplek bij een bedrijf met maatschappelijk verantwoordelijkheidsgevoel? Dan is deze vacature je op het lijf geschreven. De organisatie bestaat ruim 20 jaar en ze ontwikkelen in house applicaties waarmee de zorgsector enorm mee gebaat is. Jouw applicaties worden gebruikt door duizenden gebruikers waardoor je echt een waardevolle bijdrage kan leveren aan de maatschappij. Het bedrijf is zeer innovatief en vindt een goede werk/privé balans belangrijk. Je krijgt alle mogelijkheden om jezelf verder te ontwikkelen, je werktijden in te delen en daarnaast is het ook mogelijk om deels thuis te werken. Het

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

Full Stack Developer/ Applicatie Ontwikkelaar

Wat jij doet Als Applicatie Ontwikkelaar ben je onderdeel van het team die de Rimote omgeving ontwikkeld en onderhoud. Hierbij kan je denk aan de cloud, on premise en webapplicaties welke worden gebruikt in bijvoorbeeld industriële bakkerijen, biogasinstallaties en kwekerijen. Deze applicaties verzorgen (remote) de aansturing en monitoring van processen, machines en robots. Van a tot z ben je betrokken bij projecten. Dit betekent vanaf ontwerp tot oplevering. Je moet samen met jouw team een goed product neer zetten. Dit begint met het opzetten van het ontwerp. De basis van de software moet staan als een huis. Daarvoor moet jij

Bekijk vacature »

PHP developer

Functie omschrijving Voor een klein bedrijf in de buurt van Nieuwegein zijn wij per direct op zoek naar een talentvolle PHP developer. Er wordt veel ruimte geboden voor eigen initiateven, waardoor je een mooie stempel kan drukken op jouw eigen werkzaamheden (zowel operationeel als strategisch). Het bedrijf heeft middels externe programmeurs een multimedia platform ontwikkeld, maar willen geleidelijk de ontwikkeling naar binnen halen. Om die reden zoeken zij een communicatieve interne PHP developer die graag meebouwt aan het succesvolle product. Je gaat de volgende werkzaamheden verrichten: Platform beheren en programmeren (PHP, MySQL, JQuery, Javascript, XML & HTML); Communicatie en aansturing

Bekijk vacature »

Front-end developer (Angular)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collega’s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeën uitdragen en overbrengen aan je collega’s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een pré, evenals affiniteit met UX/UI Design!

Bekijk vacature »
D B

D B

10/10/2014 19:50:18
Quote Anchor link
Hallo,

Ik heb een nieuwssysteem wat mijn berichten na 50 woorden afkapt. Er wordt dan netjes een korte tekst weergegeven. En als je dan op Lees meer duwt krijg je de volledige tekst te zien. Dit wordt gedaan met Javascript.

Maar als je dan de tekst uitklapt wordt deze div langer. De div van mijn nieuwsfoto blijft staan en staat dan dus ook langs de tekst van het vorige nieuwsitem.

Zie: http://www.zscwesterhoven.nl/ voor een voorbeeld (meteen vooraan onder nieuws)

Weet iemand hier een oplossing voor?

Dit is het nieuwsscript:
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
18
19
20
21
22
23
24
25
26
27
28
29
30
#pagina .nieuwsmeer {
    text-align:right;
    font-size:90%;
    font-style:Italic;
        
}
#pagina .completetekst {
    display:none;
}
#pagina .kortetekst {
}
#pagina .nieuwsitem {
    margin-left: 30px;
    width: 620px;
}
#pagina .nieuwstekst {
    padding: 5px;
    padding-top: 0px;
    vertical-align: top;
    width: 405px;
    float: left;
}
#pagina .nieuwsfoto {
    margin: 0px 0px 0px 410px;
    text-align:right;
    vertical-align: top;
    padding: 5px;
    width: 205px;
    height: 250px;
}


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
<script type="text/javascript">
function nieuwsitem(value){
    var x = 'nieuws_' + value + 'm';
    var y = 'nieuws_' + value + 'l';
    if(document.getElementById(x).style.display == 'none' || document.getElementById(x).style.display == '') {
        document.getElementById(y).style.display = 'none';
        document.getElementById(x).style.display = 'block';
    }
    else {
        document.getElementById(x).style.display = 'none';
        document.getElementById(y).style.display = 'block';
    }
}
</script>

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<?
$query
= "
    SELECT
        id,
        van,
        tot,
        titel,
        nieuws,
        foto,
        prioriteit
    FROM
        Nieuws
    WHERE
        DATE_FORMAT(NOW(),'%Y-%m-%d') >= van
    AND
        DATE_FORMAT(NOW(),'%Y-%m-%d') <= tot
    ORDER BY
        id DESC
    "
;
$res=mysql_query($query) or die(mysql_error());
if (mysql_num_rows($res) > 0) {
    echo '<b>Nieuws</b><br>';
    while ($row=mysql_fetch_array($res)){
        if ( $row['prioriteit'] == 'X') {
            $rood = 1;
        }

        else {
            if ( $row['id'] <= $gelezen ) {
                $rood = 0;
            }

            else {
                $rood = 1;
            }
        }

        if ( $rood == 1 ) {        
            $output = '<p style="color:red;"><b>'. html_entity_decode($row['titel']). '</b></p>';
            $output .= '<p class="insp" style="color:red;">';
        }

        else {
            $output = '<p><b>'. html_entity_decode($row['titel']). '</b></p>';
            $output .= '<p class="insp">';
        }

        $nieuws = nl2br(html_entity_decode($row['nieuws']), false);
        $woorden = explode(" ", $nieuws);
        $totaalwoorden = count($woorden);
        if ( $totaalwoorden > $aantalwoorden ) {
            $output .= '<div class="kortetekst" id="nieuws_'. $row['id']. 'l">';
            for ($i = 0; $i < $aantalwoorden; $i++) {
                if ( $kortetekst == '' ) {
                    $kortetekst = $woorden[$i];
                }

                else {
                            $kortetekst .= ' '. $woorden[$i];
                }
            }

            $kortetekst .= '.....';
            $output .= $kortetekst;
            $output .= '<br>';
            $output .= '<p class="nieuwsmeer"><a style="cursor:pointer;" onclick="nieuwsitem('. $row['id']. ');">Lees meer</a></p><br>';    
            $output .= '</div>';
            $output .= '<div class="completetekst" id="nieuws_'. $row['id']. 'm">';
            $output .= $nieuws;
            $output .= '<br>';
            $output .= '<p class="nieuwsmeer"><a style="cursor:pointer;" onclick="nieuwsitem('. $row['id']. ');">Lees minder</a></p><br>';
            $output .= '</div>';
            $kortetekst = '';
        }

        else {
            $output = $nieuws;
        }

    

        echo '<div class="nieuwsitem">';
        echo '<div class="nieuwstekst">';
        echo $output;
        echo '</p>';
        echo '</div>';
        echo '<div class="nieuwsfoto">';
        if ( $row['foto'] != '' ) {
            echo '<img src="'. $row['foto']. '" alt="'. html_entity_decode($row['titel']). '">';
        }

        echo '</div>';
        echo '</div>';
        $rood = 0;
    }
}

?>
Gewijzigd op 10/10/2014 20:09:35 door D B
 
PHP hulp

PHP hulp

05/11/2024 11:31:28
 
Obelix Idefix

Obelix Idefix

10/10/2014 22:12:15
Quote Anchor link
Waarom zet je de afbeelding in een aparte div?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

10/10/2014 23:45:15
Quote Anchor link
De stippellijntjes zijn div's
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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
Dit heb je nu:

   -------------------    -------------------
   |                 |    |                 |
   |                 |    |                 |
   |  Nieuwsbericht  |    |      Foto       |  
   |                 |    |                 |  
   |                 |    |                 |  
   |                 |    |                 |  
   -------------------    -------------------  

Wat als je er een container omheen maakt en die hoger of lager laat worden?

--- container ----------------------------------
|                                              |
|  -------------------    -------------------  |
|  |                 |    |                 |  |
|  |                 |    |                 |  |
|  |  Nieuwsbericht  |    |      Foto       |  |
|  |                 |    |                 |  |
|  |                 |    |                 |  |
|  |                 |    |                 |  |
|  -------------------    -------------------  |
|                                              |
------------------------------------------------

tadaaaaa

--- container ----------------------------------
|                                              |
|  -------------------    -------------------  |
|  |                 |    |                 |  |
|  |                 |    |                 |  |
|  |  Nieuwsbericht  |    |      Foto       |  |
|  |                 |    |                 |  |
|  |                 |    |                 |  |
|  |                 |    |                 |  |
|  |                 |    -------------------  |
|  |                 |                         |
|  |                 |                         |
|  |                 |                         |
|  |                 |                         |
|  |                 |                         |
|  -------------------                         |
|                                              |
------------------------------------------------
Gewijzigd op 10/10/2014 23:49:20 door Frank Nietbelangrijk
 
D B

D B

11/10/2014 06:31:36
Quote Anchor link
Bedankt voor het meedenken!

Maar, nieuwsitem is volgens mij al mijn container div, helaas groeit deze alleen niet mee.

Weet je hier nog wat op?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

11/10/2014 10:59:46
Quote Anchor link
Gokje: Ik denk dat je een extra divje onder de tekst en foto div moet plaatsen en die de stijl
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
clear:both;

moet meegeven. Ik heb een voorbeeld je op codepen gezet: http://codepen.io/anon/pen/emcbH

Let vooral op wat er gebeurt als je de tekst heel veel inkort en als je de <div class="clear"> weghaalt
Gewijzigd op 11/10/2014 11:03:24 door Frank Nietbelangrijk
 
D B

D B

11/10/2014 14:11:50
Quote Anchor link
Het werkt inderdaad.

Wel vreemd dat hij met die extra div erbij de container ook meeneemt. Kun je dit verklaren?
 
Frank Nietbelangrijk

Frank Nietbelangrijk

11/10/2014 14:53:32
Quote Anchor link
D B op 11/10/2014 14:11:50:
Het werkt inderdaad.

Wel vreemd dat hij met die extra div erbij de container ook meeneemt. Kun je dit verklaren?


Mooi dat het werkt :-)

Voor mij lastig om uit te leggen waarom. Onthoud het maar ;-)
 
D B

D B

11/10/2014 14:58:02
Quote Anchor link
Ok! Bedankt iniedergeval! :)
 
Wouter J

Wouter J

11/10/2014 23:38:05
Quote Anchor link
Dit wordt floats clearen genoemd. Floats clearen is verplicht, omdat floats geen onderdeel zijn van de flow van een pagina en zich daarom anders gedragen in verschillende contexten. Dit staat beschreven in de CSS specificatie:

Quote:
A floated box is shifted to the left or right until its margin edge touches the containing block edge or the margin edge of another float. If there is a line box, the top of the floated box is aligned with the top of the current line box.

If there isn't enough horizontal room for the float, it is shifted downward until either it fits or there are no more floats present.

Since a float is not in the flow, non-positioned block boxes created before and after the float box flow vertically as if the float didn't exist. However, line boxes created next to the float are shortened to make room for the margin box of the float. If a shortened line box is too small to contain any further content, then it is shifted downward until either it fits or there are no more floats present. Any content in the current line before a floated box is re-flowed in the first available line on the other side of the float. In other words, if inline boxes are placed on the line before a left float is encountered that fits in the remaining line box space, the left float is placed on that line, aligned with the top of the line box, and then the inline boxes already on the line are moved accordingly to the right of the float (the right being the other side of the left float) and vice versa for rtl and right floats.


Dit houdt in dat een element zonder float onder een element met float wordt gepositioneerd. Maar volgens de regels wordt de tekst wel gepositioneerd ten opzichte van de floats. Zie ook http://jsbin.com/cejize/1/watch

Dit kun je wel voorkomen door de floats te clearen, hiermee geef je aan aan welke zijde er wel rekening gehouden moet worden met floats (left, right of both): http://jsbin.com/cejize/2/watch

Aangezien de elementen met een float geen onderdeel uitmaken van de flow van een pagina, zal de parent element "doen alsof ze niet bestaan" (zoals beschreven in de specs). Dus krijgt de parent element een hoogte 0.

Om dit te voorkomen kun je een element met clear:both; als laatste element in de parent element plaatsen. Dat element is geen floating element en zal dus wel onderdeel uitmaken van de flow. Tevens zorgt clear:both; ervoor dat beide zijdes van het element vrij zijn van een floating element. Het element is dus gepositioneerd wanneer alle andere floating elements in de parent element opgehouden zijn. Nu heeft het parent element ineens wel een hoogte!

Nu is er tegenwoordig een mooiere manier om het op te lossen: overflow:hidden; of overflow:auto;. Met de overflow property geef je aan wat er moet gebeuren wanneer de content groter wordt dan de grote van de parent element. In dit geval wordt er door het browser dus wel rekening gehouden met de floating elementen. (overflow:scroll; werkt ook, maar veroorzaakt standaard een scrollbar).
 
D B

D B

12/10/2014 00:22:42
Quote Anchor link
Ok! Bedankt voor de uitgebreide uitleg.
 
Frank Nietbelangrijk

Frank Nietbelangrijk

12/10/2014 02:12:24
Quote Anchor link
Top Wouter!
 



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.