Dialog tag

Overzicht

Sponsored by: Vacatures door Monsterboard

Medior Android Developer

Android developer with 4+ years of work experience, are you looking for a new job with lots of colleagues with the age of 30? They room for you in their team! As mobile developer, you will contribute to the digital transformation of serval clients. You will take part in a self-organizing multi-disciplined mobile platform. You have at least four years' experience with mobile development. Working together as a team and collaborate is really important. As a member of a multi-cultural scrum team, you work together towards the best results. You want to create the best solution for the customers and

Bekijk vacature »

Frontend Developer

Dit ga je doen Door ontwikkelen van het online platform Deel uitmaken van verschillende ontwikkelteams Meedenken over UI/UX vraagstukken Uitdragen van Front-end binnen de organisatie Hier ga je werken Deze organisatie, gevestigd in de omgeving van Amsterdam, is een grote onderwijs instelling met meerdere vestigingen en een groot aantal studenten. Zo telt deze organisatie +/- 35.000 gebruikers. Bij deze organisatie staat jouw ontwikkeling centraal en is er veel ruimte voor eigen initiatieven. In samenwerking met jouw team ga jij de online omgeving verder ontwikkelen. In de rol van Front end Developer zal jij 50% van jouw tijd werken in het

Bekijk vacature »

Full Stack Developer

Functie omschrijving Voor een klein softwarebedrijf in Woerden zijn wij op zoek naar een Full Stack Developer. Je kunt in deze functie rekenen op veel vrijheid en verantwoordelijkheid, aangezien jij je eigen projecten krijgt toegewezen en je veelal thuis werkt. Daarbij kun je rekenen op goede begeleiding en betrokken collega's, zodat jij je zeker niet alleen hoeft te voelen wanneer je thuis werkt. Er wordt wekelijks op de maandag met elkaar op kantoor afgesproken. Maar wat ga je precies doen? De eigenaar heeft een eigenlijk applicatie ontwikkeld, waarmee bedrijven wereldwijd hun projecten in kunnen organiseren. Jij werkt aan de ontwikkeling

Bekijk vacature »

Medior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »

Senior 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 kijk je 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 »

PHP Developer (junior functie)

Functie omschrijving Ben jij een starter en wil je werken bij een jong en leuk bedrijf? Lees dan verder! Wij zijn op zoek naar een PHP Developer binnen een junior functie. Binnen dit bedrijf gaat het om persoonlijke aandacht en ontwikkeling! Je komt te werken voor een leuk communicatiebureau die alles op het gebied van online en offline communicatie doet. Dit doen zij voor verschillende branches, waardoor je aan diverse soorten projecten mag werken, dit maakt deze baan erg leuk! Daarbij werk je aan een door hun zelf ontwikkeld framework welke goed leesbaar is. Je maakt voor bedrijven op maat

Bekijk vacature »

Senior Frontend developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als Frontend Developer in Agile teams bij onze klanten en zijn ze verantwoordelijk voor de grotere webapplicaties. Wil jij dit ook, want we zijn op zoek naar enthousiaste Frontend Developers om ons development team te versterken. Je draagt positief bij aan de teamgeest binnen een projectteam je kijkt verder dan je eigen rol. Eventueel begeleid je ook andere ontwikkelaars in het softwareontwikkelproces. Je gaat webapplicaties maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit

Bekijk vacature »

Back-end Developer gezocht!

Functie omschrijving Junior HBO developer gezocht! Voor een bedrijf in de regio Zeist zijn wij op zoek naar een Back-end developer die klaar is voor een nieuwe uitdaging. Ben jij iemand die graag aan verschillende projecten werkt en het ook leuk vindt om bij klanten op bezoek te gaan? Dan ben jij de perfecte kandidaat. Deze functie is erg divers en je moet dus goed kunnen schakelen. Bedrijfsprofiel Het bedrijf waar je komt te werken is gespecialiseerd in het ontwerpen en implementeren van procesautomatisering en procesinformatisering voor onder andere de (petro)chemie, pharma, infra, olie & gas en food & beverage.

Bekijk vacature »

Wordt als .NET developer mede-eigenaar van deze or

Bedrijfsomschrijving Voor mijn klant in de omgeving van Breda ben ik op zoek naar een back-end developer. Deze klant is al jarenlang een grote speler in de gamewereld; ze bestaan ondertussen ruim 10 jaar en hebben wereldwijd meer dan een miljoen spelers! Op dit moment zijn ze bezig met het opzetten van een nieuw project. Dit project zal over een aantal jaar worden verkocht en voor zolang als dat je er aan werkt bouw je aandelen op van het bedrijf. Door aan het project te werken wordt je zo indirect ook mede-eigenaar van het bedrijf. De opbrengst van dit project

Bekijk vacature »

Software Developer PHP

Functie omschrijving PHP Software Developer gezocht! Wij zoeken een PHP Software Developer die voor een organisatie gaat functioneren als verlengstuk van de klant. Wij zoeken voor deze functie iemand die enthousiast wordt van technisch complexe zaken. In deze functie werk je veel samen met de front-end developers van het bedrijf en zorg je voor grote verschillen bij de klant. Verder zoekt dit bedrijf iemand die. Instaat is om aan meerdere projecten tegelijkertijd te werken; Graag werkt met de nieuwste technieken; Zichzelf graag uitdaagt en die altijd de beste wilt zijn. Bedrijfsprofiel Je nieuwe thuis? De organisatie waar je voor gaat

Bekijk vacature »

MS Access Developer

Functieomschrijving Voor deze toffe opdrachtgever in de omgeving van Tilburg zoeken wij een gedreven MS Acces developer. Jij gaat als ontwikkelaar werken aan de uitbreiding van de core applicaties. Je gaat meebouwen aan nieuwe functionaliteiten. De talen en tools waar je voornamelijk mee gaat werken zijn: MS Access, SQL en C# Bedrijfsprofiel Dit bedrijf is groots in zijn markt en houdt zich bezig met de implementatie van zeer specifieke software. Je komt terecht in een klein team van 5 ontwikkelaars die stuk voor stuk vol passie en plezier hun werk uitvoeren. Salarisindicatie What's on offer? Een salaris van max. €

Bekijk vacature »

Java Developer / Sociaal domein

Dit ga je doen Nieuwbouw en doorontwikkeling; Beheer en wanneer nodig onderhoud; Bijdrage leveren in het functioneel- en technisch ontwerptraject; Analyseren van productie verstoringen; Meedenken over vernieuwingen en verbeteringen. Hier ga je werken De organisatie waar jij komt te werken focust zich op software development met een maatschappelijk tintje. De afdeling software ontwikkeling bestaat uit vijf verschillende scrum teams, met allen hun eigen focus gebied. Zo zijn er een aantal teams die zich focussen op specifieke applicaties, maar is er ook een team gericht op projecten. Binnen de organisatie staat innovatie en kwaliteit voorop. Een aantal applicaties draait nog op

Bekijk vacature »

PHP Developer

Functie omschrijving We are looking for a dutch native speaker In deze functie ga je werken als PHP Developer. Je gaat de interne applicaties verder door ontwikkelen. Je maakt gebruik van de techstack HTML, CSS, PHP en Javascript. Verder ga je aan de slag met de verbetering van het huidige CRM systeem en de volgende taken: API koppelingen bouwen; Werken met nieuwste PHP technieken; Werken in sprints; Deelname aan wekelijkse meetings met het team; Vrijdagmiddag een leuke afsluiten van de werkweek. Bedrijfsprofiel Je gaat werken bij een organisatie die al meer dan 20 jaar werkzaam is binnen de telecombranche. Zij

Bekijk vacature »

Full Stack developer

Functieomschrijving We are looking for a full stack developer who wants to join our development team in building extraordinary software that changes how the Research & Education (R&E) networking community collaborates, innovates and shares knowledge. You will be working on designing, developing and deploying software solutions, such as Network Management Systems and Events Management Systems, to support our business and our community. Role Accountabilities The majority of the work involves: ● Interacting with internal and external stakeholders to understand business requirements ● Architecting, designing, developing, testing and implementing bespoke Information Systems in Python and related technologies ● Agile / Scrum

Bekijk vacature »

Ervaren PHP Software Developer

Functieomschrijving Voor een toffe opdrachtgever in regio Breda zijn wij op zoek naar een medior PHP Developer met affiniteit met Laravel. Je komt te werken bij een uitdagende opdrachtgever met supergave klanten in een specifieke branche. Als PHP ontwikkelaar ben je samen met een vooruitstrevende team van 6 collega’s verantwoordelijk voor de ontwikkeling, beheer en het vernieuwen van informatiesystemen voor een specifieke branche. Je ondersteunt complexe uitdagingen van klanten. Vervolgens breng je hun wensen in kaart en vertaalt deze door naar maatwerk software. Affiniteit met Laravel is een pré. Om de klanten zo goed mogelijk te ondersteunen en snel in

Bekijk vacature »
Jan R

Jan R

23/08/2021 11:37:23
Anchor link
Hoi

Ik heb ergens gelezen dat chrome de alert/prompt en ask zou blokeren in de toekomst.

Ik ben nu dus aan het experimenteren met de tag dialog.
Mijn bedoeling is vooral om bevestiging te hebben bij verwijderen van data.

In onderstaande belachelijke testcode
lukt het wel om de dialoog te tonen. Echter ik kan nog steeds scrollen. Kan ik dat beletten?

Jan

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
<!DOCTYPE html>
<html lang="nl">
    <head>
        <meta charset="utf-8">
        <title>test dialog tag</title>
        <style>
            dialog {
                width: 50%;
                margin: auto;
            }
        </style>
    </head>
    <body>
        <dialog id="dlg">
            <h2>Dialoog titel</h2>
            abcdefghijklmnopqrstuvwxyz<br>
            0123456789<br>
            ABCDEFGHIJKLMNOPQRSTUVWXYZ<br><br>
            <button onclick="document.getElementById('dlg').close();">Sluit</button>
        </dialog>
        <hr>
        <button onclick="document.getElementById('dlg').showModal();">Toon dialoog</button>
        <div>
            <?php
                $karakters
= 'abcdefghijklmnopqrstuvwxyz0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';
                for($i=1;$i<=1000;$i++) {
                    $len = rand(2,10);
                    for($j=1;$j<$len;$j++) {
                        echo $karakters[rand(0,strlen($karakters)-1)];
                    }

                    echo ' ';
                }

            ?>

        </div>
        <a href="#">link</a>
    </body>
</html>
 
PHP hulp

PHP hulp

31/03/2023 02:36:16
 
- Ariën  -
Beheerder

- Ariën -

23/08/2021 11:43:09
Anchor link
Geen idee, want ik heb geen Safari. Verder hebben de andere browers geen ondersteuning.

Als ik op https://caniuse.com/?search=showmodal kijk, dan lijkt dit een verloren functie:
Quote:
This feature is deprecated/obsolete and should not be used.


En als ik dit bericht uit 2015(!) lees, dan is wel duidelijk dat de ondersteuning ooit gaat vervallen.

De dialog-tag daarintegen is wel nieuw, en zou wel steeds vaker ondersteund moeten worden vanaf Chrome 93. Ik heb het nog niet kunnen testen.
Gewijzigd op 23/08/2021 11:47:28 door - Ariën -
 
Jan R

Jan R

23/08/2021 11:52:05
Anchor link
- Ariën - op 23/08/2021 11:43:09:
Geen idee, want ik heb geen Safari. Verder hebben de andere browers geen ondersteuning.

Net omgekeerd. Enkel safari ondersteunt het niet. :)

- Ariën - op 23/08/2021 11:43:09:
Als ik op https://caniuse.com/?search=showmodal kijk, dan lijkt dit een verloren functie:
Quote:
This feature is deprecated/obsolete and should not be used.


Niet gezien This feature is deprecated/obsolete and should not be used. Zal dus maar stoppen met dialog. Ik was gelukkig maar aan het testen.

- Ariën - op 23/08/2021 11:43:09:
En als ik dit bericht uit 2015(!) lees, dan is wel duidelijk dat de ondersteuning ooit gaat vervallen.

De dialog-tag daarintegen is wel nieuw, en zou wel steeds vaker ondersteund moeten worden vanaf Chrome 93. Ik heb het nog niet kunnen testen.

Hoe raar! Dialog nieuw maar showmodal depricated. showmodal is net voor tag-dialog.

Bedankt
Jan



Toevoeging op 23/08/2021 11:57:39:

Als ik goed verder lees is het Window.showModalDialog dat deprecated is. Niet de tag dialog en dialog.showModal.
 
Ozzie PHP

Ozzie PHP

23/08/2021 14:12:31
 
Jan R

Jan R

24/08/2021 09:17:28
Anchor link
Bedankt Ozzie

Sorry maar bij mij kwam deze hit niet als eerste. Je kunt een paar standaard opties instellen in google:)
Echter nu ik dit werkende heb wil ik toch de uitleg geven voor anderen hoe ik het gedaan heb.

Maak een dialoog aan in je HTML
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
        <dialog id="dlg">
            <h2 id="dlgtitel">Dialoog titel</h2>
            <div id="dlgtekst">Dialoog tekst</div>
            <div id="dlgknoppen"></div>
        </dialog>


Maak ergens een code aan welke de dialoog toont.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<button onclick="openen('dlg','Hier titel', 'De vragen', ['knop 1', 'knop 2', 'knop 3', 'knop 4']);">showModal</button>


Open en sluit de dialog via code
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
<script>
    function sluit(d, buttonTxt) {
        d.close();
        document.body.classList.remove("h");
        alert("Je koos voor: " + buttonTxt);
    }
    function openen(d, titel, tekst, knoppen) {
        document.body.classList.add("h");
        document.getElementById("dlgtitel").innerHTML = titel;
        document.getElementById("dlgtekst").innerHTML = tekst;
        divknop = document.getElementById("dlgknoppen")
        divknop.innerHTML = "";
        for(i=0;i<knoppen.length;i++) {
            let k = document.createElement("input");
            k.type="button";
            k.visible=true;
            k.value=knoppen[i];
            k.onclick = function() {
                //this=de knop; 1parent=div met alle knoppen; 2parent=de dialog
                sluit(this.parentElement.parentElement, this.value);
            }
            divknop.appendChild(k);
        }
        document.getElementById(d).showModal();
    }
</script>


Je hebt ook een beetje style nodig
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<style>
            dialog {
                width: 50%;
                margin: auto;
                position:fixed;
            }
            .h {
                overflow:hidden; /* verplicht */
            }
        </style>


Ik hoop om hier iemand mee van dienst te zijn. Onthou wel dat (nog) niet elke browser de dialog tag ondersteunt!

Jan
Gewijzigd op 24/08/2021 09:19:41 door Jan R
 
Ad Fundum

Ad Fundum

24/08/2021 20:45:59
Anchor link
Ik wist niet van het bestaan af.
MDN heeft ook een werkend voorbeeld, dat wel werkt op Edge, maar niet op Firefox zelf (en ook niet op Safari).
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog

Gezien het voorbeeld moet er veel JavaScript code bij, en de dialog ziet er ook niet echt mooi uit op Windows 10. Ik denk dat veruit de meeste mensen dat laatste beetje JavaScript en CSS maar zelf maken.
 
Adah Heidenreich

Adah Heidenreich

22/10/2021 13:20:09
Anchor link
<dialog open>This is an open dialog window</dialog>
 
- Ariën  -
Beheerder

- Ariën -

22/10/2021 13:28:29
Anchor link
Nuttige kick! :-/
 
 

Dit topic is gesloten.



Overzicht

 
 

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.