Image Change

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Backend Developer API's / HBO / 3.300 - 4.800

Samengevat: Deze werkgever heeft de ambitie om dé ontwikkelaar te worden voor complexe maatwerk apps in Nederland. Ben jij geschikt als backend developer? Heb je ervaring met AWS? Vaste baan: Backend Developer API's HBO WO 3.300 - 4.800 Backend Developer Op dit moment zijn zij een scale-up. Zij zijn een sterke speler binnen app development en zijn hard op weg om marktleider te worden. Zij bieden verschillende opleidings- en ontwikkelingsmogelijkheden binnen ons bedrijf, waardoor je de kans krijgt om door te groeien. Daarnaast hebben we een laagdrempelige en gezellige bedrijfscultuur.Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt

Bekijk vacature »

Integration Developer

Functieomschrijving As integration developer at Randstad Groep Nederland IT you play an integral role in innovating and optimising our processes and way of working. As we continue to move towards a more internationally connected tech environment and build new global platforms, our integration team continues to grow. You will join the APK team (Applicatie Koppelingen), consisting of business analysts, developers, a product owner and scrum master. Together you are responsible for a fundamental aspect of our applications, provinding the basis for our other development teams. As integrations developer you work in an agile way, and are responsible for the continued

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 »

Robot Programmeur

Bedrijfsomschrijving: Locatie: regio Zwolle Deze systeem integrator behoort tot een overkoepelende groep en is hoofdzakelijk actief op de internationale markt. Met veel ervaring en knowhow in robotica, machinebouw en automatisering leveren ze maatwerk equipment vanuit een krachtige engineering. Variërend van eenvoudige productie-hulpmiddelen tot complexe turn-key oplossingen wordt de sleutel tot een succesvol product gerealiseerd. Het kantoor is gevestigd in Zwolle. Binnen de gehele onderneming zijn circa 80 medewerkers werkzaam. Een zeer gemotiveerd team draagt zorg voor het succes van de organisatie. Om dit team verder uit te breiden en te ondersteunen zoeken wij een gemotiveerde collega Robot Programmeur die met

Bekijk vacature »

Software Developer Technische Installaties / .NET

Samengevat: Deze werkgever is uw partner voor technische installaties en services. Ben jij geschikt als software Engineer? Heb je ervaring in een soortgelijke functie als Developer? Vaste baan: Software Developer Technische Installaties HBO 3.000 - 4.500 Software Engineer Service staat bij ons bovenaan en daarom staan wij altijd klaar onze klanten zo goed en snel mogelijk te helpen. Deze werkgever levert maatwerk producten, waarin de wensen van de klant centraal staan. Onze producten kenmerken zich door een hoge mate van betrouwbaarheid, bedieningsgemak en flexibiliteit. Deze werkgever is een gezellig maar professioneel team. Functie: Voor de vacature als Software Engineer Dordrecht

Bekijk vacature »

Oracle Developer / PL SQL

Dit ga je doen Software ontwikkeling aan een internationaal gebruikt pakket; Werken met technieken als Oracle 19c, Toad, PL/SQL, Oracle Forms, Reports en Designer; Meedraaien in internationale projecten; Meedenken over technisch en functioneel ontwerp; Samenwerken met collega's als Informatie Analisten, Testers en Release Managers; Soms wensen en eisen afstemmen met de business. Hier ga je werken Onze klant, een internationaal bekend bedrijf dat essentiële producten maakt waar iedereen graag gebruik van maakt, zoekt versterking in het Software Development team. Samen met 3 developers, een release manager, een informatie analist en 3 testers werk jij aan een systeem waarmee complexe producten

Bekijk vacature »

Medior/Senior Python developer

Functie Jij als Senior Python developer hebt al ruime ervaring opgedaan. Bedrijven komen bij de organisatie om technische vraagstukken op te lossen. Jij als specialist bent dus de representatie van deze kwaliteit. Je zult de keuze krijgen tussen lange of korte projecten waarin je komt te werken in multidisciplinaire teams. Projecten die je gaat uitvoeren zijn zeer uitlopend. Zodoende kun je aan de ene kant kiezen voor een greenfield project en stroom je bij een ander project midden in een migratietraject in. Voor de ene klant ontwikkel je ene nieuwe portal en voor het andere project duik je veel meer

Bekijk vacature »

Senior Java Developer

Functie We eisen van onze klanten dat de software die we gaan bouwen of aan sleutelen van hoog kwaliteit is. Hoe kun jij bestaande software verbeteren, als de core gewoon niet klopt? We zijn op zoek naar senior Java developers, lead developers, scrum masters en architecten. Je zal veelal met Java, JEE, Spring Boot en microservices gaan werken. We kijken niet alleen naar wat het beste is voor de klant, maar ook voor jou als consultant. Leasebudget? Geregeld! Traningsprogramma naar wens? Geregeld! Altijd een opdracht hebben? Geregeld! Vanwege ons reputatie nemen onze klanten altijd Javanen aan. Waar gaat jouw hart

Bekijk vacature »

PHP developer (Laravel, Docker, Gitlab-CI)

Functie Het IT-team bestaat momenteel uit 4 ontwikkelaars. Ieder onderdeel van de software draait op aparte servers en het bestaat dus echt uit verschillende componenten intern ontwikkeld en je werkt aan alle facetten. Van uitbreiding van de core tot maatwerk voor de klant. Ook liggen er verschillende uitdagingen op servervlak en databases. Je zult de eerste periode veel samenwerken met de lead developer om vervolgens echt je gang te gaan binnen de software. Een groot deel van de systemen is gebouwd met behulp van het Laravel framework en PHP (minimaal 7.2), Docker voor lokaab gebruik en Gitlab-CI voor het deployen

Bekijk vacature »

Junior/medior Front-end developer

Functie Momenteel zijn ze op zoek naar een junior/medor Front-end developer. Iemand die zich bezig gaat houden met de UI van de verschillende applicaties maar ook zeker bezig zal zijn met styling en UX. Het IT-team bestaat o.a. uit 5 developers, business analisten, beheer, helpdesk en de projectmanager. Er is geen dedicated designer wat ervoor zorgt dat je als Front-ender ook hiermee bezig bent. Zo is er ook ruimte om met gebruikers om tafel te gaan en hierin mee te denken. Als je hier aan de slag gaat ontwikkel je oplossingen voor allerlei verschillende uitdagingen binnen het bedrijf. Hierdoor kun

Bekijk vacature »

Senior developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Embedded Software Developer - junior tot senior!

Functie Wil jij als embedded engineer verantwoordelijk zijn voor het complete product? Voor deze vacature zijn wij namelijk op zoek naar een belangrijke schakel. We zoeken iemand met een elektro-opleiding/achtergrond die ervaring of ambitie heeft om met embedded software en hardware te werken. We vinden het belangrijk dat onze engineers brede kennis hebben en dus mee kunnen denken aan het totale product. Gedrevenheid en liefde voor het vak vinden we belangrijker dan ervaring. Ben jij dus een schoolverlater en ontzettend gemotiveerd dan staan we open om kennis met jou te maken, maar ben jij een ervaren engineer die met PCB’s,

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 »

Junior .NET developer

Functie Als junior .NET ontwikkelaar start jij in een ontwikkelteam met 7 .NET developers. In ons team werken er drie senior .NET developer, twee medior .NET developers en twee junior .NET developers. Er is dan ook genoeg senioriteit in ons team om jou te kunnen bieden wat jij nodig hebt! Wij werken in scrum en hebben drie wekelijkste sprints. Daarnaast doen wij minimaal vier keer per jaar een release. Ons platform is ontzettend complex en groot. Het is dan ook in het begin belangrijk dat jij de processen gaat begrijpen. Jij krijgt dan ook een cursus om beter te begrijpen

Bekijk vacature »

Front end developer / React / Sportgames

Functie Als Front end developer ga jij aan de slag bij een gave en bekende organisatie op het gebied van sportgames. Jij gaat aan de slag in een scrumteam met 6 developers die gepassioneerd en actief bezig zijn om spelers kwalitatieve en mooie spelervaringen aan te bieden. Als scrumteam werken ze in drie wekelijkse sprints en begin je iedere ochtend met een stand-up. Als Front end developer werk jij bij deze organisatie voornamelijk met Javascript, html, css en React. Er wordt veel gebruikt gemaakt ook van C#, Docker en Kubernetes. Het team hecht veel waarde aan het leveren van hoogwaardige

Bekijk vacature »
Wouter W

Wouter W

16/01/2012 12:55:04
Quote Anchor link
In uitbereiding op mijn vorige script wat ik hier postte en inmiddels werkt, heb ik het volgende gedaan:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<?
function getFirma(){
    var
firma = this.innerHTML;
    document.getElementById("pic").setAttribute("src", "afbeeldingen/" + firma + "/1.jpg");
    return false
}
?>

Wat het script doet:
Deze functie wordt aangeroepen nadat er op een link is geklikt.
Hij pakt de firma naam wat tussen <a> </a> staat.
De firma is gelijk aan de naam van het mapje waar de afbeelding in staat die hij moet laten zien. en 1.jpg heet.
vervolgens moet hij return false terug sturen omdat ik niet wil dat hij de page herlaad en opnieuw contact maakt met de server.

het probleem is dus dat hij de source van de image "pic" niet veranderd nadat ik op de link heb geklikt.

Wat doe ik hier fout?

* ipv .setAttribute heb ik ook al .src geprobeerd.


later wil ik dit script nog uitbouwen tot een slide show, maar laat m maar eerst eens de src veranderen.

Toevoeging op 16/01/2012 13:13:02:

Ik ben dmv page breaks erachter gekomen dat mijn return false niet werkt.
Hij laat de image dus wel zien, iemand een idee hoe dit op te lossen is?

Als de rest van het script nodig is dan hoor ik dat graag.
Bvd.
 
PHP hulp

PHP hulp

03/10/2022 16:08:33
 
Kris Peeters

Kris Peeters

16/01/2012 14:32:24
Quote Anchor link
Wel ja, een aantal dingen ...
Ik weet niet hoe je getFirma aanroept.

Als getFirma een callback is (toegewezen aan een EventListener...), kan je this gebruiken. Als dat in de markup gebeurt kan dat niet.

Ook die return false wordt in beide gevallen op een andere manier gebruikt.
Denk er ook aan: als je een fout maakt in een functie, zal de functie niet volledig worden uitgevoerd en wordt die return false sowieso niet uitgevoerd. Je moet dus de problemen 1 voor 1 oplossen.

Kijk, ik denk dat je zoiets wil bereiken:
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
<html>
  <head>
    <script>
      function getFirma(elm){
          var firma = elm.innerHTML;
          document.getElementById("pic").src  = "afbeeldingen/" + firma + "/1.jpg";
          return false
      }
    </script>
  </head>
  <body>
    <a href="?p=2" onclick="return getFirma(this);">Ford</a>
    <a href="?p=3" onclick="return getFirma(this);">Fiat</a>
    <a href="?p=4" onclick="return getFirma(this);">Ferrari</a>
    <img id="pic" src=""/>
  </body>
</html>


... maar waarschijnlijk wil je dit niet via onclick="..." in de markup.

-----

Kan je iets van code doorsturen van hoe en waar je getFirma aanspreekt of toewijst aan een event?
Gewijzigd op 16/01/2012 14:38:54 door Kris Peeters
 
Wouter W

Wouter W

16/01/2012 14:53:33
Quote Anchor link
Kris, jij begrijpt precies wat ik wil!

de code waarmee ik getFirma aanstuur is deze:

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
<?

function initPortfolio() {

var as =
document.getElementById("content").getElementsByTagName("a");
    for(var i = 1;i <= as.length; i++){
            if( window.addEventListener ) {
              // Modern browser
              document.getElementById("link" + i).addEventListener('click', getFirma, false);
              return false
            }
            else if( window.attachEvent ) {
              // IE
              document.getElementById("link" + i).attachEvent('onclick', getFirmaWin(document.getElementById("link" + i)));
            }

            else {
              // Heel heel heel oud browser
              document.getElementById("link" + i).onclick = getFirma;
            }
            
    }
}


?>
 
Kris Peeters

Kris Peeters

16/01/2012 16:02:54
Quote Anchor link
Sowieso moet die return false op lijn 10 weg, anders stopt je for-lus.

Ik werk niet zoveel meer in javascript zonder jQuery ... ik moest het zelf opzoeken ...

( http://bytes.com/topic/javascript/answers/157500-cant-add-return-false-addeventlistener-firefox )

in plaats van return false, gebruik je evt.preventDefault();

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
<html>
  <head>
    <script>
      function getFirma(evt) {
          var firma = this.innerHTML;
          document.getElementById("pic").src  = "afbeeldingen/" + firma + "/1.jpg";
          evt.preventDefault();
      }
      function initPortfolio() {
      var as = document.getElementById("content").getElementsByTagName("a");
        for(var i = 1;i <= as.length; i++) {
          if( window.addEventListener ) {
            // Modern browser
            document.getElementById("link" + i).addEventListener('click', getFirma, false);
          }
          else if( window.attachEvent ) {
            // IE
            document.getElementById("link" + i).attachEvent('onclick', getFirmaWin(document.getElementById("link" + i)));
          }
          else {
            // Heel heel heel oud browser
            document.getElementById("link" + i).onclick = getFirma;
          }
        }
      }
      window.onload = initPortfolio;
    </script>
  </head>
  <body>
    <div id="content">
      <a id="link1" href="?p=2" >Ford</a>
      <a id="link2" href="?p=3" >Fiat</a>
      <a id="link3" href="?p=4" >Ferrari</a>
   </div>
    <img id="pic" src=""/>
  </body>
</html>


Maar of dat nu ook met IE werkt, denk ik niet.

----

Ooit al aan gedacht om met jQuery te werken?
Gewijzigd op 16/01/2012 16:03:41 door Kris Peeters
 
Wouter W

Wouter W

16/01/2012 16:32:01
Quote Anchor link
Ben nu net mijn ogen aan het openen voor Javascript. Zal maar eens op zoek moeten gaan naar een Lynda Course voor jQuery.
Zal zelfs dat microsoft het aanbeveeld, dus dan kun je er echt niet meer onderuit. lol.

Heb het script nu wel werkend met je vorige voorbeeld door de onclick event in de link te zetten.

Wil het uitbouwen met een mooie fade. Hij fade wel, maar laten zien doet hij niet:

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
<?
function getFirma(ele){
    var
firma = ele.innerHTML;
    document.getElementById("pic").src = "afbeeldingen/" +  firma + "/1.jpg"
        for (var i = 1; i < 99; i++){
            setTimeout("fadeIn(" + i + ")",50);
        }

    return false
}

function
fadeIn(i){
        document.getElementById("pic").style.opacity = i/100;
}


?>


misschien dat je mij hier mee verder kan helpen?
Ik weet dat hij wel door de loop gaat maar niet de pauzes neemt (of laat zien) omdat ik de i < 100 veranderd heb in i < 50 en dan wel de opacity laat zien, maar er niet mooi naar toe fade.

Enige ideetjes?
 
Kris Peeters

Kris Peeters

16/01/2012 17:14:52
Quote Anchor link
Die fade in ... Het gaat eigenlijk om een fade out, maar soit.


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
...
  document.getElementById("pic").src  = "afbeeldingen/" + firma + "/1.jpg";
  fadeIn(100);
...
      function fadeIn(i){
        document.getElementById("pic").style.opacity = i/100;
        if (i>0) {
          setTimeout("fadeIn(" + (i - 1) + ")",50);
        }
      }


Zo laat je fadeIn zichzelf aanroepen.
Gewijzigd op 16/01/2012 17:16:57 door Kris Peeters
 
Wouter W

Wouter W

16/01/2012 19:04:50
Quote Anchor link
Hey super, Dankjewel!

Maar heb je ook enig idee waarom het beeld flikkert.
Hij springt soms weer op no-opacity lijkt het.
verder werkt het super!


Toevoeging op 16/01/2012 21:17:14:

Sorry, ik heb het verkeerd toegepast.


Nog wel een vraag. Hoe check ik of de source van een image daadwerkelijk bestaat?
Zal voor mij de laatste vraag worden :)
 



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.