div select onlick button

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Integration Developer

Functieomschrijving As senior integration developer at Randstad Groep Nederland IT you play an integral role in innovating and optimising our processes and way of working. As we continue to move towards a more internationally connected tech environment and build new global platforms, our integration team continues to grow. You will join the APK team (Applicatie Koppelingen), consisting of business analysts, developers, a product owner and scrum master. Together you are responsible for a fundamental aspect of our applications, providing the basis for our other development teams. What will you do as senior integrations developer? As senior integrations developer you work

Bekijk vacature »

Senior pega developer

As a Pega developer at Mandemakers in Waalwijk you will make an important contribution to the digitization of our business processes. In your role you will coordinate and attribute to all facets of the digital transformation of our company (fulltime). As a Pega developer you will make an important contribution to the digitization of our business processes. In your role you will coordinate and attribute to all facets of the digital transformation of our company. De Mandemakers Group, a house full of opportunities. You will take part in a great project for De Mandemakers Group and for Pega. You and

Bekijk vacature »

Full stack developer / Python, React

Functie Jij als full stack developer komt binnen onze Technology afdeling te werken. Deze bestaat momenteel uit 15 man. De stack waarmee wij werken is voornamelijk Python, Javascript, React en GraphQL. Binnen deze afdeling wordt er met multidisciplinaire teams gewerkt aan verschillende projecten. Projecten duren vaak langer dan 3 maanden en je bent van begin tot eind vaak betrokken. Naast dat je als full stack ontwikkelaar aan de slag gaat ben je ook Consultant. Dit betekent dat je ook klantcontact hebt in je rol en werkshops geeft. De verhouding tussen deze werkzaamheden zijn ongeveer 70% development en 30% consultancy. Een

Bekijk vacature »

Back end Node.js developer

Functie Het ontwikkelteam bestaat momenteel uit 5 (back-end) Developers, 2 systeembeheerders, 1 DevOps engineer, 1 Tech Lead en 2 Scrum Masters. Samen wordt er doorontwikkeld aan twee SaaS-platformen die in een hoog tempo doorontwikkeld moeten worden. Omdat innovatie een belangrijk speerpunt binnen de organisatie is, wordt er ook continu naar snellere en slimmere oplossingen te bedenken en realiseren. Als Back-end Developer hou jij je dagelijks bezig met vraagstukken zoals: API-development, high volume datastromen, het ontwikkelen van Bots aan de hand van A.I. Daarnaast denk en werk jij mee aan de onlineapplicaties voor klanten. Er wordt zelfstandig en in teamverband gewerkt

Bekijk vacature »

Lead application developer

As an lead application developer you’ll become part of the Application department. This department manages, supports and develops existing and new applications for internal support of the headquarter. One of these applications is Demo3D with which we design our internal transport systems. This application is the basis for all our designs. It is continuously evolving to be able to design, simulate and emulate systems faster and more efficiently, determine costs and predict and plan resource and material needs. Responsibilities You and your colleagues form a bridge between the product developers (research & development and product management) on the one hand

Bekijk vacature »

Senior Java developer (backend)

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 »

Senior Java Full Stack Developer

Functieomschrijving Als Senior Java Full Stack Developer binnen ons Client domein maak je directe impact op de dienstverlening van heel Randstad Groep Nederland. Je bent onderdeel van onze interne IT afdeling. Ondanks de domein naam dus geen eindeloze klantopdrachten, maar juist focus op de technische innovatie van onze eigen processen en dienstverlening. Om dit continu te kunnen optimaliseren zitten we middenin een grote transformatie en zijn daarom op zoek naar een tweetal vaste senior developers die ruimte en vrijheid zoeken om hun kennis en ervaring in te zetten. Wat bieden wij? Het nodige vertrouwen en de autonomie om je werk

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 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 SaaS-platform.

Bekijk vacature »

PHP Developer / Laravel / Microservices

Dit ga je doen Opzetten van nieuwe omgevingen; Ontwikkelen van nieuwe oplossingen; Oplossen van complexe issues. Hier ga je werken De organisatie heeft een platte organisatiestructuur voor hun klanten in de bouwsector waarin snel en gemakkelijk offertes opgesteld kunnen worden. Met deze cloudoplossingen besparen hun klanten veel tijd. Inmiddels zijn zij hierin marktleider in Nederland en zij ze inmiddels ook internationaal actief en zijn ze sterk groeiende. Als PHP Developer kom je te werken op een afdeling welke is verdeeld in 3 teams. Je komt te werken binnen het team wat zich richt op de nieuwe software waarbij je voornamelijk

Bekijk vacature »

Delphi Developer

Als Delphi Developer werk je samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken. Wat doe je als Delphi Developer bij Coolblue? Je werkt samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken, of het nu gaat om het uitbreiden van features of het migreren naar API's. Alles om een glimlach op het gezicht van onze collega's te toveren! Hoewel je een Delphi Developer bent, ben je niet vies van een beetje C#. Wil jij ook Delphi Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind

Bekijk vacature »

Senior Java developer

Dit ga je doen Jouw taken als Senior Java Developer zijn: Het maken van strategische keuzes omtrent de nieuwbouw van applicaties; Het maken van technische ontwerpen; Hands-on mee ontwikkelen met het team (met o.a. Java FX, JDBC, SQL, REST, Jax-RS, JSON, Maven, JUnit en Spring (boot)); Reviewen van code en feedback geven op collega developers; Analyseren en oplossen van bugs/incidenten door het onderlinge verband te kunnen leggen van verschillende losstaande systemen. Hier ga je werken Het bedrijf waar je als Senior Java Developer komt te werken staat internationaal bekend om het testen van bodemstructuren door middel van echotechnieken en beeldherkenning.

Bekijk vacature »

Freelance senior Java developer Belastingdienst (z

Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 80,00 Startdatum inzet: 31-10-2022 Job type: tijdelijke functie, met optie op vast Concern: Belastingdienst B/cao Voor de Agile Release Train (ART) Klantgegevens binnnen het domein IV/Generieke Voorzieningen/Gegevens, zijn we op zoek naar 2 javaontwikklaars met veel programmeer ervaring in complexe omgevingen. Als javaontwikkelaar ben je binnen een van de twee scrumteams verantwoordelijk voor het realiseren van specificaties (user stories) in javaprogrammatuur, binnen de kaders van de MTHV's en architectuur. Kennis van het aplicatie landschap van de belastingdienst is een pré. Ook ervaring in een rol als scrummaster is een pré maar

Bekijk vacature »

Medior Java Ontwikkelaar

Functieomschrijving De Douane Keten Aangifte zoekt een Medior Java Ontwikkelaar De Douane Keten Aangifte (DA) is verantwoordelijk voor het ontwikkelen, beheren en beschikbaar stellen van IV-voorzieningen voor de Douane applicaties, die het aangifteproces voor Douane ondersteunen. Daaronder vallen de systemen voor o.a. invoeren, doorvoeren en uitvoeren van goederen naar de EU (en Nederland). Keten DA is een van de drie ketens van IV Douane. Ontwikkeling van nieuwe applicaties en verbetering/uitbreiding van bestaande applicaties vindt binnen IV Douane plaats in tweewekelijkse sprints m.b.v. Agile-ontwikkelmethoden. Dit wordt uitgevoerd door multidisciplinaire teams, bestaande uit een mix van ontwikkelaars, aangevuld met een Scrum Master

Bekijk vacature »

Email Front-End Developer

Ben jij de Creatieve Front-ender die de mooiste mails voor Coolblue binnen no time kan bouwen? Wat doe je als Email Front-End Developer bij Coolblue? Droom jij in HTML en CSS? Weet jij als geen ander een ambitieus email design om te bouwen naar de werkelijke email? Zwem jij graag in je code om bestaande templates net weer een beetje beter te maken? Weet jij alles over Email Development? Dan zoeken wij jou! Ook Email Front-end Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen Samen met een dedicated Email Development

Bekijk vacature »

Robot Programmeur / Werken met Vision en Camera Te

Introductie Programmeren van zelflerende robots Werken op kantoor en testen in de bedrijfshal Je krijgt verantwoordelijkheid, vrijheid en je mag werken naar eigen inzicht Organisatie Een bedrijf dat innovatieve robottoepassingen ontwerpt en bouwt voor onder andere de staal industrie, energie- bouw- en agrarische sector. De robots die vaak in combinatie met diverse randapparatuur geleverd worden vormen een totaaloplossing voor de klant. Dit zijn klanten over de hele wereld, van België en Duitsland tot China, India, maar ook in Nederland. Projecten waar momenteel aan wordt gewerkt zijn onder andere: Energie sector: Het volledig geautomatiseerd spuiten van turbinebladen van 105 meter lang

Bekijk vacature »
Hendry huisman

hendry huisman

16/08/2022 15:27:10
Quote Anchor link
Hallo ik heb een vraagje,

ik wil zeg maar een div ellement linken naar een andere pagina
dus heb zeg maar meerdere divs keuze wanneer ik er op klik selecteert die hem en wanneer ik op de submit knop drukt linkt die me naar de andere pagina

div1 gaat naar google.nl
div2 gaat naar spelletjes.nl

enzo enzo nu ben ik aan het kijken jquery maar er kom er niet over uit alleen met de option select kan ik dingen vinden iemand een idee en me er mee kunt helpen ??
 
PHP hulp

PHP hulp

05/10/2022 01:55:42
 
Ivo P

Ivo P

16/08/2022 16:24:30
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
<div id="div1" class="selectiediv" data-target="https://google.com">Google</div>
<div id="div2" class="selectiediv" data-target="https://spelletjes.nl">Spelletjes</div>

<button type="button" id="debutton">Go</button>

<script>
$('.selectiediv').on('click', function() {
   // eerst geen selectie:
   $('.selectiediv').removeClass('selected');
   // geklikte element WEL selected:
   $(this).addClass('selected');
});

$('#debutton').on('click', function(){
   var keuze = $('.selectiediv.selected');
   if(keuze.length == 1) {
      var target = $(keuze[0].data('target');
  
      window.location = target;

   }
   else {
      // doe niets of zeg dat ze 1 keuze moeten maken
  }

});
</script>


eventueel kun je ook in je script een lijstje opnemen en dan obv id=div1 de link naar google leggen.

Toevoeging op 16/08/2022 16:25:41:

en met CSS kun je dan zorgen dat de class "selected" optisch duidelijk maakt welke div gekozen is. Bijvoorbeeld met een rode rand er omheen.
Gewijzigd op 16/08/2022 16:24:53 door Ivo P
 
Hendry huisman

hendry huisman

16/08/2022 17:22:00
Quote Anchor link
ik heb het nu zo maar het werkt 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
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92

<div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box" style="cursor: pointer;" tabindex="0">
<div _ngcontent-wnc-c85="" class="w-100">
<div _ngcontent-wnc-c85="" class="selectiediv" data-target="https://google.com">
<p _ngcontent-wnc-c85="" class="basket-additional-title float-left">google</p></div>
<div _ngcontent-wnc-c85="" class="float-right">
<span _ngcontent-wnc-c85="" class="right_arrow_basket float-right"></span></div>
</div>
</div>

<!---->
<!---->
<!---->
<!---->
<div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box">
<div _ngcontent-wnc-c85="" class="w-100">
<div _ngcontent-wnc-c85="" class="custom-padding-horizontal-align float-left basket-data-title-width">
<label _ngcontent-wnc-c85="" class="w-100 basket-additional-title float-left"> Graag een betalingsbewijs / factuur <span _ngcontent-wnc-c85="" data-toggle="modal" data-target="#ProofOdPaymentModal" class="weight-tooltip"></span></label>
</div>  
<div _ngcontent-wnc-c85="" class="float-right">
<label _ngcontent-wnc-c85="" for="proofOfPaymentOrInvoice" class="checkbox basket-checkbox-padding">
<span _ngcontent-wnc-c85="" class="basket-checkbox-unchecked"></span>
<input _ngcontent-wnc-c85="" id="proofOfPaymentOrInvoice" type="checkbox" formcontrolname="proofOfPaymentOrInvoice" name="proofOfPaymentOrInvoice" class="select ng-untouched ng-pristine ng-valid"></label>
</div>
</div>
<!---->
</div>
<!---->
 </div>
 </div>
 <div _ngcontent-wnc-c85="" class="row order-summary my-3">
 <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
 <p _ngcontent-wnc-c85="" class="summary-label">Overzicht bestelling</p>
 <p _ngcontent-wnc-c85="" class="summary-padding summary-item w-100 float-left">
 <span _ngcontent-wnc-c85="" class="float-left" style="width: 80%;"> Belgi (x1) </span>
 <span _ngcontent-wnc-c85="" class="float-right basket-order-summary-price"> 6,90 </span>
 </p>
 <!---->
 <!---->
 <!---->
 <!---->
 <p _ngcontent-wnc-c85="" class="summary-padding summary-item w-100 float-left"> btw <span _ngcontent-wnc-c85="" class="float-right basket-order-summary-price">0,00</span>
 </p>
 <!---->
 <p _ngcontent-wnc-c85="" class="summary-padding summary-total w-100 float-left"> Totaal <span _ngcontent-wnc-c85="" class="order-total float-right">6,90</span>
 </p>
 </div>
 <!---->
 <div _ngcontent-wnc-c85="" class="order-confirm-box col-lg-12 padding-order-confirm">
 <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
 <div _ngcontent-wnc-c85="" class="row m-0">
 <div _ngcontent-wnc-c85="" class="confirm-basket-check-width">
 <label _ngcontent-wnc-c85="" for="confirm_check_pay" class="checkbox">
<span _ngcontent-wnc-c85="" class="basket-confirm-checked"></span>
<input _ngcontent-wnc-c85="" id="confirm_check_pay" type="checkbox" formcontrolname="acceptedTermsAndConditions" name="acceptedTermsAndConditions" class="select ng-untouched ng-pristine ng-invalid"></label>
</div>
<div _ngcontent-wnc-c85="" class="confirm-basket-message-width">
<label _ngcontent-wnc-c85="" class="confirm-message-text-basket"> Ik aanvaard de  <a _ngcontent-wnc-c85="" href="javascript:;" class="confirm-message-redtext-basket">algemene voorwaarden voor</a>  pakjes en werd genformeerd over de verwerking van mijn persoonsgevens zoals beschreven in de <a _ngcontent-wnc-c85="" href="javascript:;" class="confirm-message-redtext-basket"> privacy beleid</a>  , zoals het gebruik ervan door bpost om mij te informeren over gelijkaardige diensten en acties van bpost (door sociale medien inbegrepen). Je kan je op elk moment via elke e-mail uitschrijven. </label><label _ngcontent-wnc-c85="" class="confirm-message-text-basket"> Eenmaal aangemaakt kan een verzendetiket niet meer worden aangepast, geannuleerd of terugbetaald. Door uw bestelling te bevestigen, gaat u hiermee akkoord en ziet u af van uw <a _ngcontent-wnc-c85="" data-toggle="modal" data-target="#RighttoWithdraw" class="confirm-message-redtext-basket-withdraw"> herroepingsrecht. </a></label>
</div>
</div>
<!---->
</div>
</div>
<!---->
<!---->
<div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
<button _ngcontent-wnc-c85="" id="debutton" type="submit" class="btn btn-large btn-block submit-button button-enabled bastet-pay-button-width">Betaal</button>
</div>
</div>
</div>
<script>
$('.selectiediv').on('click', function() {
   // eerst geen selectie:
   $('.selectiediv').removeClass('selected');
   // geklikte element WEL selected:
   $(this).addClass('selected');
});

$('#debutton').on('click', function(){
   var keuze = $('.selectiediv.selected');
   if(keuze.length == 1) {
      var target = $(keuze[0].data('target');
  
      window.location = target;

   }
   else {
      // doe niets of zeg dat ze 1 keuze moeten maken
  }

});
</script>
Gewijzigd op 16/08/2022 17:25:19 door hendry huisman
 
- Ariën  -
Beheerder

- Ariën -

16/08/2022 17:37:18
Quote Anchor link
Laad jij überhaupt wel jQuery in?
 
Hendry huisman

hendry huisman

16/08/2022 17:47:06
Quote Anchor link
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

deze bedoel je ?

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<form method="post" action="">
<div _ngcontent-wnc-c85="" class="row basket-detail-formpadding">
<div _ngcontent-wnc-c85="" class="col-lg-8 col-xg-8 col-sm-12 col-md-12">
<!---->
<!---->
<!---->
<div _ngcontent-wnc-c85="" tabindex="1">
<div _ngcontent-wnc-c85="" class="shadow-box pb-4" id="parcelid-UIFeiBAmRLgtETBDdNO5">
<div _ngcontent-wnc-c85="" class="row mx-0 cursor-pointer">
<div _ngcontent-wnc-c85="" class="w-100">
<input _ngcontent-wnc-c85="" class="d-none" id="up-parcel1">
<div _ngcontent-wnc-c85="" class="float-left p-0 fixed-width-heading-basket">
<label _ngcontent-wnc-c85="" class="recipient-name-basket"> test de test </label>
 <!---->
<label _ngcontent-wnc-c85="" class="recipient-address-basket">
<span _ngcontent-wnc-c85="" class="diplay-bar-in-small-device">|</span> Belgi <span _ngcontent-wnc-c85=""> (Adres)</span><!----><!----></label><!----></div><div _ngcontent-wnc-c85="" class="float-right p-0"><h5 _ngcontent-wnc-c85="" class="total-price-basket"> 6,90 </h5></div></div></div><!----><div _ngcontent-wnc-c85="" id="basket-item" class="collapse show"><div _ngcontent-wnc-c85="" class="basket-divider"></div><div _ngcontent-wnc-c85="" class="row m-0"><div _ngcontent-wnc-c85="" class="basket-reciever-sender"><div _ngcontent-wnc-c85="" class="form-group pb-3 basket-vertical-grey-line"><div _ngcontent-wnc-c85="" class="row m-0"><label _ngcontent-wnc-c85="" class="basket-title-label float-left">Ontvanger</label><a _ngcontent-wnc-c85="" href="/nl/recipient-detail/parcelid-UIFeiBAmRLgtETBDdNO5"><span _ngcontent-wnc-c85="" class="edit_arrow_sender"></span></a><!----></div><div _ngcontent-wnc-c85="" class="basket-data-description"><p _ngcontent-wnc-c85="" class="word-break">test de test</p><!----><!----><p _ngcontent-wnc-c85="" class="word-break"> KETSSTRAAT 12<br _ngcontent-wnc-c85=""><!----><!----> 2018 ANTWERPEN </p><!----><!----><p _ngcontent-wnc-c85="" style="word-break: break-all;">lol2@gmail.com</p><!----><!----><!----></div><!----><!----><!----></div></div><div _ngcontent-wnc-c85="" class="basket-reciever-sender"><div _ngcontent-wnc-c85="" class="form-group pb-3 basket-vertical-grey-line"><div _ngcontent-wnc-c85="" class="row m-0"><label _ngcontent-wnc-c85="" class="basket-title-label float-left">Verzender</label><a _ngcontent-wnc-c85="" href="/nl/sender-detail/parcelid-UIFeiBAmRLgtETBDdNO5"><span _ngcontent-wnc-c85="" class="edit_arrow_sender"></span></a><!----></div><div _ngcontent-wnc-c85="" class="basket-data-description"><p _ngcontent-wnc-c85="" class="word-break">de rikie </p><!----><!----><!----><p _ngcontent-wnc-c85="" class="word-break"> LANGE KIEVITSTRAAT 23<br _ngcontent-wnc-c85=""> 2018 ANTWERPEN </p><!----><p _ngcontent-wnc-c85="" style="word-break: break-all;">lol2@gmail.com</p><!----><!----></div></div></div><div _ngcontent-wnc-c85="" class="basket-parcel-summary-main"><div _ngcontent-wnc-c85="" class="form-group basket-summay-main-margin-mobile"><div _ngcontent-wnc-c85="" class="row m-0"><label _ngcontent-wnc-c85="" class="basket-title-label float-left">Overzicht pakje</label><a _ngcontent-wnc-c85="" href="/nl/parcel-detail/parcelid-UIFeiBAmRLgtETBDdNO5"><span _ngcontent-wnc-c85="" class="edit_arrow_sender"></span></a><!----></div><div _ngcontent-wnc-c85="" class="basket-data-description"><div _ngcontent-wnc-c85="" class="row m-0"><p _ngcontent-wnc-c85="" class="basket-data-title-width float-left word-break"><!----><span _ngcontent-wnc-c85=""> Belgi <span _ngcontent-wnc-c85=""> (Adres)</span><!----><!----></span><!----></p><label _ngcontent-wnc-c85="" class="basket-data-cost float-right">5,70</label></div><div _ngcontent-wnc-c85="" class="row m-0"><p _ngcontent-wnc-c85="" class="basket-data-title-width float-left"> Gewicht: 5-10 kg</p><label _ngcontent-wnc-c85="" class="basket-data-cost float-right">1,20</label></div><!----><!----><!----><div _ngcontent-wnc-c85="" class="row m-0 mobile-basket-total-margin"><label _ngcontent-wnc-c85="" class="basket-items-total basket-data-title-width float-left">Totaal</label><label _ngcontent-wnc-c85="" class="basket-items-total-cost float-right">6,90</label></div></div></div></div></div><div _ngcontent-wnc-c85="" class="row weight-block mt-3"><span _ngcontent-wnc-c85="" class="up_arrow_icon cursor-pointer"></span></div><input _ngcontent-wnc-c85="" class="d-none" id="bottom-parcel1"></div><!----></div></div><!----><!----></div><div _ngcontent-wnc-c85="" class="col-lg-4 col-sm-12 col-md-12 margin-basket-match"><div _ngcontent-wnc-c85="" class="row basket-information">
  <span _ngcontent-wnc-c85="" class="basket-additiona-button-text">Kies uw bank:</span>
<div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding-basket custom-width-basket">
<div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box" style="cursor: pointer;" tabindex="0">
<div _ngcontent-wnc-c85="" class="w-100">
<div _ngcontent-wnc-c85="" class="float-left basket-data-title-width">
<p _ngcontent-wnc-c85="" class="basket-additional-title float-left">Argenta</p></div>
<div _ngcontent-wnc-c85="" class="float-right">
<span _ngcontent-wnc-c85="" class="right_arrow_basket float-right">
</span>
</div>
</div>
</div>
<div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box" style="cursor: pointer;" tabindex="0">
<div _ngcontent-wnc-c85="" class="w-100">
<div _ngcontent-wnc-c85="" class="selectiediv" data-target="https://google.com">
<p _ngcontent-wnc-c85="" class="basket-additional-title float-left">KBC</p></div>
<div _ngcontent-wnc-c85="" class="float-right">
<span _ngcontent-wnc-c85="" class="right_arrow_basket float-right"></span></div>
</div>
</div>

<!---->
<!---->
<!---->
<!---->
<div _ngcontent-wnc-c85="" class="row basket-addiotional-option-box">
<div _ngcontent-wnc-c85="" class="w-100">
<div _ngcontent-wnc-c85="" class="custom-padding-horizontal-align float-left basket-data-title-width">
<label _ngcontent-wnc-c85="" class="w-100 basket-additional-title float-left"> Graag een betalingsbewijs / factuur <span _ngcontent-wnc-c85="" data-toggle="modal" data-target="#ProofOdPaymentModal" class="weight-tooltip"></span></label>
</div>  
<div _ngcontent-wnc-c85="" class="float-right">
<label _ngcontent-wnc-c85="" for="proofOfPaymentOrInvoice" class="checkbox basket-checkbox-padding">
<span _ngcontent-wnc-c85="" class="basket-checkbox-unchecked"></span>
<input _ngcontent-wnc-c85="" id="proofOfPaymentOrInvoice" type="checkbox" formcontrolname="proofOfPaymentOrInvoice" name="proofOfPaymentOrInvoice" class="select ng-untouched ng-pristine ng-valid"></label>
</div>
</div>
<!---->
</div>
<!---->
 </div>
 </div>
 <div _ngcontent-wnc-c85="" class="row order-summary my-3">
 <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
 <p _ngcontent-wnc-c85="" class="summary-label">Overzicht bestelling</p>
 <p _ngcontent-wnc-c85="" class="summary-padding summary-item w-100 float-left">
 <span _ngcontent-wnc-c85="" class="float-left" style="width: 80%;"> Belgi (x1) </span>
 <span _ngcontent-wnc-c85="" class="float-right basket-order-summary-price"> 6,90 </span>
 </p>
 <!---->
 <!---->
 <!---->
 <!---->
 <p _ngcontent-wnc-c85="" class="summary-padding summary-item w-100 float-left"> btw <span _ngcontent-wnc-c85="" class="float-right basket-order-summary-price">0,00</span>
 </p>
 <!---->
 <p _ngcontent-wnc-c85="" class="summary-padding summary-total w-100 float-left"> Totaal <span _ngcontent-wnc-c85="" class="order-total float-right">6,90</span>
 </p>
 </div>
 <!---->
 <div _ngcontent-wnc-c85="" class="order-confirm-box col-lg-12 padding-order-confirm">
 <div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
 <div _ngcontent-wnc-c85="" class="row m-0">
 <div _ngcontent-wnc-c85="" class="confirm-basket-check-width">
 <label _ngcontent-wnc-c85="" for="confirm_check_pay" class="checkbox">
<span _ngcontent-wnc-c85="" class="basket-confirm-checked"></span>
<input _ngcontent-wnc-c85="" id="confirm_check_pay" type="checkbox" formcontrolname="acceptedTermsAndConditions" name="acceptedTermsAndConditions" class="select ng-untouched ng-pristine ng-invalid"></label>
</div>
<div _ngcontent-wnc-c85="" class="confirm-basket-message-width">
<label _ngcontent-wnc-c85="" class="confirm-message-text-basket"> Ik aanvaard de  <a _ngcontent-wnc-c85="" href="javascript:;" class="confirm-message-redtext-basket">algemene voorwaarden voor</a>  pakjes en werd genformeerd over de verwerking van mijn persoonsgevens zoals beschreven in de <a _ngcontent-wnc-c85="" href="javascript:;" class="confirm-message-redtext-basket"> privacy beleid</a>  , zoals het gebruik ervan door bpost om mij te informeren over gelijkaardige diensten en acties van bpost (door sociale medien inbegrepen). Je kan je op elk moment via elke e-mail uitschrijven. </label><label _ngcontent-wnc-c85="" class="confirm-message-text-basket"> Eenmaal aangemaakt kan een verzendetiket niet meer worden aangepast, geannuleerd of terugbetaald. Door uw bestelling te bevestigen, gaat u hiermee akkoord en ziet u af van uw <a _ngcontent-wnc-c85="" data-toggle="modal" data-target="#RighttoWithdraw" class="confirm-message-redtext-basket-withdraw"> herroepingsrecht. </a></label>
</div>
</div>
<!---->
</div>
</div>
<!---->
<!---->
<div _ngcontent-wnc-c85="" class="col-lg-12 custom-padding">
<button _ngcontent-wnc-c85="" id="debutton" type="submit" class="btn btn-large btn-block submit-button button-enabled bastet-pay-button-width">Betaal</button>
</div>
</div>
</div>  
 </form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$('.selectiediv').on('click', function() {
   // eerst geen selectie:
   $('.selectiediv').removeClass('selected');
   // geklikte element WEL selected:
   $(this).addClass('selected');
});

$('#debutton').on('click', function(){
   var keuze = $('.selectiediv.selected');
   if(keuze.length == 1) {
      var target = $(keuze[0].data('target');
  
      window.location = target;

   }
   else {
      // doe niets of zeg dat ze 1 keuze moeten maken
  }

});
</script>
Gewijzigd op 16/08/2022 18:07:59 door hendry huisman
 
- Ariën  -
Beheerder

- Ariën -

16/08/2022 18:06:51
Quote Anchor link
Ja
 
Hendry huisman

hendry huisman

16/08/2022 18:10:04
Quote Anchor link
misschien zie je de code hier beter

https://pastebin.com/2kjiQs75
 
Ad Fundum

Ad Fundum

16/08/2022 20:58:28
Quote Anchor link
Wat is er mis met de anchor-tag?
 
Hendry huisman

hendry huisman

16/08/2022 21:02:22
Quote Anchor link
anchor-tag is niet meer in gebruik
 
Ad Fundum

Ad Fundum

16/08/2022 23:24:43
Quote Anchor link
Owh ja joh? Volgens wie dan wel?
 
Ozzie PHP

Ozzie PHP

17/08/2022 00:04:01
Quote Anchor link
>> ik wil zeg maar een div ellement linken naar een andere pagina

En waarom wil je dat per se zeg maar met een div en een formulier doen? Waarom niet gewoon via een normale link?
 
Ivo P

Ivo P

17/08/2022 09:18:59
Quote Anchor link
<button _ngcontent-wnc-c85="" id="debutton" type="submit"


Jouw button is een submit-button. De primaire actie van die button zal zijn om zijn Form te submitten. Dus dat gebeurt en ongeveer gelijktijdig kan hij nog starten met zijn javascript. Maar waarschijnlijk is de browser dan al onderweg naar <form method="post" action=""> (dus een submit naar zichzelf.)

Oplossing: button moet van type=button zijn.

Verder zie ik maar 1x een div met class="selectiediv"?
 
Hendry huisman

hendry huisman

17/08/2022 23:55:04
Quote Anchor link
@ivop ik heb deze script nu appart in php bestand gedaan maar daar werkt die ook 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
16
17
18
19
20
21
22
23
24
25
26
27
<div id="div1" class="selectiediv" data-target="https://google.com">Google</div>
<div id="div2" class="selectiediv" data-target="https://spelletjes.nl">Spelletjes</div>

<button type="button" id="debutton">Go</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$('.selectiediv').on('click', function() {
   // eerst geen selectie:
   $('.selectiediv').removeClass('selected');
   // geklikte element WEL selected:
   $(this).addClass('selected');
});

$('#debutton').on('click', function(){
   var keuze = $('.selectiediv.selected');
   if(keuze.length == 1) {
      var target = $(keuze[0].data('target');
  
      window.location = target;

   }
   else {
      // doe niets of zeg dat ze 1 keuze moeten maken
  }

});
</script>
 
Ozzie PHP

Ozzie PHP

18/08/2022 01:15:27
Quote Anchor link
Reageer eens op mijn vraag:

Ozzie PHP op 17/08/2022 00:04:01:
>> ik wil zeg maar een div ellement linken naar een andere pagina

En waarom wil je dat per se zeg maar met een div en een formulier doen? Waarom niet gewoon via een normale link?
 
Ad Fundum

Ad Fundum

18/08/2022 16:10:31
Quote Anchor link
Ik deel je ergernis Ozzie.

Aan de andere kant, hoe kan je iemand serieus nemen als die zegt dat HTML niet meer wordt gebruikt?
 
Ivo P

Ivo P

18/08/2022 16:23:30
Quote Anchor link
Er mist een haakje op regel 17.
Dat had je gezien als je in je browser in de console meekijkt. (Meeste browsers is die te vinden via de button F12.

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
<style>
.selected {
  border: 1px solid #f00;
}
</style>
<div id="div1" class="selectiediv" data-target="https://google.com">Google</div>
<div id="div2" class="selectiediv" data-target="https://spelletjes.nl">Spelletjes</div>

<button type="button" id="debutton">Go</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$('.selectiediv').on('click', function() {

   // eerst geen selectie:
   $('.selectiediv').removeClass('selected');
   // geklikte element WEL selected:
   $(this).addClass('selected');
});

$('#debutton').on('click', function(){

   var keuze = $('.selectiediv.selected');
   if(keuze.length == 1) {
      var target = $(keuze[0]).data('target');
  
      window.location = target;

   }
   else {
      // doe niets of zeg dat ze 1 keuze moeten maken
  }

});
</script>



Zo zonder verdere uitleg, zou het voor de hand liggen om gewoon een <a href="google.com"></a> om je div te zetten.
Maar ik kan me ook voorstellen dat het een layout dingetje is, om een radio button te simuleren en dan na 3 keuzes pas door te linken ovv. de andere opties.

Als niet, dan ligt gewoon de old <a href> voor de hand.
 



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.