onClick Handler undefined

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

SQL database developer

Functieomschrijving Heb jij ongeveer 3 jaar ervaring als SQL database developer? Dit bedrijf bouwt applicaties om processen in distributiecentra te optimaliseren. Ter uitbreiding van het development team zijn wij op zoek naar een SQL database ontwikkelaar. Wil jij werken voor een groeiende werkgever in regio Breda waar jij de ruimte en tijd krijgt jezelf te ontwikkelen? Lees dan snel verder! Hoe ziet jouw takenpakket eruit? Je houdt je bezig met het creëren en bouwen van MS SQL server databases; Je werkt aan innovatieve softwareoplossingen voor het verbeteren en/of vernieuwen van logistieke processen; Je gaat projecten vanaf het begin tot het

Bekijk vacature »

C#.NET Developer Jr. Functie

Functie omschrijving Bouw jij graag aan applicaties om processen in distributiecentra te optimaliseren? Wij zijn op zoek naar een C#.NET ontwikkelaar in regio Breda die hier graag een steentje aan bijdraagt! Jouw werkzaamheden zullen er als volgt uitzien: Je krijgt veel vrijheid in de keuze van de technieken die je gaat gebruiken. Uiteraard wel binnen de gestelde kaders, en door gebruik te maken van het .NET platform. Je gaat aan de slag met de ontwikkeling van een nieuwe module binnen de WMS suite van dit bedrijf. Deze "carrier" module gaat er voor zorgen dat de selectie van een vervoerder volledig

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 »

Software Developer

Functie omschrijving Heb jij affiniteit met ICT en een WO diploma in de pocket? Dan ben je hier aan het juiste adres. Voor een opdrachtgever in Amsterdam zijn wij op zoek naar kandidaten die (enige) ervaring hebben met Java, Javascript, C of C++. Je zal door middel van trainingen worden opgeleid tot een volwaardige Software Developer. Er wordt tijdens de training natuurlijk veel aandacht besteedt aan de vaktechnische aspecten, maar er gaat ook veel aandacht uit naar jouw persoonlijke ontwikkeling. Bedrijfsprofiel Bij deze opdrachtgever in de omgeving van Amsterdam zoeken ze meerdere enthousiaste kandidaten die hun carrière willen starten met

Bekijk vacature »

Network Engineer (f/m/d) in Heidelberg

Network Engineer (f/m/d) The IT Services team operates and supports the IT infrastructure and services at EMBL headquarters in Heidelberg and at the laboratory’s sites in Barcelona and Rome. As part of IT Services, the Network team is responsible for managing and developing the network infrastructure in our data centres, on campus, and to our external network providers. As a leading scientific institution with highly data-intensive research, extensive data flows at and between the laboratory’s six sites and to the Internet, EMBL is connected to national and international scientific networks using state-of-the-art technologies from vendors including Cisco, Extreme Networks and

Bekijk vacature »

Airport Developer / System engineer

De functie Als onze nieuwe Airport Developer / System Engineer is je doel om uit nieuwbouw- en onderhoudsprojecten maximale waarde te creëren voor Schiphol Group en haar stakeholders. Vanuit je visie en expertise, maar ook (technologische) ontwikkelingen, wetgeving en beleid vertaal je klantwensen naar een gedegen programma van eisen. In de planontwikkelingsfase werk je nauw samen met Plan Ontwikkelaars om je kennis in te brengen ten behoeve van de kwaliteit van het investeringsvoorstel. Je overlegt met diverse partijen, stelt de vraag achter de vraag en verbindt zo de belangen van de luchthaven, proceseigenaar en asseteigenaar om tot een gedragen ontwikkelopgave

Bekijk vacature »

Senior SQR Java Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 13333 Introductie Are you passionate about contributing to the world's most advanced machines. Do you thrive in a challenging environment working with highly motivated and skilled teams? If so, we have the perfect opportunity for you! We are seeking a Senior Software Design Engineer for Sequence Tooling to play a critical role in creating and maintaining mission-critical software applications. In this role, you will focus on achieving maintainable software architecture that is transparent and easy to extend while maintaining a strong focus on software quality. You will work closely with

Bekijk vacature »

Medior/senior Back-end developer gezocht!

Functie Vanwege de groei binnen het bedrijf zijn we op zoek naar versterking in het devlopmenttean. Als back-end developer bouw je aan de bedrijfssoftware die ons helpt bij de primaire processen. Een leuk (intern) project dus waarbij je de software continu doorontwikkeld! Je werkt in een klein team, we hebben dagelijks stand-ups en iedere twee weken een scrum-sessie, begeleid door onze Scrum Master. Hierin krijg je uitgebreid de kans om je ideeën te presenteren, en te overleggen met je mede-ontwikkelaars en de Product Owner. Binnen de ontwikkelteams gebruiken we Trello, Gitlab, Jiira, Confluence en Boockstack. Hiernaast werken ze met de

Bekijk vacature »

Belastingdienst - Freelance Senior Applicatie ontw

Startdatum: 01.06.2023 Richttarief: €65,00 - €75,00 Duur van de opdracht: 6 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Functieomschrijving: We verwachten van je, dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Ervaring hebt met Agile/Scrum-werken en je thuis voelt in een Agile omgeving; Een aandeel levert aan het scrumproces en in de SAFe-releasetrain; Zelfstandig werkt in een scrumteam en intensief de samenwerking op zoekt met je directe collega’s en je omgeving; Ervaring meebrengt met het schattten en inplannen van taken tot en met het testen en demonstreren van de opgeleverde functionaliteit; Collega’s in je

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

.NET Developer

Dit ga je doen Tot jouw takenpakket behoort onder andere: Webapplicaties ontwerpen, bouwen, testen en implementeren in .NET/C#.; Ontwikkelen, implementeren en beheren van maatwerkapplicaties; Onderhouden en beheren van standaardpakketten; Onderzoeken en beoordelen van nieuwe technieken. Hier ga je werken Als .NET ontwikkelaar kom je te werken bij een grote semioverheidsinstelling in Nijmegen. De organisatie staat garant voor het leveren van onderwijs en les- en onderzoeksmateriaal voor duizenden betrokkenen. De organisatie wil bijdragen aan een gezonde, vrije wereld met gelijke kansen voor iedereen. Binnen de teams hangt een open en collegiale cultuur met veel aandacht voor een prettige en sociale werksfeer.

Bekijk vacature »

Consultant Low Code Developer

Functie omschrijving Heb jij verstand van datamodellering, NO CODE Platformen en kun jij het aan om projecten te leiden? Ben jij toe aan een nieuwe uitdaging en ben jij HBO afgestudeerd in de richting van IT? Voor een mooie opdrachtgever in omgeving Delft zijn wij op zoek naar een No Code developer die zich bezig gaat houden met het optimaliseren van bedrijfsprocessen bij klanten. Onderdelen functie Je gaat geen code kloppen maar bedenken hoe applicaties eruit moet komen te zien. Je gaat werken met een non code platform, je kunt denken aan Mendix of Betty Blocks. Je bent verantwoordelijk voor

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

.NET developer

Functie Heb jij veel kennis van ASP.NET Webforms en wil jij juist de overstap maken naar ASP.NET Core? Wij zijn per direct op zoek naar een ervaren .NET Webdeveloper die met ons samen ons platform wilt herschrijven van ASP.NET Webforms naar ASP.NET Core. Voor jou de unieke kans om met ons samen te innoveren en kennis op te doen van de nieuwste technieken binnen de Microsoft Stack. Wij hebben een development team met 10 IT specialisten bestaande uit onder andere 4 backend .NET developers en twee front-end developers. Wij zijn continu bezig om ons als team en bedrijf te blijven

Bekijk vacature »

SQL database developer

Functie omschrijving Voor een softwarebedrijf gespecialiseerd in het ontwikkelen van logistieke software in omgeving Tilburg zijn wij op zoek naar een ervaren SQL database developer. Je gaat werken aan uitdagende, complexe projecten. Iedere klant/project betekent maatwerk in de database. Jouw werkzaamheden zullen er als volgt uit zien: Je bent verantwoordelijk voor de gehele ontwikkelstraat. Van architectuur tot ontwikkeling Je gaat je bezig houden met het ontwerpen en ontwikkelen van MS SQL server databases. Je gebruikt hiervoor T-SQL als programmeer laag. Je begeleidt als lead developer de projecten bij klanten van A – Z. Je sluit aan bij meetings met klanten,

Bekijk vacature »
Ramon RS

Ramon RS

12/09/2012 11:22:06
Quote Anchor link
Als uitkomst krijg ik undefined ipv de waarde van de button waar ik op druk.
Wat gaat hier fout?


<HTML>
<HEAD>
<TITLE>onClick Handler</TITLE>
<script type="text/javascript">
function Waarde(){
var myBalk = document.getElementsByName('vraag12');
if(myBalk.value != "")
alert("You entered: " + myBalk.value)
else
alert("Would you please enter some text?")
}
</script>
</HEAD>
<BODY onLoad="initValue()" onUnload="exitMsg()">

<input type="radio" name="vraag12" id="v1200" value="0" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1201" value="1" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1202" value="2" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1203" value="3" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1204" value="4" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1205" value="5" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1206" value="6" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1207" value="7" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1208" value="8" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1209" value="9" class="radio" onclick='Waarde()'/>
<input type="radio" name="vraag12" id="v1210" value="10" class="radio" onclick='Waarde()'/>


</BODY>
</HTML>

Het is overigens uiteindelijk de bedoeling dat ik een plaatje laat zien met de breedte van de aangeklikte waarde.
Dus als er op de vierde button word gedrukt wordt het (denk ik)
$balk=10*myBalk.value
<img src="_img/balk.jpg" width="
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<?php print $balk ?>
">
 
PHP hulp

PHP hulp

05/01/2025 09:13:19
 
Kris Peeters

Kris Peeters

12/09/2012 11:38:12
Quote Anchor link
Wel, var myBalk = document.getElementsByName('vraag12'); ...
getElementsByName geeft niet 1 object terug, maar alle elementen met <input name="vraag12">

Je vertelt nergens dat je de functie wil uitvoeren met het element waarvan sprake.

Probeer zo eens:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
...
<input type="radio" name="vraag12" id="v1210" value="10" class="radio" onclick="Waarde(this)"/>
...


Dus overal met onclick="Waarde(this)"
en dan
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
function Waarde(myBalk ) {
  if(myBalk.value != "") {
    alert("You entered: " + myBalk.value);
  }
  else {
    alert("Would you please enter some text?");
  }
}


Door die "this" in de markup geef je het element mee aan de functie
Gewijzigd op 12/09/2012 11:39:36 door Kris Peeters
 
Ramon RS

Ramon RS

12/09/2012 12:18:11
Quote Anchor link
Top! Thanx, dat werkt.

Nu alleen nog uitzoeken hoe ik dat plaatje ga weergeven...
 
Kris Peeters

Kris Peeters

12/09/2012 12:30:54
Quote Anchor link
O ja; dat moet dan zoiets zijn:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<img src="_img/balk.jpg" id="mijn_plaatje">


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
  function Waarde(myBalk ) {
    if(myBalk.value != "") {
      var img = document.getElementById('mijn_plaatje');
      img.style.width = myBalk.value + 'px';
    }
  }
Gewijzigd op 12/09/2012 12:38:16 door Kris Peeters
 
Ramon RS

Ramon RS

12/09/2012 12:41:40
Quote Anchor link
Top! Bijna. Als ik nog niet heb geklikt wil ik nog geen balk zien.

Toevoeging op 12/09/2012 12:44:55:

Oja, en nog iets. Wat als ik meerdere balkjes wil.

Dit is nu mijn code:


<HTML>
<HEAD>
<TITLE>onClick Handler</TITLE>
<script type="text/javascript">
function Waarde(myBalk) {
if(myBalk.value != "") {
var img = document.getElementById('mijn_plaatje');
img.style.width = 15*myBalk.value + 'px';
}
}

</script>
</HEAD>
<BODY>
<p>
<input type="radio" name="vraag12" id="v1200" value="0" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1201" value="1" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1202" value="2" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1203" value="3" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1204" value="4" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1205" value="5" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1206" value="6" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1207" value="7" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1208" value="8" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1209" value="9" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag12" id="v1210" value="10" class="radio" onclick='Waarde(this)'/>

<img src="eigenbalk.png" id="mijn_plaatje" height="15">
</p>

<p>
<input type="radio" name="vraag13" id="v1300" value="0" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1301" value="1" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1302" value="2" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1303" value="3" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1304" value="4" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1305" value="5" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1306" value="6" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1307" value="7" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1308" value="8" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1309" value="9" class="radio" onclick='Waarde(this)'/>
<input type="radio" name="vraag13" id="v1310" value="10" class="radio" onclick='Waarde(this)'/>

<img src="eigenbalk.png" id="mijn_plaatje" height="15">
</p>
</BODY>
</HTML>
 
Kris Peeters

Kris Peeters

12/09/2012 13:27:36
Quote Anchor link
Okay, een id moet uiteraard uniek zijn. Als iedereen Jan heet, kan je een mens niet identificeren door Jan te roepen ...

Je kan in de radio button al duidelijk maken naar welke <img> moet gekeken worden.
bv.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<input type="radio" name="vraag12" id="v1209" value="9" class="radio" onclick="Waarde(this, 'plaatje1')"/>
<input type="radio" name="vraag12" id="v1210" value="10" class="radio" onclick="Waarde(this, 'plaatje1')"/>
<img src="eigenbalk.png" id="plaatje1" class="balk">
...
<input type="radio" name="vraag13" id="v1310" value="10" class="radio" onclick="Waarde(this, 'plaatje2')"/>
<input type="radio" name="vraag13" id="v1309" value="9" class="radio" onclick="Waarde(this, 'plaatje2')"/>
<img src="eigenbalk.png" id="plaatje2" class="balk">


en dan
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
  function Waarde(myBalk, myImage ) {
    if(myBalk.value != "") {
      var img = document.getElementById(myImage);
      img.style.width = myBalk.value + 'px';
    }
  }


De begintoestand van de plaatjes moet je in css regelen
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<style>
img.balk {
  height: 15px;
  width: 0;
}
</style>
Gewijzigd op 12/09/2012 13:28:59 door Kris Peeters
 
Ramon RS

Ramon RS

12/09/2012 14:22:33
Quote Anchor link
Hij lijkt de waarde niet goed uit te lezen. Ik zie geen plaatje.

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
44
45
46
47
48
49
50
51
52
53
54
55
<HTML>
<HEAD>
<TITLE>onClick Handler</TITLE>
<script type="text/javascript">
function Waarde(myBalk, myImg ) {
    if(myBalk.value != "") {
    var img = document.getElementById(myImg);
    img.style.width = 15*myBalk.value + 'px';
    }
  }

</script>

<style type="text/css">
img.balk {
  height: 10px;
  width: 0;
}
</style>

</HEAD>
<BODY>
<p>
<input type="radio" name="vraag12" id="v1200" value="0" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1201" value="1" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1202" value="2" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1203" value="3" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1204" value="4" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1205" value="5" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1206" value="6" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1207" value="7" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1208" value="8" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1209" value="9" class="radio" onclick='Waarde(this, 'img12')'/>
<input type="radio" name="vraag12" id="v1210" value="10" class="radio" onclick='Waarde(this, 'img12')'/>

<img src="eigenbalk.png" id="img12" class="balk">
</p>

<p>
<input type="radio" name="vraag13" id="v1300" value="0" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1301" value="1" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1302" value="2" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1303" value="3" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1304" value="4" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1305" value="5" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1306" value="6" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1307" value="7" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1308" value="8" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1309" value="9" class="radio" onclick='Waarde(this, 'img13')'/>
<input type="radio" name="vraag13" id="v1310" value="10" class="radio" onclick='Waarde(this, 'img13')'/>

<img src="eigenbalk.png" id="img13" class="balk">
</p>
</BODY>
</HTML>
 
Kris Peeters

Kris Peeters

12/09/2012 14:52:02
Quote Anchor link
onclick="Waarde(this, 'img12')"
in plaats van
onclick='Waarde(this, 'img12')'


Anders geeft dat een syntax error
 
Ramon RS

Ramon RS

12/09/2012 15:32:23
Quote Anchor link
Fijn dat zulke kleine tekens zo belangrijk zijn!

Top! Thanx voor je hulp!

:-)) Helemaal blij!
 



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.