Wat doe ik niet goed in deze javascript function?

Mendix Ontwikkelaar - Vernieuwen van het applicati

Bedrijfsomschrijving De ontwikkelingen in de transportsector gaan razendsnel. Bij ons kun je een belangrijke rol spelen in deze sector. We streven ernaar om onze klanten te ontzorgen op het gebied van continuÃ¯teit en veiligheid met innovatieve producten en diensten. We willen dat onze klanten de veiligste vervoerders van Europa worden. Ons team werkt hard om deze ambitieuze doelstellingen te bereiken en we bieden een motiverende werkomgeving aan. We zijn op zoek naar zelfstarters met een focus op resultaat en beslissingsbevoegdheid. Functieomschrijving Als Mendix ontwikkelaar bij deze organisatie heb je een gevarieerde baan. Het applicatielandschap wordt vernieuwd en de â€œschade en

Bekijk vacature »

Software ontwikkelaar

Ben jij graag bezig met verschillende projecten? Vind jij beleving van klanten Ã©n medewerkers ook belangrijk? Wij zijn vanwege de doorontwikkeling van het applicatielandschap van onze opdrachtgever op zoek naar een fulltime software ontwikkelaar. Omschrijving Jij en jouw collegaâ€™s zijn verantwoordelijk voor de continuÃ¯teit en waarborging van het applicatielandschap. Om de processen vloeiend te laten verlopen is software ontwikkeling daarom van essentieel belang. Onze opdrachtgever doet dit voornamelijk zelf, met door hun eigen ontwikkelde applicaties. Dit betekent dat jij: functionele eisen vertaalt naar gebruiksvriendelijke software; tijdens SCRUM sessies advies geeft over het te bouwen ontwerp; nieuwe software ontwikkelt en het

Bekijk vacature »

Frontend Developer Vue Nuxt HBO Javascript

Samengevat: Deze werkgever levert elke dag betere digitale gebruikerservaringen. Ben jij geschikt als frontend Developer? Heb je ervaring met Vue en Nuxt? Vaste baan: Front-End Developer HBO â‚¬3.100 - â‚¬4.600 Zij bieden opdrachtgevers een complete dienstverlening op gebied van ontwerpen en ontwikkelen van websites, zoekmachine optimalisatie, online adverteren, content marketing en conversie verbetering. Zij werken met een eigen ontwikkeld CMS. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Deze werkgever staat open voor elke nieuwe trend. Onze systemen zijn groot

Bekijk vacature »

Klein team zoekt grote fullstack .NET developer to

Bedrijfsomschrijving Deze werkgever is marktleider in de Benelux en is Europees ook al aardig aan de weg aan het timmeren. Ze voorzien technische winkels van apparatuur om producten een langer leven te geven. Hiermee reduceren ze flink wat CO2 uitstoot en dat is natuurlijk goed voor iedereen! IT speelt een belangrijke rol in de bedrijfsvoering en de applicaties zijn van goed niveau. Als fullstack .NET developer ga jij je bijdrage leveren aan het verder verbeteren van de applicaties en de interne processen. Ze zijn nu met ruim 50 medewerkers in totaal en de afdeling development bestaat uit een 5tal developers.

Bekijk vacature »

Junior Low-code ontwikkelaar gezocht omgeving Arnh

Bedrijfsomschrijving Wij zijn een dynamisch IT-bedrijf dat zich richt op het stroomlijnen van bedrijfsprocessen en het creÃ«ren van ondersteunende applicaties. Onze kracht ligt in het combineren van zakelijk inzicht met IT-expertise via gestroomlijnde procesontwerpen en wendbare applicatieontwikkeling met behulp van Low-code technologieÃ«n. Als jonge professional krijg je de kans om samen te werken met een team van 15 deskundige collega's, verspreid over nationale en internationale locaties. We bieden je een leerzame omgeving waar je je vaardigheden kunt ontwikkelen en groeien in je rol als Low-code ontwikkelaar. Word jij onze nieuwe Junior Low-code Ontwikkelaar (OutSystems)? Versterk ons team en draag bij

Bekijk vacature »

SAP Integratie Ontwikkelaar

Ben jij ambitieus in de verdere ontwikkeling van SAP binnen HANOS, en heb je kennis van SAP PI, CPI (SAP integration suite) en of andere middleware tooling? Dan ben jij mogelijk onze nieuwe SAP Integratie (middleware) Ontwikkelaar! Lees snel verder en solliciteer! Wat ga je doen? Als SAP Financieel Consultant ben je, als deel van een gedreven team van interne SAP consultants, de schakel tussen de gebruikersorganisatie en ICT. Je draagt proactief bij aan een optimale aansluiting van de SAP-functionaliteit (een applicatielandschap met o.a. Suite on HANA, Fiori, Hybris, C4C en BO), op de bedrijfsprocessen. Verder ondersteun je de HANOS

Bekijk vacature »

C# .NET Software Ontwikkelaar

Functie omschrijving C# .NET Developer gezocht. Ben jij een full stack developer die op zoek is naar een nieuwe uitdaging binnen een leuk snel groeiend bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Developer met ervaring op het gebied van .NET die een organisatie in de regio Arnhem gaat versterken. Jij gaat je binnen dit bedrijf vooral bezighouden met het verbeteren van de functionaliteiten van hun dataplatform. Samen met andere ontwikkelaars denk je mee in oplossingsrichtingen, architectuur en nieuwe technologieÃ«n. Als C# .NET Developer binnen dit bedrijf houd je je niet alleen bezig met het verbeteren van

Bekijk vacature »

Software Ontwikkelaar PHP

Functie omschrijving Full Stack Software Ontwikkelaar gezocht! Voor een bedrijf in de regio van Ermelo zijn wij op zoek naar een Software Ontwikkelaar die gaat bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van SaaS applicatie van dit bedrijf. Hierbij ga jij voor- en samenwerken met de klanten van de organisatie, het is hierbij dus van groot belang dat je communicatief vaardig bent en dat je beschikt over beheersing van zowel de Nederlandse als Engelse taal. Bedrijfsprofiel Waar ga je werken? Altijd al in een echt familiebedrijf willen werken? Dan is dit je kans! Het bedrijf waar je komt te

Bekijk vacature »

C# .NET Software Ontwikkelaar

Functie omschrijving Gezocht: Software Developer C# .NET voor een dynamische organisatie! Ben je onlangs afgestudeerd of ben je toe aan de volgende stap in je professionele carriÃ¨re? Lees dan verder! We zijn momenteel op zoek naar een Software Developer die klaar is voor een nieuwe uitdaging en die onze eindklant in de regio Arnhem kan versterken. In deze functie werk je aan verschillende projecten en bezoek je vaak klanten. Je kunt een rol verwachten met veel uitdaging, diversiteit en verantwoordelijkheid. Bedrijfsprofiel Binnen welke organisatie ga je aan de slag? Je gaat werken bij een organisatie die zich specialiseert in het

Bekijk vacature »

SQL beheerder / ontwikkelaar

Functie omschrijving Voor een klant in omgeving Tiel zijn wij op zoek naar een SQL beheerder met affiniteit met technisch applicatiebeheer. Je krijgt een fijne in-house werkplek waar je gaat werken aan diverse projecten. Dit bedrijf doet het beheer van databases voor een aantal bancaire klanten. Op dit momenten hebben zij ruim 1500 databases in beheer. Jouw werkzaamheden gaan er als volgt uit zien: Je gaat de development afdeling ondersteunen bij het ontwikkelen van MS SQL Scripts. Je zal zowel zelfstandig als in teamverband MS SQL databases installeren & beheren. Je monitort en onderzoekt incidenten en de achterliggende oorzaken. Je

Bekijk vacature »

Software Ontwikkelaar PHP

Bekijk vacature »

Informeel bureau zoekt Senior PHP developer

Functie Als senior PHP developer neem je het voortouw in ontwikkeltrajecten en ben je in staat werk uit te leggen aan collegaâ€™s om zo je kennis met hen te delen. Je deinst niet terug voor ingewikkelde projecten. Deze zie jij alleen maar als uit uitdaging. Je werkt doorlopend aan klantcases (en hierdoor je klant echt leert kennen), maar toch ben je afwisselend bezig. Dit alles in een vrije en ontspannen werksfeer, met een team van gelijkgestemde. Binnen de development teams werken ze met o.a. PHP, Laravel, React, Node, Elastic, Amazon AWS, JIRA, Solid, Domain-driven-design, Doctrine, Redis, docker, Kubernetes, CI, PHP

Bekijk vacature »

Ontwikkelaar Identity & Access Management

Dit ga je doen Als Identity & Access Management Ontwikkelaar zorg jij er voor dat studenten, medewerkers en docenten de juiste benodigdheden op het juiste moment kunnen gebruiken; Het juist opslaan van onderzoeksdata en het openbaar beschikbaar stellen van publicaties (Open Access); Studenten, collega's en wetenschappers ondersteunen; Agile en Scrum werken; Technisch Applicatiebeheer; Ontwikkelen in One Identity Manager en VB.NET. Hier ga je werken Als Ontwikkelaar kom je terecht in een hecht team die zich richt op wetenschappelijke informatie en ICT. Jij bent degene die er voor zorgt dat alle informatie, uit diverse onderzoeken, bij de juiste personen terecht komt.

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 »

Senior Applicatie ontwikkelaar Java

Bedrijfsomschrijving De IV- organisatie van de Belastingdienst is verantwoordelijk voor en verzorgt de ICT- voorzieningen. Het merendeel van de applicaties wordt op dit moment door de IV- organisatie zelf ontwikkeld, onderhouden en beheerd in het eigen data center. Naast de zorg voor continuÃ¯teit op de massale heffing- en inningsprocessen die plaatsvinden binnen een degelijke, stabiele omgeving, wordt er tevens volop gewerkt aan modernisering van het IV- landschap. Dit gebeurt deels intern door gebruik te maken van de expertise die intern aanwezig is, maar ook door het aantrekken van (kant-en-klaar) oplossingen en expertise uit de markt. Functieomschrijving We verwachten van je,

Bekijk vacature »

Jan te Pas

20/02/2018 14:09:00

Hallo allemaal,
Ik ben aan het stoeien met javascript. Gaat eigenlijk goed. Maar loop nu tegen het volgend eaan.

Ik heb een formulier met een veld "Aantal, dit veld heeft ook als id="aantal"
Nu wil ik bij het wisselen van een aantal in dit veld een andere afbeelding tonen bij een selectbox. De selectbox heeft onchange ingesteld:
<select name="steek" id="steek" onchange="barometer(this.value);">
Als ik alleen dit doe. Krijg ik niet eens de alertbox te zien. Als ik alle voorwaardentest: if (x>1 && x<50) {
weghaal, dan werkt het wel op basis van de variabele 'valle' die meegegeven wordt.
Ik zie kennelijk iets over het hoofd.
Wie kan mij helpen? Dank!
Jan

De input met de afbeelding die gewisseld wordt

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<labeL>Aantal worpen:</font><label><br>
<input type="text" name="aantal" id="aantal" minlength="1" maxlength="10" placeholder="Aantal" size="10" required>
<br>
<label>Het scorepercentage  (in %)<label><br>
<select name="steek" id="steek" onchange="barometer(this.value);">
                          <option value="10" selected> 10%</option>
                            <option value="20" > 20%</option>
                            <option value="30"> 30%</option>
                            <option value="40"> 40%</option>
                            <option value="50"> 50%</option>
                            <option value="60"> 60%</option>
                            <option value="70"> 70%</option>
                            <option value="80"> 80%</option>
                            <option value="90"> 90%</option>
                            <option value="100"> 100%</option>
  </select>
     
  <img src="1.jpg" name="score" id="score" align="top" width="179px" height="25px"  onclick="popupCenter('Scorekaart.html','Steekproef uitleg',800,800)" title="Klik hier voor meer informatie over de scorekaart" />

De functie die wel werkt:

Code (php)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

Ik wilde iets uitbreiden, maar dan loop ik tegen een probleem. Als ik de alert uit de comments haal. Dan krijg ik geen alert te zien. Bij de eerste function wel.

De functie die niet werkt:

Code (php)

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

Gewijzigd op 20/02/2018 17:04:51 door Jan te Pas

PHP hulp

24/04/2024 00:47:42

Thomas van den Heuvel

20/02/2018 17:08:57

- hoe zien je options eruit?
- kun je voor "valle" niet beter de naam van de afbeelding gebruiken, en in option de "valle" tonen, maar de naam van de afbeelding als value gebruiken? dus zoiets:

Code (php)

Dan kun je je function reduceren tot één regel?

Code (php)

1
2
3

function barometer(val) {
document.getElementById('score').src = val+'.jpg';
}

- heb je een afbeelding met id "score"?
- heb je een element met id "waarde"?

Jan te Pas

20/02/2018 18:24:06

Hoi Thomas,
Ik heb 10 plaatjes met scores. Ze hebben de afmeting 179x25 pixels.
Het plaatje wordt naast de select opties getoond:

Code (php)

De select, heb ik zo opgezet:

Code (php)

dat is de aanroep van de function. Als parameter wordt de gekozen waarde van de selectbox meegegeven.
Bij de definitie van de functie zet ik de waarde van het 'aantal'- veld in x.
Ik wil bij verschillende aantallen andere plaatjes laten zien. Dus ik heb straks meer dan 30 afbeeldingen. Welke getoond wordt is afhankelijk van de waarde die ingevoerd wordt in 'aantal' en dan check ik dat bij de functie
Als aantal>9 && aantal< dan.
En dat gaat mij dus niet goed lukken.
Ik weet niet wat ik fout doe.

Thomas van den Heuvel

20/02/2018 19:47:06

Ik snap wat je probeert te doen, mijn aanpak stelt een versimpeling voor.

Je controleert trouwens twee keer hetzelfde interval (x>49 && x<200). Als x hier aan voldoet zal altijd het if-statement van regel 18 gebruikt worden, en nooit die van regel 29.

Het volgende werkt voor mij prima, dus ik weet niet wat je verkeerd doet. Mogelijk wil je wel de Return/Enter-toets afvangen als je een aantal intoetst, want dat ververst mogelijk de pagina.

Code (php)

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript select test</title>
</head>

<body>
<form>
aantal <input type="text" name="aantal" id="aantal" value="1"><br>
<select name="steek" id="steek" onchange="barometer(this.value)">
    <option value="">-- selecteer --</option>
    <option value="1">10</option>
    <option value="2">20</option>
    <option value="3">30</option>
    
    <option value="8">80</option>
    <option value="9">90</option>
    <option value="10">100</option>
</select>
</form>
<img src="1.jpg" id="score" alt="hello" width="75" height="25">
<script type="text/javascript">
//<![CDATA[
function barometer(val) {
    var aantal = parseInt(document.getElementById('aantal').value);
    var steek = parseInt(val);
    var afbeeldingNr = 1; // of een zinnige default
    if (isNaN(aantal) || isNaN(steek)) {
        // geef foutmelding of een vorm van terugkoppeling
        alert('no numbers');
    } else {
        // indien aantal tussen  0 t/z 50: + 0
        // indien aantal tussen 50 t/z 200 + 10
        // et cetera
        if (aantal > 0 && aantal < 50) {
            afbeeldingNr = steek;
        } else if (aantal >= 50 && aantal < 200) {
            afbeeldingNr = steek + 10;
        }
        // et cetera
        document.getElementById('score').src = afbeeldingNr+'.jpg';
    }
}
//]]>
</script>
</body>
</html>

Jan te Pas

20/02/2018 19:51:57

Dank Thomas,
Thanks, ik heb eea nu werkend. Top dat jij mij de goede kant op gezet hebt. Dank!
Jan

Gewijzigd op 20/02/2018 20:39:22 door Jan te Pas

Forum berichten

Reacties

PHP scripts

PHP tutorials

Actief op PHPhulp

Wat doe ik niet goed in deze javascript function?

Jan te Pas

PHP hulp

Thomas van den Heuvel

Jan te Pas

Thomas van den Heuvel

Jan te Pas

Over PHPhulp

Support

Gesponsord

Extra's

Privacy