Nodes opnieuw indelen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C# Software Developer

Samengevat: Deze werkgever is een innovatieve technisch dienstverlener op het gebied van beveiliging en interne logistieke systemen. Ben jij geschikt als software ontwikkelaar? Heb je ervaring met javascript? Vaste baan: C# Software Developer ElektrotechnieK HBO .NET 2.800 - 4.000 Software Ontwikkelaar Wij kenmerken ons door de verscheidenheid aan producten en diensten op gebied van beveiliging. Deze werkgever is een succesvolle full service provider en ontzorgen de klant volledig door de implementatie van nieuwe technologie. Samen met klanten creëren wij beveiligings- en business oplossingen die resultaat opleveren. Wij creëren innovatieve oplossingen door te werken met de nieuwste technologieën. Uitgangspunt hierbij zijn

Bekijk vacature »

Freelance senior ICT ontwikkelaar (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 86,00 Team LIV is op zoek naar een enthousiaste, flexibele, multitaskende en hands-on ontwikkelaar met veel ervaring in het gedeeltelijk of volledig zelfstandig bepalen van ontwikkel- en realisatie aanpak. Onze nieuwe collega moet in staat zijn te werken in een hectische omgeving waarbij er sprake is van zeer verschillen realisatietrajecten voor wat betreft(technische)diepgang, startmoment (wel/geen beschrijvingen beschikbaar) en klantcontact. De gekozen ontwikkelmethodiek dient passend te zijn voor het op te lossen vraagstuk waarbij samenwerking met de testengineer in relatie tot Systeem integratie test

Bekijk vacature »

Senior Developer 3D computing

Senior Developer 3D Computing As Senior Developer 3D Computing at KUBUS, you will be responsible for the implementation of user-interactions and 3D optimisations of our 3D tools for visualising and analysing 3D building models. We use state-of-the-art web technology as part of BIMcollab, our platform for 3D model validation and issue management, aimed at improving the quality of 3D building design models. Better 3D models lead to better buildings, thus contributing to the sustainability of the built environment with smarter use of materials, less waste and energy-efficient buildings. A good user experience is of paramount importance to us; we go

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 »

Java developer

Als Java Developer bij Sogeti ben je onderdeel van onze toonaangevende community en bestaat uit ruim 100 gepassioneerde professionals. In teamverband lever je mooie prestaties. Daarmee draag je aan bij de meerwaarde die wij leveren aan onze klanten. Geen werkdag is hetzelfde, je bent voortdurend bezig met het oplossen van allerlei complexe vraagstukken binnen bedrijfskritische systemen. Bijvoorbeeld een systeem voor het ondersteunen van treinverkeersleiders bij ProRail of een cliënt-volgsysteem bij Reclassering Nederland. Andere klanten waar wij onder andere voor werken: KPN, Philips, Tendernet, Nationale-Nederlanden, Kamer van Koophandel, ABN AMRO, Alphabet en de Politie. Werken bij Sogeti Nieuwe ontwikkelingen volgen we op

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

Bekijk vacature »

Front-end Developer

Due to the expansion of our technical applications team, we are looking for a front end developer. Lianne Snellenburg, Team Manager Technical Applications: “As a front end developer in my team you will work on progressive web applications (Angular, React, Vue or NodeJS) that are essential for the daily operation of the largest high-tech organizations in the Eindhoven region. You mainly come into contact with technical applications, in which setting up a software architecture also plays a role. I am looking for someone who can enjoy a beautiful graphic design and a beautiful code just as much. The opportunities at

Bekijk vacature »

C# Software Developer

Samengevat: Wij ontwikkelen concepten op het gebied van veiligheid, gezondheidszorg en communicatie. Is het je passie om software-oplossingen te programmeren? Heb je professionele ervaring met C# en .Net? Vaste baan: Medior Senior C# .NET Developer Meldkamersoftware .Net 2.800 - 4.500 Software Engineer Zij werken aan software voor verhogen van de veiligheid via multimedia in bijvoorbeeld de gezondheidszorg. Streaming van live video en audio staan hierbij centraal. We kunnen alarmeringen monitoren en services op afstand verlenen. We zorgen voor een totaalconcept. Zij werken in teams aan uitdagende projecten en bieden daarbij een informele maar innoverende omgeving, waarbij we korte lijnen hanteren.

Bekijk vacature »

Senior .NET Developer (m/v/d)

Apply now Apply now Senior .NET Developer Date: 21-Nov-2022 Location: Heerenveen, FR, NL, 8441 ER Year: 2019 Everything we do, starts with you. Together with you, we build the most human-centric fintech. We have the ambition to create the next. And - with Bertelsmann - a strong foundation to start from. Let’s make it new – for society and for yourself. Wij zijn op zoek naar een Senior .NET Developer (m/v/d) Op onze locatie in Heerenveen / deels vanuit huis Riverty in Heerenveen is de thuisbasis van het domeinteam voor provisioning. Met de software en API's die we maken, stellen

Bekijk vacature »

.NET developer

Over deze functie Als .NET developer bouw je mee aan innovatieve dienstverlening en draag jij bij aan de groei van de organisatie. Kenter groeit namelijk hard op het gebied van kwaliteit, professionaliteit en innovatie en is altijd op zoek naar verbeteringen. Zij richten zich op de ontwikkeling van moderne meetoplossingen, ook juist op korte termijn. Zo kunnen zij vooruitlopen op het gebied van IoT, realtime data en andere innovatieve oplossingen. Als .NET developer ben je van onschatbare waarde. Je werkt samen met ruim 20 IT professionals aan zowel greenfield- als legacy-projecten. Dat doe je in samenwerking met ontwikkelaars, data engineers,

Bekijk vacature »

Back-end PHP Developer

Dit ga je doen Her- en uitbouwen van het inhouse softwareplatform dmv PHP; Onderhouden van bovengenoemd platform in PHP; Sparren met het team; Meedenken over nieuwe functionaliteiten, security etc; Jouw input leveren aan het proces door op de hoogte te blijven van nieuwe ontwikkelingen etc. Hier ga je werken Onze klant, gevestigd in de omgeving van Alkmaar, levert wereldwijd oplossingen op het gebied van IT. Dag in dag uit werken zij met veel passie aan hun product waarmee ze streven naar verbeteringen binnen zorg. Voor onze klant zijn we op zoek naar een medior PHP Developer. Je komt te werken

Bekijk vacature »

Freelance java developer / scrummaster (zzp)

Belastingdienst B/cao Startdatum inzet: 9-1-2023 Einddatum inzet: 31-12-2023 Uren per week: 36,00 Standplaats: Apeldoorn Max tarief: € 82,00 Voor onze partnerorganisatie, de Belastingdienst, zijn wij op zoek naar een Java Developer met kennis van en ervaring met de Scrum methodiek. In deze rol wordt er van je gevraagd dat je: Brede ervaring hebt als JAVA-ontwikkelaar; Weet wat er van een scrummaster wordt verwacht; Als volwaardig teamlid participeert binnen het scrumproces in je team en in de SAFe-releasetrain; Zowel zelfstandig kunt werken in een scrumteam als intensief de samenwerking zoekt met je directe collega’s en je omgeving; Samenwerkt met je collega’s

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 »

Webdesigner / front-end developer

Jij als Webdesigner / front-end developer bij Crowe Peak. De Perfecte Combinatie. Crowe Peak is binnen Nederland een toonaangevend onderdeel van het internationale Crowe Global, één van de leidende accountancy netwerken in de wereld, gevestigd in meer dan 150 landen. Bij ons vind je best of both wo... Jij als Webdesigner / front-end developer bij Crowe Peak. De Perfecte Combinatie. Crowe Peak is binnen Nederland een toonaangevend onderdeel van het internationale Crowe Global, één van de leidende accountancy netwerken in de wereld, gevestigd in meer dan 150 landen. Bij ons vind je best of both worlds omdat we met 120

Bekijk vacature »

Freelance applicatieontwikkelaar (zzp)

Belastingdienst B/cao Startdatum : 2-1-2023 Tijdelijke functie, met optie op vast Aantal uren per week : 36 Standplaats in overleg : Apeldoorn Applicatieontwikkelaar bij het Ministerie van Financiën- Belastingdienst We zoeken een consultant/developer met ervaring in de ontwikkeling van back-end systemen. Als consultant heb je kennis en ervaring met de wijze waarop Open Formulieren is opgezet. Je bent een vraagbaak voor collega’s en deelt waar nodig je kennis. Je hebt ervaring met het werken in een open source omgeving. Je bent thuis in verschillende frameworks of je kunt je die snel eigen maken. Je hebt aantoonbaar ruime kennis van en

Bekijk vacature »
Mark Hogeveen

Mark Hogeveen

19/07/2014 23:41:12
Quote Anchor link
Ik heb een ingewikkeld javascript probleem.
Ik heb een aantal <pre> elementen. In die elementen staan <span> tags, en gewone text nodes.
Het is ongeveer zo:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<pre>Tekst</pre>
<pre><span>In span</span> buiten span <span>in span</span></pre>
<pre>...</pre>


Nu wil ik met javascript een span kunnen invoegen op een plek in de tekst. Je zou misschien zegggen dat je dit met innerHTML heel makkelijk kunt doen. Dat is dus niet zo, want innerHTML geeft de letterlijke html code.
Als voorbeeld neem ik de tweede <pre>
De textContent van de tweede <pre> is: In span buiten span in span
De innerHTML van de tweede <pre> is: <span>In span</span> buiten span <span>in span</span>
Ik wil dus een span invoegen op bijv. de tiende plek in de tekst.
Je kunt het zien als een soort cursor die je ergens in de tekst neerzet. De bestaande span elementen mogen niet worden beïnvloed hierdoor. Hoe doe ik dit? Ik heb echt al van alles geprobeerd.
Gewijzigd op 19/07/2014 23:42:12 door Mark Hogeveen
 
PHP hulp

PHP hulp

28/01/2023 15:36:58
 
Pipo Clown

Pipo Clown

20/07/2014 13:10:11
Quote Anchor link
Kijk eens naar document.createElement()
 
Wouter J

Wouter J

20/07/2014 13:32:40
Quote Anchor link
document.createElement() gaat je niet echt veel helpen...

Met document.createElement() kun je elementen aanmaken en die een bepaalde plek in de DOM tree gegeven, bijv. als child van (element.appendChild()) of voor een element (element.insertBefore()). In jouw geval wil je een element in een tekst plaatsen, tekst wordt in een DOM tree als een enkele TextNode gezien, daar kun je dus niks in plaatsen.

Je zult dus de Text Node moeten opvragen en die dan splitten in een array. Vervolgens op een bepaalde plek in die array een open tag moeten zetten en het element erna een sluit tag en dan de array omzetten tot een string en weer invoegen als innerHTML van het element.

Bijv. http://jsbin.com/bubew/2/edit

Code (js)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
HTMLElement.prototype.addElementAtPosition = function (position, openTag, split) {
  split || (split = ' ');

  if (this.childElementCount) {
    throw('addElementAtPosition can only be used when the element contains only text');
  }

  
  var textPositions = this.innerHTML.split(split);

  textPositions.splice(position, 0, openTag);
  textPositions.splice(position + 2, 0, '</' + openTag.substr(1));

  this.innerHTML = textPositions.join(split);
};
Gewijzigd op 20/07/2014 13:34:35 door Wouter J
 
Frank Nietbelangrijk

Frank Nietbelangrijk

20/07/2014 14:34:16
Quote Anchor link
Ik ben ook even bezig geweest :-)

Je moet als eerste niet de innerHTML uitlezen maar een array van childNodes die in je <pre> zitten.

Vervolgens kun je insertBefore() gebruiken om een nieuwe Node voor een bestaande node in te voegen.

http://codepen.io/anon/pen/Cpgrq
 
Wouter J

Wouter J

20/07/2014 14:42:42
Quote Anchor link
Frank, maar je kan toch niet elk woord afzonderlijk opvragen als Text Node?

(btw, dit is een mooie app om snel de DOM nodes te zien, dan hoef je niet zelf het script te schrijven :) http://software.hixie.ch/utilities/js/live-dom-viewer/)
 
Frank Nietbelangrijk

Frank Nietbelangrijk

20/07/2014 14:45:06
Quote Anchor link
Nee dat is zo Wouter. dan zou je de tekstblokken nog moeten splitten op de spaties. Maar je hebt wel text-nodes en span-nodes in een array staan.

Toevoeging op 20/07/2014 14:47:51:

#text =>
SPAN => 'hallo'
#text => 'dit is'
SPAN => 'leuk'
#text =>

zo zou je array er uit kunnen zien.
 
Mark Hogeveen

Mark Hogeveen

20/07/2014 22:51:48
Quote Anchor link
Heel erg bedankt voor jullie hulp, maar het probleem is nog iets ingewikkelder.
Het gaat niet om het onderscheid tussen stukjes tekst gescheiden door spaties.
Als ik deze tekst heb:

Ze hebben weer regen voorspeld voor morgen

En ik wil op de zesde 'plek' een span invoegen, dan moet je dat zien als:
Ze heb|ben weer regen voorspeld voor morgen

En dus niet:
Ze hebben weer regen voorspeld | voor morgen

Bij dit invoegen van de span, mogen niet de bestaande elementen die eventueel in de tekst staan beschadigd worden.
Ik deed eerst dit:

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
function insertAt(obj, pos, elemToInsert) {
    
    var nodesBefore = [];
    var nodesAfter = [];
    
    var lengthCounter = 0;
    
    var nodes = obj.childNodes;
    for(var i = 0; i < nodes.length; i++) {
        
        var node = nodes[i];
        
        if(lengthCounter + node.textContent.length <= pos) {
            
            nodesBefore.push(node);
            lengthCounter += node.textContent.length;
        }
        
        if(lengthCounter + node.textContent.length > pos) {
            
            var ntBefore = node.textContent.substring(0, pos - lengthCounter);
            var nBefore = document.createTextNode(ntBefore);
            nodesBefore.push(nBefore);
            
            var ntAfter = node.textContent.substring(pos - lengthCounter, node.textContent.length);
            console.log(ntAfter);
            var nAfter = document.createTextNode(nAfter);
            nodesAfter.push(nAfter);
        }
    }
    
    var nodeSet = [];
    nodeSet.concat(nodesBefore);
    nodeSet.push(elemToInsert);
    nodeSet.concat(nodesAfter);
    
    
    return nodeSet; // Is nu een array van de hele inhoud van het pre element
}


Maar dit werkt niet. Er komen dan steeds stukjes "undefined" in de tekst te staan, maar ik kan niet vinden wat er nou precies undefined is.
Gewijzigd op 20/07/2014 23:02:36 door Mark Hogeveen
 
Frank Nietbelangrijk

Frank Nietbelangrijk

20/07/2014 23:02:54
Quote Anchor link
Maar hoe weet jouw script waar de span moet komen? is dat een kwestie van karakters tellen? en zijn het alleen span's die in de tekst voorkomen of ook nog andere html elementen?


Toevoeging op 20/07/2014 23:07:03:

Jij wilt dus een span in een span. dat maakt het inderdaad wel veel ingewikkelder omdat dit tot een 'oneindige' diepte kan. Hier zul je dan in ieder geval een recursive function voor moeten maken.
Gewijzigd op 20/07/2014 23:11:37 door Frank Nietbelangrijk
 
Wouter J

Wouter J

21/07/2014 09:18:13
Quote Anchor link
Een voorbeeldje van zo'n recursieve functie: http://jsbin.com/bubew/3/edit
 
Mark Hogeveen

Mark Hogeveen

21/07/2014 11:15:46
Quote Anchor link
Ja! Wat Wouter heeft is precies wat ik wil. Allemaal bedankt voor jullie voorbeelden en hulp.
 



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.