fontpicker text

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior PHP Developer - ontwikkelen samen met 8 PHP

Bedrijfsomschrijving We zijn op zoek naar een enthousiaste PHP ontwikkelaar die aan het begin staat van zijn/haar carrière. Het team waar jij deel van uit zal maken bestaat uit 8 PHP developers. Zij zullen hun specialistische en technische kennis met jou delen om jouw groei te bevorderen als professionele programmeur. Sinds de jaren 80' heeft dit bedrijf zich tot een middelgroot bedrijf ontwikkeld en is actief in de financiële sector met klanten op de consumentenmarkt. Ondanks de lange geschiedenis is het opvallend dat er een frisse en jonge bedrijfscultuur heerst. Het is dan ook het geval dat het overgrote deel

Bekijk vacature »

Back End Developer

Jouw rol als Back End DeveloperAls Back End Developer bij Mediatastisch werk je mee aan de ontwikkeling van maatwerk ERP projecten, innovatieve oplossingen bij onze startups en complexe digitale strategieën voor maatschappelijke onderwerpen zoals (smart) mobility. Voor de back end van deze systemen gebruiken we veelal PHP (Symfony framework) en MySQL. Vaak zijn er ook meerdere koppelingen met andere systemen, zoals Exact Online, Google API's, openbare datasets en social media. Goede kennis van REST is dus een pre. We werken in sprints van 2 weken, waarbij we continu de samenwerking met de klant en elkaar opzoeken. Je teamWe vliegen onze

Bekijk vacature »

Java Developer / Back-end Developer / 5000 euro

Dit ga je doen Het ontwikkelen van applicaties en websites met behulp van Java en Spring; Werken aan lange termijn projecten; Oppakken van ad hoc activiteiten en processen; Nieuwe ontwikkelingen in de gaten houden en toepassen; Analytisch en kritisch meedenken over verbeteringen in tools en werkwijzen. Hier ga je werken Onze klant is een high traffic organisatie die kwaliteit en digitale transformatie hoog in het vaandel heeft staan. Het is een dynamische en autonome organisatie gevestigd in hartje Amsterdam. Het professionele team waar je in komt te werken is multidisciplinair. Het team werkt erg nauw samen en gebruiken gezamenlijk Scrum

Bekijk vacature »

Java Developer

Als Java Developer bij Coolblue Energie zorg je ervoor dat onze back-end systemen elke dag een beetje beter zijn. Wat doe je als Java Developer bij Coolblue? Coolblue Energie is de energiemaatschappij voor iedereen die energie wil besparen. Je krijgt niet alleen groene stroom maar we helpen je ook je energieverbruik te verminderen. Als Java Developer werk je met andere development teams samen om onze back-end systemen zo optimaal mogelijk te laten werken en onze klanten het beste inzicht en advies te geven om energieverbruik te verminderen. Op deze manier draag jij bij aan de groene-energietransitie. Ook Java Developer worden

Bekijk vacature »

Senior Frontend developer

Wat wij bieden hybride werken,met als uitgangspunt 50% op kantoor en 50% vanuit huis; opleidingsmogelijkheden op basis van behoefte en ambitie; dus geen vast budget; flexibele werktijden en direct een contract voor onbepaalde tijd; 20 vakantiedagen en daarnaast 4,7% van je salaris om flexibel in te vullen, bijvoorbeeld goed voor 7 extra vakantiedagen; een mobiliteitsbudget dat aansluit bij jouw manier van reizen. Wat jij meeneemt een afgeronde technische hbo of wo opleiding; je bent een medior/senior frontend developer die zich wilt blijven ontwikkelen; expert in JavaScript, Angular, React of Vue. De uitdaging Als frontend developer bij Ordina JSRoots ontwerp en

Bekijk vacature »

Full stack developer Medische wereld

Functie Als Fullstack Developer mag je echt meedenken over de architectuur en het inrichten van de codebase. Dat is waar deze organisatie voor staat: Iedereen mag ideeën inbrengen. Het doel van het development team is een toekomstbestendige applicatie neerzetten met veel verschillende features op gebied van data retrieval en analyse, met wetenschappers en doctoren als de eindgebruiker. De stack is omgebouwd naar de laatste technologie met de nieuwste versie van Angular en TypeScript in de front-end. Daarnaast wordt in de backend o.a. gebruik gemaakt van Node.js, MongoDB, PostgreSQL en ElasticSearch. Als jij jezelf aan het front van technologie en innovatie

Bekijk vacature »

Java Developer

Wat wij bieden Hybride werken, met als uitgangspunt 50% op kantoor en 50% vanuit huis; Flexibele werktijden en direct een contract voor onbepaalde tijd; Een goed salaris wat aansluit bij je kennis en ervaring; Een mobiliteitsbudget dat aansluit bij jouw manier van reizen; Opleidingsmogelijkheden op basis van behoefte en ambitie; dus geen vast budget; Een pensioenregeling, waar je niet verplicht aan hoeft bij te dragen; 20 vakantiedagen en daarnaast 4,7% van je salaris om flexibel in te vullen, bijvoorbeeld goed voor 7 extra vakantiedagen. Wat jij meeneemt Een hbo- of wo-diploma in een technische richting; Ervaring met het ontwikkelen van

Bekijk vacature »

Junior Developer GO

Functie Het development team is klein en compact. Dit is altijd zo geweest en zal ook altijd zo blijven. Dit betekent dat je heel nauw samenwerkt met je collega’s en de lijnen erg kort zijn. Er wordt voornamelijk geprogrammeerd in GO, PHP, Javascript en Node.js, maar ook zul je zo nu en dan gebruik maken van talen zoals; C en Python. Wij hebben met veel data te maken en dit is momenteel onze grootste uitdaging op de backend. We maken gebruik van ruim 800 servers, waarvan 600 servers gebruikt worden voor dataopslag. Er draaien meerdere microservices op deze servers, maar

Bekijk vacature »

Outsystems Developer Medior

Dit ga je doen Bouwen aan nieuwe en innovatieve applicaties; Maken van koppelingen tussen Outsystems en het bestaande applicatielandschap; Troubleshooting op bestaande software. Hier ga je werken De organisatie is internationale speler binnen de bouwbranche en richt zich op de infrastructuur, zowel boven als onder de grond. Ze zijn ruim 1100 man groot en maken op IT vlak een mooie groei door. Als ervaren Developer kom je te werken op een IT-afdeling van zo'n 25 man groot. Een aantal jaar geleden hebben ze de keuze gemaakt om zich meer te gaan richten op ontwikkeling en door de groei van de

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, in 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

Bekijk vacature »

Front end ontwikkelaar

Functie Het huidige team bestaat uit momenteel uit 5 back end developers verdeeld van senior tot junior. Omdat de gehele front end van applicaties anders gaan insteken zijn ze op zoek naar een ervaren Front end developer die hen kan helpen de juiste keuzes te maken. Je krijgt veel vrijheid om te bepalen hoe je dit wilt ontwikkelen en vrijheid in welke techniek je hiervoor wilt gebruiken. Je zult je dus bezighouden met architectuur, documentatie en natuurlijk ontwikkeling van nieuwe functionaliteiten binnen de verschillende applicaties. natuurlijk heb jij ook mogelijkheden om te sparren binnen het team, maar ze gaan uit

Bekijk vacature »

Medior Front-end Developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als Medior Front-end Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel

Bekijk vacature »

Software Developer / TypeScript / React / Big Data

Dit ga je doen Software development met technieken als TypeScript en React; Meedenken over architectuur en technisch ontwerp; Nieuwe features en flows uitwerken; Nieuwe mogelijkheden onderzoeken; Ondersteunen van junior collega's; Code reviews en bugfixing; Eigen ontwikkeling: waar ligt jouw interesse en waar wil je in groeien? Hier ga je werken Bij dit grote, innovatieve technische bedrijf wil men graag flink groeien dit jaar, namelijk van zo'n 100 naar 120 mensen. In de afgelopen jaren is er hard gewerkt om een nieuw software product op de markt te zetten ter ondersteuning van hun fysieke producten en omdat dit een groot succes

Bekijk vacature »

Lead Webdeveloper

As Lead Web Developer at KUBUS you are responsible for the implementation design of requirements and the software architecture of the web application and services of BIMcollab. In your role as lead developer you will naturally search for the optimum between the required implementation time, the performance of the application and a fast go-to-market of features, in line with our automated test and release train. Together with the other senior developers in your team you monitor the architecture of the application and you advise the product owner about necessary refactoring to improve the maintainability of the platform. Our development team

Bekijk vacature »

(Lead) Developer Ray Tracing

Vacature details Vakgebied: Automotive Opleiding: Junior Werklocatie: Eindhoven Vacature ID: 8367 Introductie Our client in Eindhoven is looking for a Lead Developer Ray Tracing. This company is focusing on the development of simulation packages and automotive sensors for autonomous driving (assistance) systems. Functieomschrijving A well thought of sensor hardware design and a new sensor fusion concept always starts off with developing a thorough understanding of 1) how a sensor front end interacts and perceives the information coming from its surroundings, and 2) how the system components chosen, affect perception quality. To achieve this goal, specific simulation models are to be

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

08/02/2023 11:23:33
 
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.