Nieuwssysteem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior .NET developer

Functie As a Senior .NET developer you will work in our Research & development team. Our team consists of 17 colleagues! We are currently busy setting up a completely new architecture for a new product. We use VS2022 and .NET 6.0 for our new product. Your function is therefore mainly backend oriented. Since we develop measuring equipment for the chemical industry, it is also very important to develop high-quality software for its control. You are also responsible for designing, implementing and testing new features. For this position its also very important to ensure future-proof and sustainable architecture. Eisen - A

Bekijk vacature »

.NET Developer

Functie De perfecte combinatie tussen techniek en vastgoed. Werk samen met de senior software developer om allerlei software van fluX te verbeteren. Gelukkig voel jij je helemaal thuis in de codewereld van .NET. Dus of je nu bezig bent met het verhogen van de conformiteitscore of het automatiseren van allerlei taxatiemodellen, jij weet precies hoe je de doelstellingen realiseert. En dat terwijl je ook samenwerkt met een extern ontwikkelteam. Waar dit team bepaalde softwaresystemen ontwikkelen, richt jij je vooral op onze Nederlands georiënteerde producten en alle wetgeving die daarbij komt kijken. Voor minimaal 32 uur per week verrijk jij onze

Bekijk vacature »

Back-end .NET Developer

Functie omschrijving C# / .NET Developer gezocht voor een dynamische organisatie in de regio Houten! Voor een leuke organisatie in de regio Houten zijn wij op zoek naar een Back-end developer die klaar is voor een nieuwe uitdaging. In deze functie werk jij aan verschillende projecten en ga je vaak bij klanten op bezoek. Binnen deze functie kun je een grote mate van uitdaging, diversiteit en verantwoordelijkheid treffen. Bedrijfsprofiel Waar ga je werken? Het bedrijf waar je gaat werken is gespecialiseerd in het ontwerpen en implementeren van procesautomatisering en procesinformatisering. Zij doen dit onder andere voor de (petro)chemie, pharma, infra,

Bekijk vacature »

PHP developer

Functie Voor een opdrachtgever in omgeving Leiden zijn wij op zoek naar een PHP developer die affiniteit heeft met C++. Ben jij reeds afgestudeerd of heb je al een paar jaar ervaring? Lees snel verder en kijk of dit iets voor jou is! 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

Bekijk vacature »

Front-end Developer - Juniorfunctie

Functie omschrijving Ben jij op zoek naar een uitdagende baan als front-end developer, in een informele werksfeer, waar jij echt het verschil kan maken? Wil jij graag werken voor een bedrijf dat sportiviteit en een open communicatie, hoog in het vaandel heeft staan? Dan hebben wij de perfecte vacature voor je! Voor een klein bedrijf in Rijen dat gespecialiseerd is in het omzetten van digitale woningtekeningen naar managementinformatie, zijn wij per direct op zoek naar een allround front-end developer. Jouw werkzaamheden zien er als volgt uit: Ja gaat nauw samenwerken met de back-end developer. De database structuur is volledig gebouwd

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 »

Back end developer Digital agency

Functie Heb jij altijd al eens bij een bedrijf willen werken waar jij géén nummertje bent, die alleen maar uitvoerend werk doet? Dan zou je hier perfect passen! Tuurlijk, je werkt aan projecten voor grote of kleine bedrijven… Het enige verschil hier is, jouw mening telt hier écht. Jouw inbreng wordt gewaardeerd, serieus genomen en gebruikt. En vergeet niet, je werkt niet alleen aan deze projecten. Er werken in totaal ruim 20 developers en designers, onderverdeeld over 3 development teams. Voornamelijk bestaande uit Medior en Senior developers, die samen voor een inspirerende en ambitieuze omgeving zorgen. Hun visie is namelijk

Bekijk vacature »

Developer

Functie omschrijving Gaat jouw hart sneller kloppen van software developen in C#.NET? Voor een softwarebedrijf in regio Den Bosch zijn wij op zoek naar een C# programmeur. Lees snel verder! Wat ga je doen? Je gaat werken met C# en ASP.NET MVC Framework om onder meer webapplicaties, webshops en websites te ontwikkelen. Je optimaliseert de bestaande software en helpt mee aan het automatiseren van bedrijfsprocessen. Je gaat samen met je collega's de juiste oplossing op basis van de wensen van de klanten uitwerken tot een mooi product. Bedrijfsprofiel Het ontwikkelen van softwareoplossingen en kantoorautomatiseringen is waar dit bedrijf voor staat.

Bekijk vacature »

Full Stack .NET Developer C# ASP.NET

Samengevat: Deze werkgever is gespecialiseerd in het op afstand bewaken en besturen van machines en processen. Ben jij een ervaren Full Stack .NET Developer? Heb je ervaring met C# en ASP.NET? Vaste baan: .Net Developer C# ASP.NET HBO €3.300 - €4.500 Deze werkgever is een snel groeiende onderneming gespecialiseerd in het op afstand bewaken en besturen van machines en processen, IoT (Internet of Things). Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Wil jij bij de top specialisten horen? Ben jij op zoek naar een

Bekijk vacature »

Fullstack developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

Ervaren PHP Developer

Functieomschrijving PHP Developer met brede ervaring gezocht! Ben jij een Full Stack PHP Developer met brede ervaring die toe is aan een volgende stap? Lees dan snel verder! Voor onze eindklant in de regio Nunspeet zijn wij op zoek naar een ervaren PHP Developer die het IT Team van deze organisatie gaat versterken. Wij zoeken een enthousiaste en breed georiënteerde IT-er die er voor gaat zorgen dat deze innovatieve organisatie de volgende stap gaat maken. Om deze functie goed uit te kunnen voeren moet je communicatief goed zijn en in staat zijn om zelfstandig problemen op te lossen. Daarnaast bestaat

Bekijk vacature »

Front-end (Angular) developer

Functie Om bovenstaande ambities waar te kunnen maken zijn ze op zoek naar een Front-end (Angular) developer. Het it-team bestaat momenteel uit de IT Manager, 2 back-end developers, 1 fullstack developer, 1 designer en een DevOps engineer. Ze zijn dus op zoek naar professionals die autonoom en gedisciplineerd aan de slag gaan, en bij aanvang als enige developer met hun Front-end applicaties aan de slag gaat. Wel hebben ze de ambitie om hier snel een 2e developer bij te vinden die jij dan ook zal kunnen aansturen/begeleiden. Je zult aan de slag gaan met het doorontwikkelen van hun bestaande UI

Bekijk vacature »

Creatieve Front-end developer gezocht!

Functie Het front-end team bestaat momenteel uit 4 collega’s en is hard aan het groeien! Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen • Je hebt gedegen

Bekijk vacature »

Software Developer

Longship.io gaat de wereld veroveren met baanbrekende software en legendarische... pizza-avonden! Lees hier de vacature van IT Operations Manager! Bij Longship werken we met een team van 5 mensen aan software voor laadpaal operators. Longship is ontstaan in 2020 met als doel om de elektrische mobiliteitstransitie aan te jagen. We zijn nu al een wereldwijde speler doordat we continu voorop lopen in innovatie. Ons platform helpt het versneld elektrificeren van wagenparken, internationaal! Wij zijn een startup met grote ambities die we willen bereiken met een relatief klein en efficiënt team. Je krijg de kans om ontzettend veel te leren van

Bekijk vacature »

Junior/medior PHP developer Onderwijssector

Functie Momenteel zijn ze op zoek naar een developer die, veelal fullstack, mee gaat werken aan de ontwikkeling van de producten en zo helpt aan de uitvoering van hun ontwikkelprojecten. Je komt te werken binnen hun development team bestaande uit 6 ontwikkelaars. Ze staan zowel open voor meer junior als medior/senior developers. Je kunt snel veel verantwoordelijkheid krijgen en doorgroeien binnen het bedrijf. Bovendien ben je betrokken bij het bepalen van de product roadmap en de inbreng van (nieuwe) technologieën. De applicaties waaraan je werk worden gebruikt op onderwijsinstellingen door heel Nederland. De tech-stack bestaat voornamelijk uit Laravel (PHP), Vue.js

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

22/12/2024 10:05:40
 
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.