Nieuwssysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

IoT Developer

Ben jij innovatief, heb jij passie voor energie en ben je data gedreven? Bouw dan mee aan IoT binnen Bredenoord. Samen met een gedreven team werk jij aan mooie technische en innovatieve oplossingen. Wat houdt de functie van IoT Developer in? Binnen Bredenoord zijn wij momenteel volop in ontwikkeling met ons IoT platform. Als uitbreiding van ons team zijn wij op zoek naar een IoT Developer. Je zal in projectverband meehelpen met het implementeren van IoT vraagstukken binnen Bredenoord. Als IoT Developer op onze R&D-afdeling word je verantwoordelijk voor het verder inrichten en beheren van ons nieuwe IoT platform. Dat

Bekijk vacature »

.NET developer

Functie As a .NET developer you start in a driven and diverse development team. Your team consists of 16 IT professionals, including 7 software engineers. Because your new employer is internationally active, there are also international IT professionals working in the IT department. As a result, the official language is English. As a team you are responsible for a new Cloud Native product. This product runs entirely in Azure with a Progress Database and various Azure Functions. In addition, this product has a JS front-end, a REST API system and a layer in C # .NET. The idea is therefore

Bekijk vacature »

Klein team zoekt grote fullstack .NET developer to

Bedrijfsomschrijving Deze werkgever is marktleider in de Benelux en is Europees ook al aardig aan de weg aan het timmeren. Ze voorzien technische winkels van apparatuur om producten een langer leven te geven. Hiermee reduceren ze flink wat CO2 uitstoot en dat is natuurlijk goed voor iedereen! IT speelt een belangrijke rol in de bedrijfsvoering en de applicaties zijn van goed niveau. Als fullstack .NET developer ga jij je bijdrage leveren aan het verder verbeteren van de applicaties en de interne processen. Ze zijn nu met ruim 50 medewerkers in totaal en de afdeling development bestaat uit een 5tal developers.

Bekijk vacature »

Junior / Medior C# .NET ontwikkelaar in Brabants t

Bedrijfsomschrijving Ben jij een gepassioneerde C# .NET ontwikkelaar met een voorliefde voor hardware? Dan is dit de perfecte kans voor jou! Bij ons bedrijf krijg je de kans om deel uit te maken van een team van sociale en enthousiaste techneuten die er elke dag naar streven om onze eigen ontwikkelde software nog beter te maken. Het team van ongeveer 10 team medewerkers maakt zich hard om de interne processen gestroomlijnd te laten verlopen. Functieomschrijving Als lid van ons hechte en behulpzame team word je betrokken bij diverse projecten. Daarbij krijg je te maken met data-analyses, content en de logistieke

Bekijk vacature »

Back-end Developer

Functieomschrijving Voor een erkende werkgever in de regio van Middelburg zijn wij op zoek naar een enthousiaste PHP / Symfony Developer. Een ambitieus persoon die het gemotiveerde development team komt versterken met het realiseren van nieuwe en complexe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor professionele groei? Dit ga je doen: Je bent verantwoordelijk voor de beheer en ontwikkeling van de serviceportal in Symfony en de webshops in de tweede versie van Magento; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »

PHP Developer (junior functie)

Functie omschrijving Ben jij een starter en wil je werken bij een jong en leuk bedrijf? Lees dan verder! Wij zijn op zoek naar een PHP Developer binnen een junior functie. Binnen dit bedrijf gaat het om persoonlijke aandacht en ontwikkeling! Je komt te werken voor een leuk communicatiebureau die alles op het gebied van online en offline communicatie doet. Dit doen zij voor verschillende branches, waardoor je aan diverse soorten projecten mag werken, dit maakt deze baan erg leuk! Daarbij werk je aan een door hun zelf ontwikkeld framework welke goed leesbaar is. Je maakt voor bedrijven op maat

Bekijk vacature »

Software Programmeur PHP

Functie Wij zijn op zoek naar een PHP programmeur voor een leuke opdrachtgever in omgeving Alblasserdam. Heb jij altijd al willen werken bij een bedrijf dat veilige netwerkverbindingen levert door middel van veilige oplossingen? Lees dan snel verder. Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Tevens

Bekijk vacature »

PHP Developer

Functie omschrijving Als PHP / Laravel developer zal je in een klein team terecht komen. Wij zijn op zoek naar een echte specialist, iemand die de balans weet te vinden tussen techniek en perfectie. In de aankomende jaren wilt dit bedrijf flink groeien en daarom zijn ze op zoek naar jou! Wat ga je doen? Je draagt bij aan het ontwikkelen en onderhouden van bestaande webapplicaties die boordevol functionaliteit zitten. Deze applicaties worden gebruikt door de organisatie zelf en ook door de klanten. Inmiddels wordt er gewerkt met Laravel 8 en zijn er diverse koppelingen naar externe leveranciers. Verder zal

Bekijk vacature »

SQL Developer

Functie omschrijving We are looking for a dutch native speaker Jij gaat in deze functie aan de slag met uitdagende projecten en het creëren van maatwerk software, vooral middels SQL. Iedere klant/project is weer anders, maar dat maakt dit bedrijf en de functie erg uniek & uitdagend. Verder heb je de volgende taken: Ontwikkelen en ontwerpen van SQL databases. T-SQL wordt hierbij gebruikt als programmeer laag; Optimalisatie van query's, voor een verbeterde efficiency; Begeleiden van junior developers, mits je dit leuk vindt; Heb je meer interesse in een rol als consultant, dan is dit ook mogelijk. Je heb hier meer

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 »

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 »

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 »

Traineeship Java Developer

Functie Wat ga je doen als Java Developer? Jij start via ons bij deze opdrachtgever als Trainee Java ontwikkelaar, tijdens het traineeship ga je in 1 jaar van de basis naar professioneel Java ontwikkelaar. Je start samen met een groep trainees, volgt de aangeboden cursussen en gaat aan de slag bij één van onze opdrachtgevers. Na een aantal maanden volgt de volgende opdracht. Door de groei in jouw rol kom je op steeds complexere opdrachten terecht. Veel afwisseling dus. Collega’s met ervaring helpen je bij deze groei en samen met jouw coach ga je een persoonlijke leerplan opzetten om jou

Bekijk vacature »

Front-end Developer (HTML/CSS, Angular/React/Vue,

Functie Je zal aan de slag gaan in een klein, hecht team met front-end development experts die de ambitie delen mooi werk te leveren. Samen met hen zal je werken aan het gebruiksvriendelijk en interactief maken van complexe webapplicaties, websites en mobile apps. Je levert klanten wat ze nodig hebben terwijl je actief aan jezelf blijft werken met de ondersteuning vanuit je werkplek. Talen als Javascript programmeer jij vloeiend en je hebt kennis van frameworks als React en Angular. Je zou je het liefst nog veel meer ontwikkelen in verschillende front-end talen. Deze kennis deel je graag met je collega’s,

Bekijk vacature »

Senior Front-End Developer

As a Senior Front-end Developer you maintain the balance between creativity and functionality for our webshop, and you coach your fellow developers. How do I become a Senior Front-End Developer at Coolblue? As a Front-end Developer you work on the user-friendliness of our webshop for millions of customers. You enjoy working with the UX Designer to pick up stories. You get energy from coming up with creative solutions and are happy to present this within the team. You are also proud of your work and welcome all feedback. Would you also like to become a Senior Front-End Developer at Coolblue?

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

21/11/2024 19:14:16
 
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.