Image Change

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

Medior Java 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 »

Medior C# Developer

Samen met het development team zorg je ervoor dat alle systemen achter de schermen vlekkeloos werken. Wat doe je als Medior C# Developer bij Coolblue? Als C# developer doe je regelmatig mee aan brainstormsessies over user experience, data en task flow met de UX Designer, Product Owner en Data Scientist in je team. Daarnaast schrijf je op zichzelf staande, consistente en testbare code die goed onderhoudbaar en toekomstbestendig is. Ook C# Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen Werken met verschillende soorten data-opslag, zoals Oracle of AWS. Problemen oplossen

Bekijk vacature »

.NET developer

Functie The position we have for you As a .NET developer you will work for one of our customers active in the High Tech Industry. Our customers are mainly located in the Eindhoven area. We are very selective when it comes to the projects we accept and therefore only focus on innovative and complex projects. Because our customers are mainly specialized in machine construction, you often work close to the machines. Our team currently consists of Embedded engineers, IOT developers and Cloud engineers. We mainly work on Microsoft projects where WPF, UWP, .NET Core and Microsoft Azure are used. Eisen

Bekijk vacature »

PHP developer (Laravel/Vue.js)

Functie Het team telt momenteel 20 collega’s, bestaande uit developers (front- en backend) en het operations team, waaronder ook het management en twee scrum masters vallen. Ze zijn op zoek naar een PHP developer die in staat is zelfstandig te werken. Je komt te werken in één van de drie scrumteams en gaat aan de slag met een project voor de klant. Het fijne hieraan is dat je wel afwisseling hebt qua werk, maar tegelijkertijd doorlopend werkt voor bestaande klanten. Hierdoor krijg je ook de kans om echt de diepte in te gaan en innovatieve technische oplossingen neer te zetten.

Bekijk vacature »

C# .NET Developer

Functie omschrijving Wij zijn op zoek naar een C# .NET Developer voor een leuke opdrachtgever in de omgeving van Hilversum! Voor een leuk bedrijf in de omgeving van Hilversum zijn wij op zoek naar een Back-end developer die klaar is voor een nieuwe uitdaging. Ben jij iemand die graag aan verschillende projecten werkt en het ook leuk vindt om bij klanten op bezoek te gaan? Dan ben jij de perfecte kandidaat! Deze functie is erg divers, je moet dus goed kunnen schakelen. Je komt te werken in een klein team van developers. Binnen het bedrijf hangt er een gemoedelijke informele

Bekijk vacature »

Back-end ontwikkelaar

Functie omschrijving Wil jij meebouwen aan diverse databasesystemen in een klein bedrijf met een platte organisatie? In een team van ruim 10 ontwikkelaars wordt er aan diverse ICT oplossingen gewerkt. Jouw taken hierbij zullen bestaan uit: Het onderhouden en door-ontwikkelen van bestaande databases. Denk hierbij aan schema verbeteringen en performance-tuning. Bij nieuwe ontwikkelingen ga jij ook bezig met het bouwen van het databaseschema. Omdat je in een klein team werkt zal je ook de C# routine verder uitbouwen en ontwikkelen. Ook kan je meedraaien in algemene refactory-, ontwikkel- of testwerkzaamheden. Je zal voornamelijk gebruik maken van de volgende technieken: .NET

Bekijk vacature »

PHP Developer

Dit ga je doen Je werkt nauw samen met het websitebureau aan de ontwikkeling en optimalisering van het internationale platform; Je ziet nieuwe webshops op en voert optimalisaties door; Je bouwt aan technische, functioneel en commercial resultaat; Je vindt het leuk om zelfstandig binnen een internationale organisatie te werken, maar krijgt ook energie om samen met collega's te werken. Hier ga je werken Voor een bedrijf in de regio Rotterdam zijn wij opzoek naar een PHP Developer. Je wordt onderdeel van het communicatieteam en gaat je bezighouden met het optimaliseren van de website van dit internationale bedrijf. Je schakelt veel

Bekijk vacature »

Starter/junior Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als starter/junior developer zul je direct begeleid worden door een senior uit het team. Het is van belang dat

Bekijk vacature »

Software Developer PHP JavaScript Python HBO SQL

Samengevat: Wij zijn een softwarebedrijf voor Autodealers. Ben jij een Medior of Senior Software Developer? Heb je ervaring met PHP, JavaScript of Python? Vaste baan: Java.Developer Software HBO €3.000 - €5.200 Bij ons op de werkvloer is er een positieve en informele sfeer. Naast een goede begeleiding en een enthousiaste klantenkring biedt deze werkgever een prettige omgeving met zeer afwisselende werkzaamheden. Houd jij van aanpakken en denk je dat je deze uitdaging aankunt? Dan zoeken wij jou! Zij werken voor grote klanten. Zij doen omvangrijke projecten die we bij deze werkgever op kantoor realiseren (geen detachering). Zij werken met state-of-the-art

Bekijk vacature »

App Developer

Samen werken aan een gezonder Nederland en toekomstbestendige zorg voor iedereen. Dat is de impact die jij kan hebben als App Developer bij VGZ. Wil jij een bijdrage leveren aan een maatschappij waarin iedereen zich thuis voelt? Bekijk dan de vacature. Uit onderzoek van Computable is VGZ verkozen tot ‘beste niet-ICT werkgever voor ICT’ers van Nederland’ Hoe ook jij het verschil maakt Als App developer werk jij aan het belangrijkste communicatiekanaal van VGZ, namelijk de App! Als App developer bij VGZ maak je onderdeel uit van een van onze App-teams. Met een goede mix van kennis en ervaring zet je

Bekijk vacature »

Software developer - C Sharp

Functie omschrijving Heb jij interesse in het programmeren en ontwikkelen van software? En heb jij enige ervaring met Oracle databases en PL/SQL? Wij zijn voor een leuke opdrachtgever in omgeving Naaldwijk op zoek naar een software ontwikkelaar die graag werkt met C#, JAVA of Oracle. Wij zoeken iemand die breed inzetbaar is en die aan veel verschillende applicaties wilt werken. Als software developer werk je met je collega's samen in een leuk en informeel team aan het (her)ontwerpen van bedrijfssystemen. Je houdt je bezig met het ontwikkelen van REST API's en je onderhoudt applicaties in Oracle PL/SQL en APEX. Vind

Bekijk vacature »

Ontwikkelaar Centrale Monitoring

Ontwikkelaar centrale Monitoring Functieomschrijving Wil jij een bijdrage leveren aan het onderhoud, opzetten en ontwikkelingen van technologieën van SSC-ICT, een van de grootste ICT-dienstverleners van en voor de Rijksoverheid? Je komt als monitorspecialist te werken bij team Operations Management Services. Dit team werkt aan het stabiliseren en waarborgen van een betrouwbare monitoromgeving voor 7 ministeries. Jij begeleidt het implementatieproces van de te monitoren technologieën, onder andere via management packs, connectoren en API's. Je hebt hiervoor veel contact met interne en externe klanten, die hun wensen op het gebied van monitoring aan jou doorgeven. Je beoordeelt deze wensen en komt met

Bekijk vacature »

Full stack developer Node.js, React Remote

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 »

C# .Net Developer

Dit ga je doen Het bouwen van Api's; Nieuwe oplossingen bouwen met C# .Net; De huidige software uitbouwen met C# .Net; Meewerken in projecten; Meedenken aan de toekomstplannen en verbeteringen; Onderdeel van het Scrum Team. Hier ga je werken Onze klant is een dienstverlenende organisatie voor diverse soorten organisaties in Nederland. Ze zijn van oorsprong een familiebedrijf en er is een open cultuur. Ze zijn vooruitstrevend op IT gebied en hebben een eigen inhouse development team van circa 11 man. Je komt hier te werken in het subteam .Net Core. Hier werken ze volgens scrum met de nieuwste technieken en

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

25/11/2024 17:03:23
 
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.