div onclick

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Medior/Senior Software Developers gezocht in de Ra

Functie Op dit moment staan er posities open voor de volgende functies: Front-end, Back-End & Fullstack software developer. Als Front-End software developer werk je met JavaScript en de bijbehorende technologieën zoals TypeScript, Angular, React, Vue en Svelte. Als Back-End software developer ben je bezig in NodeJS en doe je dit met behulp van AWS, NoSQL, REST en GraphQL. Je krijgt leuke en uitdagende opdrachten met een gemiddelde duur van anderhalf jaar. Hier werk je in een team met andere IT’ers aan het ontwikkelen en verbeteren van software. Je wordt begeleid door een accountmanager die fungeert als jouw aanspreekpunt. Het team

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 »

Machine Software Developer

Bij een bedrijf in de machinebouw, regio Roosendaal, zijn we op zoek naar een: Machine Software Developer Waar ga je werken? Onze opdrachtgever is gespecialiseerd in de grondverzetmachines. Al meer dan 50 jaar leveren ze zowel nationaal als internationaal diverse machines. Het is een familiebedrijf met een informele werksfeer. Wat ga je doen? Als Machine Software Developer ben je verantwoordelijk voor: - Je ontwerpt, ontwikkelt en debugt software voor machinebesturingssystemen en complexe landbouwmachines; - Je stelt gebruikersinterfaces op (cabinedisplays); - Op termijn ga je softwareprojecten leiden voor specifieke machines; - Inclusief planning, documentatie en validatie; - Om specificaties te verifiëren

Bekijk vacature »

.NET Developer Shared Driving

Bedrijfsomschrijving Onze klant richt zich op het toegankelijker maken van steden, een fantastisch mooi streven. Hoe ze dat doen? Met eigen ontwikkelde software, waarmee vervoersmiddelen gedeeld kunnen worden. Deze inspirerende werkgever maakt een maatschappelijke impact en dat doen ze nu al zo'n 25 jaar! Het bedrijf is gevestigd in het centrum van Rotterdam en kent ongeveer zo'n 90 medewerkers. Het personeel is lekker gewoon gebleven! Iedereen kleedt zich zoals hij of zij dat zou willen en de sfeer is er erg fijn. Een leuke werkgever om voor te werken, en bovendien zijn er voor jou als Software Developer veel mooie

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 »

Junior Outsystems developer

Functie Als junior Outsystems developer wordt jij onderdeel van een multidisciplinair team van 23 software engineers. Ons team werkt agile en termen als Continuous Integration en Continuous Delivery zijn bij ons dagelijkse koek. Wij werken aan uitdagende en afwisselende projecten met als doel onze klanten een totaal oplossing aan te bieden. Als junior Outsystems developer krijg jij bij ons de kans om jezelf te ontwikkelen naar een volwaardige ervaren en gecertificeerde Outsystems developer. Jij een team met ervaren mensen (10+ ervaring) om je heen. Zo heb jij niet het gevoel dat jij meteen in het diepe wordt gegooid en uiteraard

Bekijk vacature »

C# Ontwikkelaar

In het kort Als C# .NET Core ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan we deze uitdaging

Bekijk vacature »

Web Developer

Bedrijfsomschrijving ENGIE Nederland is onderdeel van de beursgenoteerde ENGIE Groep. ENGIE is actief in 70 landen, met wereldwijd 150.000 medewerkers. Als groep is het de missie om bij te dragen aan de verduurzaming van de wereld. ENGIE Energie biedt energiediensten aan particulieren en grootzakelijk en gaat de uitdagingen van de energietransitie aan door het beschikbaar maken van duurzame energie, het streven de klimaatverandering tot een minimum te beperken, leveringszekerheid te bieden en zorg te dragen voor een verantwoord gebruik van de beschikbare resources. ENGIE Energie investeert daarom in hernieuwbare energiebronnen zoals zon, wind en bio-gas. Functieomschrijving Heb jij veel ervaring

Bekijk vacature »

PHP Developer

Functie omschrijving Als PHP Developer ga jij aan de slag met uitdagende software projecten. Jij gaat in deze functie software applicaties ontwikkelen. Deze software projecten zijn heel divers, en deze organisatie maakt software, van A tot Z. Klanten kunnen in elke sector werkzaam zijn, van profit tot non-profit. Deze software bouw je vooral in PHP en specifiek Laravel. Dit framework kent dus geen geheimen voor jou. De software die jij gaat ontwikkelen is heel divers, van urenregistratiesystemen tot compleet geautomatiseerde tools. In deze veelzijdige functie ga jij je zeker niet vervelen, elke dag bestaat weer uit nieuwe uitdagingen. Bedrijfsprofiel Deze

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 »

Backend Developer PHP Laravel SaaS

Dit ga je doen Het ontwikkelen van nieuwe features die bijdragen aan de groei van de klanten van de organisatie; Je denkt mee over nieuwe innovaties, features en verbeteringen in de applicatiearchitectuur; Je draagt bij aan de continue ontwikkeling van jouw team doordat je elke dag streeft naar het verbeteren van jouw eigen prestaties; Je neemt actief deel aan Scrum meetings en de Backend Guild. Hier ga je werken Voor een snel groeiend bedrijf, in de regio Nieuw Vennep, zijn wij opzoek naar een ervaren Backend Developer. De organisatie is actief in de e-commercebranche en ontzorgt haar klanten middels een

Bekijk vacature »

Junior Software Developer C# Verhuursector Verhuur

Samengevat: Wij ontwikkelen en leveren softwaresystemen voor de logistieke sector en de verhuursector. Ben jij geschikt als Junior Software Developer? Heb je ervaring met Delphi? Vaste baan: C# Software Developer Logistiek HBO €2.500 - €3.900 Deze werkgever is een software ontwikkelaar, gericht op software voor de logistieke sector. Deze werkgever heeft eigen producten ontwikkelen en leveren ook maatwerk. Ons bedrijf kent een boeiende en inspirerende werkomgeving met een open cultuur en mogelijkheden voor je verdere ontwikkeling. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om

Bekijk vacature »

Senior Lead Front End Developer

Functieomschrijving Voor Stichting Waternet zijn wij op zoek naar een senior Lead Front End Developer. Binnen het DevOps team Online zijn we op zoek naar een Senior Lead Front End developer met kennis van toegankelijkheid. Deze developer zal zich bezighouden met development van webpaginas die in verbinding staan met systemen uit het back office. Taken Ontwerpen, ontwikkelen, implementeren, documenteren en beheren van webapplicaties in een Azure-omgeving Debuggen, analyseren en oplossen van problemen in de OTAPomgevingen Je participeert in het DevOpsTeam Online voor het verder uitwerken en implementeren van gebruikerswensen Je bent betrokken bij toegankelijkheid audits en het implementeren van WCAG

Bekijk vacature »

PHP Developer

Functieomschrijving Vanuit het hoofdkantoor in omgeving Roosendaal, ontwikkel je als PHP Developer niet alleen webapplicaties, maar ben je verder ook gefocust op het continu inspelen op nieuwe trends en ontwikkelingen m.b.t software development. Naast het bouwen van webapplicaties, ontwikkelen zij ook webshops en websites voor gave opdrachtgevers! Wat ga je doen? Het schrijven van schone en efficiënte codes volgens het Symfony framework; Het ontwerpen en implementeren van webapplicaties met het Symfony-framework; Onderhouden en updaten van bestaande applicaties die zijn gebouwd met het Symfony framework; Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de

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

peter paul

14/03/2012 16:42:05
Quote Anchor link
Ik ben bezig met het leren van javascript, Ik probeer nou het volgende te bereiken. Wanneer ik op een div klik moet de achtergrond kleur van deze div veranderen. Ik wil eigenlijk de opmaak met CSS doen maar weet niet zeker of dat ook kan, hoe verwijs je nou zo iets. Dus ik heb de achter grond kleur in de div aangegeven. Maar nog steeds doet hij niet. Wat doe ik fout??

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

<head>
<title>Nieuwe pagina 2</title>

<style type="text/css">
    .test {
        border: 1px dashed #FF0000;
           color: #000000;
        text-align: center;
        width: 100px;
        height: 100px;
        margin: 0px;
        padding: 4px;
    }

</style>



</head>

<body>

<div id="test" class="test" onclick="document.getElementById('test').background-color = '#fffff';" style="background-color:#000000;"></div>

</body>

</html>
 
PHP hulp

PHP hulp

24/11/2024 23:20:34
 
Wesley barbery

wesley barbery

14/03/2012 18:56:13
Quote Anchor link
<script type=text/javascript>

var test = document.getElementById('test');

test.onClick() = function(){

test.style.backgroundColor='#fff'

}

</script>

tussen de head tags zetten en uw inline js en css weghalen.

heb het niet nagekeken maar denk dat dit zo ongeveer moet werken
 
Peter  paul

peter paul

16/03/2012 11:15:53
Quote Anchor link
ik heb wat geprobeerd ben ben met dit gekomen. Alleen lijkt het niet te werken. heb ik iets fout gedaan?

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

<head>
<title>Nieuwe pagina 2</title>

<style type="text/css">
    .test {
        border: 1px dashed #FF0000;
           color: #000000;
        text-align: center;
        width: 100px;
        height: 100px;
        margin: 0px;
        padding: 4px;
        background: #000000;
    }

</style>

<script type="text/javascript">
    var test = document.getElementById('test');
    test.onClick() = function(){
    test.style.backgroundColor='#fff'
    }
</script>
 

</head>

<body>

<div id="test" class="test"></div>

</body>

</html>
 
Vincent Huisman

Vincent Huisman

16/03/2012 11:24:36
Quote Anchor link
wat zegt de error console? (in chrome [ctrl]+[shift]+[j])
 
Wesley barbery

wesley barbery

16/03/2012 12:51:03
Quote Anchor link
heb gevonden hoe het komt, denk dat zo wat iedereen er al over gezien heeft,

voor je je script laat uitvoeren moet je natuurlijk wel window.onload = function() zetten.

zo moet het werken heb het net nagekeken

<script type="text/javascript">

window.onload = function(){ //begin script anders werkt het niet

//vervolg script

var test = document.getElementById('test');

test.onclick() = function(){

test.style.backgroundColor='#fff'
}

}

</script>

en in je CSS de class veranderen naar id
Gewijzigd op 16/03/2012 12:53:41 door wesley barbery
 
Peter  paul

peter paul

16/03/2012 13:51:55
Quote Anchor link
nou ik heb denk ik gedaan wat je me vertelde maarnog wil hij niet doen wat ik wil. hij doet namelijk helemaal niets. ik heb chrome gedownload en ik krijg het volgende. Uncaught ReferenceError: Invalid left-hand side in assignment.

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
<html>
<head>
<title>Nieuwe pagina 2</title>

<style type="text/css">
    #test {
        border: 1px dashed #FF0000;
           color: #000000;
        text-align: center;
        width: 100px;
        height: 100px;
        margin: 0px;
        padding: 4px;
        background: #000000;
    }
</style>

<script type="text/javascript">
     window.onload = function(){ //begin script anders werkt het niet
     //vervolg script
    var test = document.getElementById('test');
     test.onclick() = function(){
     test.style.backgroundColor='#fff'
     }
}
 
</script>
 
</head>
<body>
<div id="test" class="test"></div>
</body>
</html>
 
Bas  van de Steeg

Bas van de Steeg

16/03/2012 14:26:49
Quote Anchor link
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
<html>

<head>
<title>Nieuwe pagina 2</title>

<style type="text/css">
    #test {
        border: 1px dashed #FF0000;
        color: #000;
        text-align: center;
        width: 100px;
        height: 100px;
        margin: 0px;
        padding: 4px;
        background: #000000;
    }

</style>
<script type="text/javascript">

        function turn()
            {
              
                var div = document.getElementById('test');
                div.style.background = "FFF";
            
            
            
            }

    </script>
 

</head>

<body>

<div id="test" onclick="javascript:turn('test')" ></div>


</body>

</html>
Deze code moet werken. Heb het eventjes voor je getest. Weet niet of het precies is wat je zoekt. Maar hier kun je link vinden van de pagina waarop ik teste. : htdocs/test.php
 
Gerhard l

gerhard l

16/03/2012 14:36:43
Quote Anchor link
Op basis van die van Bas:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
function turn($div, $kleur)
{
              
    var div = document.getElementById($div);
    div.style.background = $kleur;
}
</script>
 
<div id="test" onclick="javascript:turn('test', 'yellow')" ></div>
 
Bas  van de Steeg

Bas van de Steeg

16/03/2012 14:39:33
Quote Anchor link
@Gerhard leuke toevoeging :) Had daar even niet aan gedacht. Maar zo maak je hem wel compleet.
 
Peter  paul

peter paul

16/03/2012 15:23:09
Quote Anchor link
ik ben gewoon wat aan het oefenen met javascript. Vandaar dat ik dit probeerde te maken. bedankt hij werkt perfect. Maar ik begrijp niet helemaal wat ik nu gedaan heb. Ik zou iemand het kunnen uitleggen vooral dit stuk:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
var div = document.getElementById($div);

Wat gebeurt hier je maakt een variable van de div?
 
Bas  van de Steeg

Bas van de Steeg

16/03/2012 15:30:15
Quote Anchor link
Volgens mij ga je hier de fout in.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
test.style.backgroundColor='#fff'

Omdat style.backgroundColor geen tag is volgens mij. Dit moet
style.background zijn, maar dit kan ook aan mij liggen.

Toevoeging op 16/03/2012 15:30:28:

Volgens mij ga je hier de fout in.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
test.style.backgroundColor='#fff'

Omdat style.backgroundColor geen tag is volgens mij. Dit moet
style.background zijn, maar dit kan ook aan mij liggen.
 
Reshad F

Reshad F

16/03/2012 15:31:35
Quote Anchor link
nee, je pakt hier het element ($div) wat even erboven gedeclareerd is.

met JS kan je bij heel veel regels zien wat het doet het is zo opgebouwd dat het een soort van uitleg geeft.
 
Wesley barbery

wesley barbery

16/03/2012 17:29:17
Quote Anchor link
@peter paul met var div = document.getElementById($div) steek je het element div of welk ander element bepaald tussen de haakjes in effectief in een variabele

@bas backgroundcolor is gewoon een specifiekere aanspreking van background met background kan je alle background elementen (CSS) aanmaken met backgroundColor enkel de kleur

ik dacht ook nog dat er al even geen javascript meer in u html tags mocht staan kwestie van alles duidelijk te scheiden van elkaar, als hij het juist aan het leren is kan hij het beter van in het begin juist doen
 



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.