Image Change

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Randstad - Oracle Forms Developer (Freelance/ZZP)

Startdatum: ZSM Max tarief per uur: 85€ Uren per week: 32-40 Bij RGN IT werken we steeds meer en meer volgens de Agile Way of Working. Dat betekent dat je in het team met het Scrum Proces werkt. Je zult actief deelnemen aan refinement sessies en helpen bij het opstellen van user stories. Je draagt mede bij het stellen van acceptatiecriteria en bepaalt wat het effect en/of impact kan zijn op aanpalende systemen. Tevens draag je bij aan mogelijke oplossingen voor het gevraagde in de user story. Je werkt samen met de andere developers in je team, de product owner

Bekijk vacature »

Junior Robot Programmeur

Bedrijfsomschrijving: Locatie: regio Oosterwolde Deze dynamische, hands-on, projectgeoriënteerde organisatie heeft klantgerichtheid hoog in het vaandel staan. De medewerkers zijn teamgerichte, resultaat gedreven professionals met een passie voor de producten van het bedrijf. Iedere medewerker heeft een aandeel in het succes en wordt gewaardeerd voor zijn of haar gedrevenheid en harde werken. Ze werken met een platte organisatiestructuur en de informele cultuur zorgt voor jou als Junior Robot Programmeur voor een prettige en open werkomgeving. In nieuwe collegas zoeken ze een persoonlijke match en het enthousiasme voor het werken binnen een internationale omgeving. Je bent als Junior Robot Programmeur iemand die

Bekijk vacature »

Senior Java Ontwikkelaar

Dit ga je doen Werken aan uiteenlopende interne projecten voor grote (internationale) organisaties; Ontwikkelen van diverse (web)applicaties en platformen met technieken als Java, Azure en ASP.NET; Complexe vraagstukken tackelen met jouw expertise en ervaring; Waar nodig help jij je collega's om samen tot de juiste oplossing te komen. Hier ga je werken Als Java Developer kom je te werken bij een internationale organisatie in regio Amsterdam die zich richt op procesoptimalisatie door middel van zeer complexe IT oplossingen. Dit doen zij op het allerhoogste niveau met vestigingen over heel de wereld en met een groot aantal aansprekende, maatschappelijk betrokken klanten.

Bekijk vacature »

React native developer

We have received a new investment and therefore want to get started quickly to expand our new app with new features. If you are an expert with react native we would love to have you in our team. Functie-eisen You have at least 4 years of experience developing in React Native apps and... TypeScript, Firebase, GIT, REST, and Swagger. Working together is your second nature Passion for the development profession & high degree of curiosity You speak English You are in the possesion of a Dutch work permit ánd reside in The Netherlands. Unfortunately, our clients do not work with

Bekijk vacature »

Java Developer

Dit ga je doen Ontwerpen en bouwen van nieuwe functionaliteiten binnen de complexe omgeving; Proactief de processen kwalitatief en efficient inrichten; Opzetten van Unit Tests; Code Reviews; Regie nemen voor innovatieve projecten; Landschap beheren en de bijbehorende ketens hierbij in het oog houden. Hier ga je werken De organisatie is actief binnen de financiele branche en heeft een IT afdeling van circa 450 man. De organisatie voorziet de maatschappij binnen de financiele dienstverlening en is gedurende de jaren een onmisbare schakel geworden. Het is een high profile organisatie waar ze veel te maken hebben met veranderingen voortkomend uit maatschappelijke ontwikkelingen,

Bekijk vacature »

Java Developer

Dit ga je doen Het (door)ontwikkelen van softwareoplossingen m.b.v. Java; Het onderhouden van de softwareoplossingen; Het testen van software; Het ophalen van klantwensen en vertalen naar een technische oplossing; Het meewerken in diverse grote projecten. Hier ga je werken De organisatie is een ambitieuze en vooruitstrevende speler in de markt in de regio Rotterdam. Ze zijn de snelst groeiende in hun branche. Met een excellent aanbod en service willen zij de beste keuze zijn voor hun bestaande en nieuwe klanten. Dit alles doen zij met plezier en enthousiasme. De organisatie is te omschrijven als informeel, pragmatisch en dynamisch. Onze klant

Bekijk vacature »

Java Developer / Back-end Developer / 5000 euro

Dit ga je doen Het ontwikkelen van applicaties en websites met behulp van Java en Spring; Werken aan lange termijn projecten; Oppakken van ad hoc activiteiten en processen; Nieuwe ontwikkelingen in de gaten houden en toepassen; Analytisch en kritisch meedenken over verbeteringen in tools en werkwijzen. Hier ga je werken Onze klant is een high traffic organisatie die kwaliteit en digitale transformatie hoog in het vaandel heeft staan. Het is een dynamische en autonome organisatie gevestigd in hartje Amsterdam. Het professionele team waar je in komt te werken is multidisciplinair. Het team werkt erg nauw samen en gebruiken gezamenlijk Scrum

Bekijk vacature »

Integration Developer Mulesoft

Dit ga je doen - You develop and maintain various internal integrations and external (customer) integrations; - You develop through the integration platform Mulesoft; - You automate an entire end-to-end process and you provide the right interfaces; - You test and implement the interfaces; - You advise the internal and external customer and initiate improvement proposals; - You will occasionally participate in consultations with the external customer in order to translate the wishes and specifications into the correct technical solution. Hier ga je werken For a well-known service-oriented company we are looking for an Integration Developer Mulesoft. It is a

Bekijk vacature »

Cobol Developer

Dit ga je doen Beheren en doorontwikkelen van de bestaande omgeving; Vertalen van een functionele vragen naar een technische oplossing; Doorvoeren van wijzigingen; Proactief aandragen van technische verbeteringen en deze uitvoeren; Testen van je eigen geschreven code en code reviews van collega’s; Meewerken in een groot vernieuwingsproject. Hier ga je werken De organisatie heeft ongeveer 4500 medewerkers, waarvan 450 binnen de IT afdeling. De afdeling waar je komt te werken is verdeeld in 8 multidisciplinaire Scrum teams. Elk team is verantwoordelijk voor een gedeelte van het complexe landschap. Het is een high profile organisatie waar je veel te maken zal

Bekijk vacature »

Medior iOS Developer

As an iOS Developer you prefer to work on cool apps for established brands. You will work on iOS apps with interesting features that help companies and of course their users. As a Medior iOS developer you work in a team on various iOS Applications. You get enough space within the team to organize your work according to your own insight and to carry it out independently. Bring on your new ideas, improvements or features! Functie-eisen Experience with RESTful APIs App architecture MVP or MVVM, MVVI) You are familiar with unit tests and with CI/CD You are familiar with UIKit

Bekijk vacature »

Senior .NET Developer (m/v/d)

Apply now Apply now Senior .NET Developer Date: 21-Nov-2022 Location: Heerenveen, FR, NL, 8441 ER Year: 2019 Everything we do, starts with you. Together with you, we build the most human-centric fintech. We have the ambition to create the next. And - with Bertelsmann - a strong foundation to start from. Let’s make it new – for society and for yourself. Wij zijn op zoek naar een Senior .NET Developer (m/v/d) Op onze locatie in Heerenveen / deels vanuit huis Riverty in Heerenveen is de thuisbasis van het domeinteam voor provisioning. Met de software en API's die we maken, stellen

Bekijk vacature »

PHP developer

Ideeën omzetten in code, zodat onze webshops elke dag weer een stapje beter worden. Jij zorgt er als ervaren PHP developer samen met het team voor, dat onze webshops blijven draaien en dat klanten gemakkelijk hun producten kunnen bestellen. Wil jij impact hebben op onze snelgroeiende digitale business in meer dan 12 landen? En online producten verkopen, die bijdragen aan het duurzaam gebruik van onze schaarste waterbronnen? Zo ja, dan zoeken we jou! PHP developer 32-40 uur, in Veghel Je gaat samen met onze E-commerce collega’s de uitdaging aan om MegaGroup uit te laten groeien tot het beste B2B platform

Bekijk vacature »

Senior Frontend developer

Wat wij bieden hybride werken,met als uitgangspunt 50% op kantoor en 50% vanuit huis; opleidingsmogelijkheden op basis van behoefte en ambitie; dus geen vast budget; flexibele werktijden en direct een contract voor onbepaalde tijd; 20 vakantiedagen en daarnaast 4,7% van je salaris om flexibel in te vullen, bijvoorbeeld goed voor 7 extra vakantiedagen; een mobiliteitsbudget dat aansluit bij jouw manier van reizen. Wat jij meeneemt een afgeronde technische hbo of wo opleiding; je bent een medior/senior frontend developer die zich wilt blijven ontwikkelen; expert in JavaScript, Angular, React of Vue. De uitdaging Als frontend developer bij Ordina JSRoots ontwerp en

Bekijk vacature »

Oracle Apex Developer

Dit ga je doen Jouw taken bestaan uit: Het bouwen maatwerk Oracle applicaties voor Europese business units; Het implementeren van de nieuwste technieken om te blijven innoveren; Actief meedenken en aandragen van verbetervoorstellen. Hier ga je werken Deze organisatie in de regio Veenendaal is een van wereld grootste retailers met ruim 16.000 winkels in 27 markten en jaarlijks ruim 5,3 miljard klanten die winkelen bij een van hun welbekende retailmerken. Binnen de organisatie is er een IT Group actief die dient als IT Service Provider voor de hele organisatie en waar dagelijks IT'ers werken aan state-of-the-art IT oplossingen. Dit doen

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

06/12/2022 02:47:22
 
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.