fontpicker text

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Developer ERP

"Door digitalisering creëren wij een verantwoord woon- en werkklimaat, nu en in de toekomst - voor iedereen." Wil jij software maken die onze klanten het werk gemakkelijker maakt en wil jij jezelf continu blijven ontwikkelen? Haal jij energie uit het werken op internationaal niveau? Zoek jij jouw uitdaging binnen een professionele organisatie met een informele sfeer? Dan zijn wij op zoek naar jou! Ben jij ook op zoek naar Aareon? Developer ERP Ons aanbod Wat we jou bieden als developer binnen Aareon hebben we hieronder voor jou op een rijtje gezet. We bieden jou allereerst uitdaging en fijne collega’s. Daarnaast

Bekijk vacature »

Senior .NET Software Developer Technisch Bedrijf

Over de werkgever: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij ontwikkelen hightech equipment voor de grote spelers in onder andere de semiconductor- en automotive industrie. Wil jij werken als Senior .Net Developer? Heb jij ervaring met gebruik van .NET libraries? Vaste baan: Senior .NET Software Developer Technisch Bedrijf WO 3.700 - 5.000 Senior .NET Developer Wij ontwikkelen test- en meetapparatuur voor de semiconductor industrie ter verbetering van de productkwaliteit in het testtraject. Deze werkgever is een dynamisch bedrijf met een open cultuur en veel vrijheid. Je werkt samen

Bekijk vacature »

Medior Full Stack Developer Angular

Bij welk bedrijf je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij ontwikkelen en implementeren configurator technologie (CPQ) voor Microsoft Dynamics. Ben jij een enthousiaste Full Stack developer? Heb je ervaring met Angular? Vaste baan: Medior Full Stack Developer Angular HBO 3.200 - 4.200 Medior Full Stack Developer Wij ontwikkelen software vanuit Microsoft Dynamics, waarbij administratieve processen bij klanten vergaand geautomatiseerd kunnen worden. Denk hierbij aan orderverwerking, offertes, calculaties, verkoop, projectbeheer en documentatie. En natuurlijk de totale integratie met het ERP systeem. Wij weten alles van Dynamics,

Bekijk vacature »

Python / C++ Developer

Functieomschrijving You are going to develop and realize software solutions for our High-Tech department. You are involved in all stages concerning software development. You are going to design, develop and integrate advanced software for our state of the art machines. The software is also for high tech measurement systems. We are active in a variety of markets like Aerospace, Automotive, lithography and the food industry. You are also going to work with state of the art X-Ray, Laser, Sensors! You are interested in working in a high-tech environment You enjoy working on the whole product lifecycle of the software You

Bekijk vacature »

Junior Full Stack developer

Functieomschrijving Ben jij een Junior Full Stack Java Developer en op zoek naar een internationale, creatieve en innovatieve omgeving? Bij Randstad Groep Nederland (HQ) zijn we op zoek naar jou! Wij zijn op zoek naar een Junior Full Stack Java Developer die per direct ons interne team komt versterken. Fullstack Java Development bij Randstad Groep Nederland (HQ) Als Java Developer bij Randstad IT kan je rol variëren. Java is een kernonderdeel in veel van onze 36 scrum teams, waardoor je de kans krijgt om bij te dragen aan een groot aantal verschillende applicaties en projecten. Aan welk project je ook

Bekijk vacature »

Business Developer LED Producten

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij ontwikkellen en verkopen interactieve LED-polsbandjes voor evenementen. Ben jij een enthousiaste business developer? Heb je ervaring met business development? Vaste baan: Business Developer LED Producten HBO 3.000 - 4.300 Business Developer Wij betrekken het publiek bij de show door middel van interactieve belevenissen tijdens de grootste events, bedrijfsfeesten en sportevenementen. Dit doen zij met Led producten als Polsbandjes, Ballen en Keycords. Deze producten sturen we aan met onze zelfontwikkelde software en geven zo een fantastische 4D lichtshow. Doordat

Bekijk vacature »

JavaScript Developer Front-End

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is het bedrijf achter de grootste Tennis-Badminton-Squash portal van Nederland. Ben jij een JavaScript Developer? Heb je ervaring met React? Vaste baan: JavaScript Developer Front-End React 3.200 - 4.400 JavaScript Developer Deze werkgever is het bedrijf achter de grootste Tennis-Badminton-Squash portal van Nederland. Wij ontwikkelen software volledig gericht op de sportwereld. 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

Bekijk vacature »

Frontend Developer Webontwikkeling

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij ontwerpen, bouwen en automatiseren digitale programma's om klantervaringen te optimaliseren. Wil jij betrokken zijn bij de productie van innovatieve oplossingen? Heb jij ervaring in een medior / senior functie gefocust op Front-End Development? Vaste baan: Frontend Developer Webontwikkeling 3+ Jaar Ervaring 2.975 - 4.025 Frontend Developer Wij gebruiken AI technology om merken mensenlijker te maken. Hierdoor krijgt de klant een betere experience. Zij werken voor grote klanten. Zij doen omvangrijke projecten die we bij ons op kantoor realiseren

Bekijk vacature »

Freelance - Business Intelligence Specialist/Ontwi

Als Freelance Business Intelligence Specialist/Ontwikkelaar ga je de informatie voorziening van de organisatie naar een hoger niveau tillen. Je werkt veel met data van de organisatie en gaat dit omzetten naar naar dashboards en rapportages. Daarnaast ga je de vertaalslag maken naar de eindgebruiker. Bedrijfsomschrijving De klant is een key-account van Michael Page in omgeving Amsterdam. Omschrijving Als Business Intelligence analist ligt jouw focus op het zorg dragen van verbeterde sturingsinformatie naar de organisatie. Door middel van het inzetten van Businesss Intelligence Tools weet jij de data om te zetten in een betrouwbare weergave richting afdelingen, management en de business

Bekijk vacature »

Stage Web Developer

Full-Stack Developer Functietype: Stagair Functieomschrijving Miyagami is op zoek naar een Full-Stack Developer stagair die ons team wil komen versterken. Wij zijn een vooruitstrevend team van ontwikkelaars, ontwerpers en strategen die de volgende generatie digitale oplossingen creëren. We werken samen met oprichters en organisaties om digitale producten te bouwen die bedrijfsmodellen stimuleren en mensen betrokken houden. Bij Miyagami geloven we dat om een ​​goed technisch product te leveren, de technologie achter het product net zo belangrijk is als het ontwerp. We streven naar een toekomst waarin technologie duurzaam en voor iedereen toegankelijk is. Als onderdeel van ons team werk je

Bekijk vacature »

Ervaren .NET Developer CRM Software

Wie wordt jouw werkgever?: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is gespecialiseerd in CRM-oplossingen en software voor de subscription economy. Ben jij een ervaren .NET developer? Heb je ervaring met C#/.NET? Vaste baan: Sr .NET Developer CRM Software HBO 3.400 - 4.800 Senior .NET Developer Wij ontwikkelen, implementeren en beheren softwareoplossingen voor met name de mediabranche. Het zijn onze eigen ontwikkelde producten, die onze klanten gebruiken voor het beheren van abonnementen, advertenties en payment afwikkeling. Zij werken voor grote klanten. Zij doen omvangrijke projecten die we

Bekijk vacature »

Full Stack Developer Javascript

Bij welk bedrijf je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij produceren en leveren koemonitoringssystemen. Wil jij voor ons software ontwerpen en realiseren? Heb jij minimaal vijf jaar ervaring als full stack developer? Vaste baan: Full Stack Developer Javascript HBO 3.000 - 4.700 Full Stack Developer Ons bedrijf heeft met een team van gedreven collega’s een revolutie teweeggebracht in de wereld van koemonitoringssystemen. Met hun oor-sensortechnologie helpen we veehouders wereldwijd om de productiviteit en winstgevendheid van hun melkveebedrijf te verhogen. Bij bij hun werk je aan

Bekijk vacature »

Software Developer Machine Learning Deep Learning

Voor wie je gaat werken: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Deze werkgever is de partner voor slimme online identificatie en verificatie oplossingen. Ben jij geschikt als AI Developer? Heb je ervaring met Deep/Machine Learning? Vaste baan: Software Developer Machine Learning Deep Learning WO HBO 4.000 - 5.500 Artificial intelligence Developer Deze werkgever heeft ruim tien jaar ervaring op het gebied van online verifiëren van persoons- en bedrijfsgegevens in zowel Nederland als het buitenland. Vanuit ruime ervaring en up-to-date expertise adviseren wij klanten en partners onder andere over

Bekijk vacature »

C++ Developer bij bedrijf die samenwerkt met NASA

Bedrijfsomschrijving Het gaat hier om een innovatief bedrijf die met verschillende bekende bedrijven samenwerkt. Denk aan de Automotive sector, waarbij ze samenwerken met bekende automerken. Daarnaast hebben ze ook NASA en de overheid als partner. Ook werken ze samen met schillende telecombedrijven en met bekende Cloud applicaties. Ze ontwikkelen en produceren zichtbaarheidsoplossingen voor cyber security. Daarnaast werken ze aan monitoring van netwerkprestaties. Ze zijn een toonaangevende fabrikant van innovatieve producten en zijn zelf met hun eigen unieke product ook een koploper in de markt. Het bedrijf is erg professioneel maar het team onderling is erg informeel in de omgang. Er

Bekijk vacature »

C# Software Developer Software Gebouwinstallaties

Over het bedrijf: WR zoekt voor een vaste medewerker voor de volgende werkgever, je treedt gelijk in dienst bij deze werkgever: Wij onderhouden complete duurzame systeemintegratie oplossingen en services voor gebouw gebonden installaties. Ben jij geschikt als Software Engineer? Heb je ervaring in een soortgelijke functie? Vaste baan: C# Software Developer Software Gebouwinstallaties HBO 3.400 - 4.700 Software Engineer Ons bedrijf levert en onderhoudt complete duurzame systeemintegratie oplossingen en services voor gebouwgebonden installaties op het gebied van energiemanagement, klimaat, beveiliging en verlichting. Door onze innovatieve aanpak en creatieve oplossingen blijven wij vooruit lopen op de technologie. Zij werken voor MKB

Bekijk vacature »
Paul Weiss

Paul Weiss

06/03/2022 11:29:52
Quote Anchor link
Hallo iedereen. Ik heb onderstaande javascript met een colorpicker button. Het werkt allemaal. Er wordt netjes een styling toegevoegd voor de geselcteerde stuk tekst. echter als ik de kleur voor de 2e keer wijzig wordt er een styling toegevoegd. de eerdere zou eigenlijk verwijderd moeten worden. iemand enig idee hoe i dit voor elkaar moet krijgen. Onderstaande de gehele 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
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<h1 contenteditable="plaintext-only" id="titel1-rijzoek">Test1</h1>
<h2 contenteditable="plaintext-only" id="titel2-rijzoek">Test2</h2>

<label for="fontkleur1">Kies fontkleur</label><br>
<input name="MyColorPicker" type="color" id="ColorPicker1" />
 
<script>
var box = document.getElementById('titel1-rijzoek');
let colorpicker = document.getElementById('ColorPicker1');
colorpicker.addEventListener('input', function(e) {
  selObj = window.getSelection()
  var selection = window.getSelection().getRangeAt(0);
  var selectedText = selection.extractContents();
  var span = document.createElement('span');
  span.style.color = e.target.value;
  span.className = 'selected-text';
  span.appendChild(selectedText);
  selection.insertNode(span);
})
</script>


Toevoeging op 06/03/2022 13:54:05:

Ik was niet helemaal duidelijk zie ik. bij elke kleurwijziging wordt er een nieuwe styling toegevoegd. op een gegeven moment heb je dus vele diverse stylings achter elkaar staan.
 
PHP hulp

PHP hulp

27/06/2022 17:45:47
 
Paul Weiss

Paul Weiss

07/03/2022 19:15:28
Quote Anchor link
Ik heb nu het onderstaande script. hierbij wordt de styling gewoon aangemaakt en na het kiezen van een andere kleur gewoon weer vervangen. Wat bij de bovenstaande niet het geval is. Echter probleem wat ik ondervind ik dat de kleur wordt aangepast zodra ik op 1 van beide teksten klik. Ik zou eigenlijk graag willen dat dit gebeurd wanneer ik de tekst heb geselecteerd. Ik heb al geprobeerd dit met window.getSelection() te bereiken, maar helaas zonder resultaat. Heeft iemand wellicht een oplossing die ervoor dat de kleur pas wordt aangepast wanneer ik de tekst heb geselecteerd?

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
<html>
<head>
</head>
<body>

<h1 contenteditable="plaintext-only" id="Myelement"
onclick="changeColor()" style="color: rgb(10, 10, 10);">
Voorbeeld 1
</h1>

<h1 contenteditable="plaintext-only" id="Myelement2" onclick="changeColor2()" style="color: rgb(10, 10, 10);">
Voorbeeld 2
</h1>
    
    
<input name="MyColorPicker"
type="color"
id="ColorPicker1" />
          
          
          
<script>
function changeColor() {
document.getElementById("Myelement").style.color =
document.getElementById("ColorPicker1").value;
 }
        
function changeColor2() {
document.getElementById("Myelement2").style.color =
document.getElementById("ColorPicker1").value;
}
        
</script>
</body>
</html>
Gewijzigd op 07/03/2022 19:30:54 door Paul Weiss
 
- Ariën  -
Beheerder

- Ariën -

07/03/2022 19:27:51
Quote Anchor link
Codetags werken met blokhaken. ;-)
 
Paul Weiss

Paul Weiss

07/03/2022 19:31:29
Quote Anchor link
klopt inderdaad. was te snel met typen. inmiddels aangepast
Gewijzigd op 07/03/2022 19:31:47 door Paul Weiss
 
Paul Weiss

Paul Weiss

09/03/2022 10:42:00
Quote Anchor link
Ik ben er nog even mee bezig geweest, maar krijg het niet voor elkaar. het 1e script uit dit topic wil ik graag gebruiken, omdat hierbij een span wordt aangemaakt met de stying voor het geselecteerde stuk tekst. Ik krijg het echter niet voor elkaar om deze steeds te vervangen. is er echt iemand die mij hierbij kan helpen?
 
Ad Fundum

Ad Fundum

09/03/2022 15:30:04
Quote Anchor link
Ik was iets te snel met reageren.
Tja, opmaak editen met kleur is ingewikkeld, vanwege de hiërarchische stapel HTML-tags, de vele CSS en de complexe asynchrone manier waarop JavaScript werkt. De meest simpele manier is om een voorgebakken HTML-gebaseerde tekstverwerker van iemand anders te gebruiken.
Of je moet bereid zijn er een (onevenredig) lange tijd er in te willen steken om precies te krijgen wat je hebben wilt.
Gewijzigd op 09/03/2022 15:36:26 door Ad Fundum
 
Paul Weiss

Paul Weiss

09/03/2022 15:42:44
Quote Anchor link
het is inderdaad allemaal ingewikkeld. het 1e script is prima voor mij. alleen wordt er zoals ik al aangaf steeds weer een nieuwe span toegevoegd en dat wil ik niet. deze moet vervangen worden zeg maar. wat betreft het verwijderen van de span heb ik inmiddels een ander topic over aangemaakt zie:

Toevoeging op 09/03/2022 19:55:28:

Ik heb nu wel een oplossing gevonden trouwens voor het 1e script. echter dan wordt de span ook verwijderd voor andere strings. dus dat is niet echt een oplossing. Dan zal ik toch voor script nr.2 moeten gaan. maar de vraag is hoe deze de kleur aanpast wanneer ik de tekst heb geselecteerd en dus niet klik.
Gewijzigd op 09/03/2022 19:56:18 door Paul Weiss
 



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.