Image Change

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior Java developer

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 »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

PHP Developer

Als PHP Developer bij Coolblue zorg je ervoor dat onze webshops elke dag een beetje beter zijn. Wat doe je als PHP Developer bij Coolblue? Als PHP Developer werk je met andere development teams samen om onze webshop zo optimaal mogelijk te laten werken en onze klanten blij te maken. Hoewel je een PHP Developer bent, sta je open om C# of Typescript in te zetten of te leren. Ook PHP Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen pure PHP code schrijven. Samenwerken met de klantreiziger om onze klanten

Bekijk vacature »

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 »

Junior .NET developer

Functie Als junior .NET ontwikkelaar start jij in ons development team met twee andere .NET developers. Als team werken jullie in scrum en is er iedere ochtend om 11.00 een standup. Jij krijgt als junior .NET ontwikkelaar een inwerk traject dat echt specifiek wordt ingericht op basis van wat jij nodig hebt. Een van de grootste pluspunten bij ons is dat wij binnen ons bedrijf veel (technische) vrijheid geven en juist eigen initiatieven erg stimuleren. Jouw werkzaamheden gaan er bij ons als volgt uit zien: – Het ontwikkelen van nieuwe software samen met interne en eventueel externe ontwikkelaars; – Het

Bekijk vacature »

Front end developer

Functie Jij als ervaren Front end developer bent een expert het gebied van Javascript en React. Je wordt onderdeel van een multidisciplinair team bestaande uit een PO, twee Front end developers, een DevOps/Back end developer, een UX/UI designer en een projectmanager. Verder is er iemand verantwoordelijk voor de HR en is de algemeen directeur nauw betrokken bij alle projecten. Dagelijks hou jij je bezig met de verschillende projecten die zijn opgenomen in de sprint. Daarnaast denk je mee over mogelijke oplossingen om de behoefte van de klant op de beste manier in te vullen. Verder spar jij intern met collega’s

Bekijk vacature »

Medior Java developer

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 »

Back end developer PHP, Laravel

Functie Jij komt te werken in ons webdevelopment team, wat bestaat uit 8 ervaren collega’s. Hiernaast hebben wij nog een team van 2 ontwikkelaars die aan native applicaties werken. Bij ons zijn er korte lijntjes en er hangt een gezellige informele werksfeer. Maar het belangrijkste is natuurlijk dat je aan geweldige applicaties zult gaan werken! Wij willen als organisatie niet te groot worden, we willen gewoon toffe dingen maken. Onze techstack bestaat momenteel uit: PHP, Laravel, Javascript, Typescript, Git, MySQL, Java, Kotlin, Xamarin. Samen met ons ga jij zorgen dat we puik werk leveren! Waarbij je bij elke fase in

Bekijk vacature »

Software developer (Python)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en houden ze zo nu en dan pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Je hebt in je werk oog voor kwaliteit, risico’s en het klantbelang. Communicatie met

Bekijk vacature »

Junior/Medior front end developer Vue.js

Functie Als front end developer kom jij te werken in het nieuwe label van de groep. De development label is sinds vorig jaar de nieuwe in de groep, maar zeker geen onbekende in de markt. Met een bewezen staat van diensten weten zij digitaal altijd te verrassen. Ondertussen is het development team 15 man groot waarvan 5 man op de front end actief zijn. Op dit moment zijn ze op zoek naar een Junior of medior front end developer. Je gaat je voornamelijk bezig houden met het bouwen van slimme marketingpagina’s met verschillende interacties, API’s en styling elementen. Vanuit de

Bekijk vacature »

IT Manager team PaaS

TenneT is hard groeiende om haar ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Lead PaaS die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je wordt de Teammanager (Lead) van een nieuw team binnen de afdeling Basic van Information Technology and Facilities (ITF) van TenneT. Het team heet Platform as a Service. Hier wordt elke dag in een goede sfeer met zijn allen hard gewerkt om vanuit IT

Bekijk vacature »

Lead developer

Functie Als lead developer wordt jij verantwoordelijk voor een van onze development teams. Samen met de Software Architect bewaak jij de kwaliteit en uitvoering van onze complexe vraagstukken. Daarnaast ben jij verantwoordelijk voor het inschatten, designen en ontwikkelen van middelgrote tot grote veranderingen in de software. Ook coördineer jij het proces rondom complexe technische vraagstukken. Verder bestaat jouw takenpakket uit het volgende: – Het aansturen van jouw development team; – Het begeleiden van Junior Software Engineers; – Het maken van technische analyses m.b.t. nieuwe aanvragen en het tijdsbestek inschatten voor de uitvoering hiervan; – Het uitvoeren van de ontwikkeling van

Bekijk vacature »

Medior Java developer

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 »

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 »

React Native Developer

If you a React Native Developer and you're looking forward to a join a company with a product app. You like to upgrade your skills, please respond. As a React Native Developer you will be dedicated to bring the app to the next level. You will be working on several projects nut it's one app. This can be done in the office or you can do it from your own workstation if you only come to the office once a week to consult. You will be researching and building a lot on your own and there will be plenty of

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

21/03/2023 04:58:21
 
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.