insertAfter object elelment

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Progress Developer / #1 software leverancier binne

Functieomschrijving Ben jij een ervaren Progress Developer die graag nog nieuwbouw ontwikkelt? Wil je daarnaast jouw hersenen kraken voor het automatiseren van complexe bedrijfsprocessen? Lees dan snel verder en kom erachter of deze rol als Progress Developer iets voor jou is! Uitvoeren van analyses ter bevordering van de betrouwbaarheid en performance van de bedrijfskritische applicatie; Meedenken over de architectuur en tevens waarborgen van de architectuur; Troubleshooten van complexe incidenten; Je deelt graag je kennis aan je collega’s; Maken van ontwerpen, schrijven van documentatie en het testen van de Progress applicatie; Implementeren van nieuwe functionaliteiten en het verzorgen van nazorg. Aanroepen

Bekijk vacature »

Servicedesk Medewerker

OVER AUMATICS Wij zijn een gedreven en professionele IT organisatie. Aumatics heeft haar hele organisatie en dienstverlening ingericht om samen met de klant te groeien en op tijd te anticiperen in een snel veranderende wereld. Wij doen dat door onze klanten de juiste tools te bieden en te begeleiden in een interactief proces. Hierin staat de continuïteit van de business altijd centraal. Samen groeien is een speerpunt in onze aanpak en we zien die onderlinge verbondenheid als fundamentele waarde in de samenwerking met de klant. Voor de uitbreiding van onze organisatie zijn we op zoek naar een teamspeler en professional:

Bekijk vacature »

C# .NET webdeveloper gezocht, inhouse, afwisselend

Heb je ervaring als .NET C# webdeveloper en je bent op zoek naar een nieuwe baan in Den Haag? Bij een kleinschalig bedrijf met een korte lijnen en een informele maar ambitieuze sfeer? Waar je met de laatste ontwikkelingen kan werken op zowel back- als frontend? Wellicht dat dit iets voor jou is! Voor een full service webbureau in Den Haag zijn we op zoek naar een ervaren .NET C# webdeveloper. Het bedrijf bestaat uit ongeveer 40 mensen met in totaal circa 10 software developers. Binnen deze organisatie zal je samen met je team meewerken aan het onderhoud en de

Bekijk vacature »

Salesforce Developer

Ben jij die SalesForce Professional die op zoek is naar het verder ontwikkelen van een nieuw geavanceerd service platform? Wil jij een bijdrage leveren aan ons bedrijfskritische systeem met duizenden gebruikers? Dan heb je wellicht interesse in de positie van: Salesforce Developer 32 - 40 uur Over de positie: Binnen Oranje Groep BV hebben wij een nieuw servicemanagementsysteem. Je bent verantwoordelijk voor het ontwerpen en doorontwikkelen van serviceprocessen, zodat deze van het begin tot het eind optimaal verlopen. Hierbij vertaal je werkprocessen naar softwareoplossingen om tot duidelijke application requirements te komen. Je komt te werken op onze modern nieuw ingerichte

Bekijk vacature »

C# backend developer gezocht, hardware component,

Ben je een C# developer en zoek je een baan in Rotterdam waar je systemen ontwikkeld die communiceren met hardware? Bij een klein bedrijf met korte lijnen, een open cultuur en veel vrijheid? Wellicht dat dit dan iets voor je is. Voor een klant in Rotterdam zijn we op zoek naar een ervaren C# developer. Het gaat hier om een bedrijf dat gericht is om voor overheden en ondernemingen informatie vanuit bepaalde meetsystemen te verwerken en te presenteren. Zo is bijvoorbeeld een van de projecten waar je als ontwikkelaar aan gaat werken; het bouwen van een website waar gebruikers informatie

Bekijk vacature »

Full stack software .NET C# developer, domotica me

Voor een bedrijf in de regio Hendrik Ido Ambacht zijn we op zoek naar een fullstack .NET C#developer. Het gaat hier om een bedrijf dat systemen ontwikkeld die via domotica oplossing bieden voor maatschappelijke instellingen. Zo verwerken hun systemen meldingen waarover ze rapporteren, maar ook zorgen ze voor de automatisering van toezicht. Het systeem bestaat uit apps, web interfaces, backend en BI rapportage tools. Het gaat het hier om een MKB bedrijf van circa 70 mensen met een team van 5 developers. Bestaande uit hardware, embedded en backend developers. Momenteel is er daarom sterke behoefte aan iemand die zowel back-

Bekijk vacature »

JavaScript developer met geweldige arbeidsvoorwaar

Functieomschrijving Als JavaScript developer werk je samen met je team op diverse vlakken. Het team bestaat uit 8 personen en is een multidisciplinair Scrum/Agile DevOps team. Jij werkt op de Front- en Backend en in de cloud. Je werkt hier aan interne applicaties (portalen) die vanuit vraagstukken van de business moeten worden omgezet naar werkende applicaties. Je zult dus samen met het team requirements omzetten naar goede oplossingen waarbij er vanuit het team een grote mate van verantwoordelijkheid wordt gevraagd. Daarin krijg je als team veel vrijheid om je creativiteit erop los te laten en zul je dit samen met

Bekijk vacature »

Full-stack .NET developer gezocht, Goeree-Overflak

Ben je een .NET software developer en op zoek naar een professionele werkomgeving binnen een wat groter innovatief en ambitieus bedrijf? Waar sprake is van een uitgebreid applicatielandschap met elke dag nieuwe uitdagingen, waar alles mogelijk is, binnen een goede collegiale sfeer? Lees dan verder! Voor een bedrijf in Goeree-Overflakke zijn we momenteel op zoek naar een ervaren software developer. De IT afdeling bestaat uit circa 60 mensen waarvan zo'n 15 developers. Voor de recente architectuur wordt gebruikt gemaakt van de nieuwste technieken waaronder .NET Core, Docker en Angular. Echter bestaat het applicatielandschap uit een groot aantal verschillende applicaties waarbij

Bekijk vacature »

.NET Developer Medicatie / Apotheek

Jij krijgt een kick van het ontwikkelen van complexe software. Voor onze vestiging in Heerenveen zoeken wij een .NET Developer Medicatie / Apotheek die graag met de laatste Microsoft-tools en -technieken wil werken. Interessant? Lees snel verder! Jouw baan Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van de module Medicatie / Logistiek & Apotheek. Je gaat nauw samen werken met zowel de interne als externe klant om nieuwe functionaliteiten te ontwikkelen om onze klanten te ondersteunen in hun werkproces. Het gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. ChipSoft maakt

Bekijk vacature »

(assistent) Applicatiebeheerder - ontwikkelaar

Ben jij een kandidaat met enige ervaring in de ICT? Zoek jij een bedrijf waarin je je eigen verantwoordelijkheid krijgt? Lees dan verder! Dit bedrijf zorgt voor ondersteuning in verkoop van banden voor de landelijke bandenafnemers. Ze verzorgen de automatisering en marketing voor deze grossiers. Zo hebben zij een online en custom-made verkoopcatalogus voor hun klanten ter verkoopondersteuning. Jij bent binnen het bedrijf dus een erg belangrijke schakel in het team! Het bedrijf is jarenlang gegroeid. De markt waarin ze zitten is uitdagend en erg in ontwikkeling. Hun specialiteit is de dag levering van honderdduizenden verschillende bandensoorten. Wat ga jij

Bekijk vacature »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

Graduate IT Engineer in Netherlands – Dutch

Arrow is guiding technology innovation forward across 90 countries. Are you a problem solver, innovative and think outside the box? Then this Graduate Program is perfect for YOU! We currently have 41 open positions in 14 countries in Europe for Sales, Engineering, IT, Technical, Marketing or Operations profiles. We have 1 position as Graduate ITEngineer in Netherlands(Houten)for candidates fluent in Dutch and English Please apply by sending your CV and your motivation letter in English (answering the 5 questions listed at the end of the job description). Any uncomplete application will be automatically rejected. On this exciting program, Arrow will

Bekijk vacature »

Xamarin Developer

Functieomschrijving Ben jij de Xamarin expert die de volgende stap in zijn carrière wil zetten? Houd jij er van om veelgebruikte apps verder uit te bouwen terwijl je de kwaliteit blijft waarborgen en heb je daarnaast zelf innovatieve ideeën ? Lees dan snel verder! Samen met het gehele mobile app team ben jij verantwoordelijk voor: de (door)ontwikkeling van Native applicaties voor Android en iOS; het verder samenbrengen van de applicatie en de web omgeving; de innovatie van de applicatie, het is belangrijk dat jij zelf meedenkt en jouw ideeën voorlegt binnen het team; feedback vanuit de gebruikers te behandelen en

Bekijk vacature »

Enthousiaste Unity Game Developer gezocht!

Functieomschrijving Als Game Developer ga je aan de slag in een Scrumteam, bestaande uit een Product Owner, Game Artist, Game Producer en nog een tweede Unity Developer. Jij wordt samen met deze Unity Developer verantwoordelijk van de code waarop de games opgebouwd zijn. Het is daarom belangrijk dat je beschikt over uitstekende kennis van Unity3D en C#. Deze technieken vormen namelijk de basis van jouw werkzaamheden! Jouw werkzaamheden zullen bestaan uit het Fullstack ontwikkelen van games die op mobiele telefoons en/of tablets gespeeld kunnen worden. Functie-eisen - Je hebt minimaal 3 jaar ervaring met het ontwikkelen van games; - Uitstekende

Bekijk vacature »
Daniel van Seggelen

Daniel van Seggelen

09/05/2017 10:33:58
Quote Anchor link
Ik heb code waarbij object elementen worden gemaakt:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
            var upvoteEl = $('<button/>', {
                'class': 'action upvote' + (commentModel.userHasUpvoted ? ' highlight-font' : '')
            }).append(upvoteIcon);
            
            
            $( "<p>Test</p>" ).insertAfter( upvoteEl );


Als het geen objecten zijn, en ik refereer direct naar een class of id o.i.d , dan werkt alles prima, maar op deze wijze lukt het niet.

ik wil in dit geval bijv test na de button tag, maar er komt niks. Ook geen foutmelding.

nog iets

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
            var downvoteEl = $('<button/>', {
                'class': 'action downvote' + (commentModel.userHasUpvoted ? ' highlight-font' : '')
            }).append(downvoteIcon).append($('<span/>', {
                text: commentModel.downvoteCount,
                'class': 'downvote-count'
            }));


dit genereerd:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<button class="action downvote highlight-font"><i class="fa fa-thumbs-down"></i><span class="downvote-count">0</span></button>


maar ik wil juist

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<button class="action downvote highlight-font"><i class="fa fa-thumbs-down"></i></button>

<span class="downvote-count">0</span>


maar krijg ik niet voor elkaar, weet iemand wat ik verkeerd doe?
 
PHP hulp

PHP hulp

31/05/2020 03:27:13
 
Ben van Velzen

Ben van Velzen

09/05/2017 10:48:07
Quote Anchor link
Hint: Wanneer je een stuk HTML *na* een button wilt hebben moet je het aan het bovenliggende element appenden en niet aan de button.
 
Daniel van Seggelen

Daniel van Seggelen

09/05/2017 13:55:39
Quote Anchor link
Quote:
Hint: Wanneer je een stuk HTML *na* een button wilt hebben moet je het aan het bovenliggende element appenden en niet aan de button.


Maar daar is de insertAfter toch voor. het moet als siblings ongevoerd worden.
bovenliggend kan een parent zijn of een bovenliggende sibling. Zonder details is het nogal onduidelijk hoe je dit beschrijft.
Als je even goed leest, dan lees je dat het gewoon werkt als ik het zonder objecten doe, maar op deze wijze lukt het niet.

Nog een herhaling:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
            var upvoteEl = $('<button/>', {
                'class': 'action upvote' + (commentModel.userHasUpvoted ? ' highlight-font' : '')
            }).append(upvoteIcon);


deze bovenstaande code maakt de button aan.

NAAST deze button (sibling) wil ik bijv: <p>Test</p> plaatsen

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$( "<p>Test</p>" ).insertAfter( upvoteEl );


dit is wat niet werkt.

UPDATE

Mijn code was gewoon goed, maar het werkt alleen als ik een timeout erin plaats.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
setTimeout(function() {
   $( "<span>Test</span>" ).insertAfter( upvoteEl );
}, 1250);


maar als ik hem nested als child in button wil hebben, doet hij het wel zonder timeout:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
            var upvoteEl = $('<button/>', {
                'class': 'action upvote' + (commentModel.userHasUpvoted ? ' highlight-font' : '')
            }).append(upvoteIcon).append($('<span/>', {
                text: commentModel.upvoteCount,
                'class': 'upvote-count'
            }));

Hoe zorg ik ervoor dat ik code kan invoeren zonder timeout en niet als child van de button?

UPDATE

ik heb een hacky oplossing,

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
var checkExist = setInterval(function() {
   if (upvoteEl.length) {
      console.log("Exists!");
       $(upcount).insertAfter( upvoteEl );
      clearInterval(checkExist);
   }
}, 100); // check every 100ms


is er een betere manier?
Gewijzigd op 09/05/2017 14:52:15 door Daniel van Seggelen
 
Thomas van den Heuvel

Thomas van den Heuvel

09/05/2017 15:16:46
Quote Anchor link
Je append de icon aan de button en de span aan de icon beide aan de button.

Waarom niet gewoon een simpele HTML snippet in JS in plaats van proberen HTML te bouwen met JS?

Wat je wss wilt:
var button = ...
button.append(jeIconHiero)
button.insertAfter(jeSpanHiero)

Maar een simpele HTML snippet is wellicht beter leesbaar?
Gewijzigd op 09/05/2017 15:17:51 door Thomas van den Heuvel
 
Daniel van Seggelen

Daniel van Seggelen

09/05/2017 15:29:55
Quote Anchor link
omdat ik ik een script http://viima.github.io/jquery-comments/ aanpas en die is zo geschreven,
vele dependancies, dus grote kans is als ik dit hier aanpas, vele andere dingen niet werken, dus ik probeer hun stijl aan te houden.

Of wellicht mis ik iets? hoe bedoel je precies met alleen JS?
 
Thomas van den Heuvel

Thomas van den Heuvel

09/05/2017 15:50:18
Quote Anchor link
x.append = voeg achteraan toe IN element x
x.insertAfter = voeg toe NA element x

Mogelijk ben je er al door de tweede append te veranderen in insertAfter?

EDIT Maar dan wel met chaining. Wat jij doet in je initiële codefragment is:

var bla = button.append(...)
bla.append(...)

Maar die eerste append(...) is een callback-functie, dus bla.append(...) wordt al uitgevoerd terwijl bla nog gecreëerd wordt.

Doe dus alles na elkaar:
var bla = button
bla.append(...)
bla.insertAfter(...)

Of alles tegelijkertijd:
var bla = button.append(...).insertAfter(...)

Maar geen mengvorm want dat gaat geheid mis. Bij de aanroep van een callback-functie gaat alle code NA deze callback-functie DIRECT door, je hebt dan dus als het ware twee "code-threads" die tegelijkertijd worden uitgevoerd. Je kunt dan niet voortbouwen op iets wat mogelijk nog niet klaar (in uitvoering) is.
Gewijzigd op 09/05/2017 15:56:55 door Thomas van den Heuvel
 
Daniel van Seggelen

Daniel van Seggelen

09/05/2017 16:45:30
Quote Anchor link
Of alles tegelijkertijd:
var bla = button.append(...).insertAfter(...)


Dit heb ik al geprobeerd in een eerder stadium en werkt niet, dat was ook de reden waarom ik hem hier post:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
    var upcount = $('<span/>', {
                text: commentModel.upvoteCount,
                'class': 'upvote-count'
    });


            var upvoteEl = $('<button/>', {
                'class': 'action upvote' + (commentModel.userHasUpvoted ? ' highlight-font' : '')
            }).append(upvoteIcon).insertAfter(upcount);


werkt dus niet, hij word niet aangemaakt.
. Geen foutmeldingen ook. Maar denk dat het element daarvoor bij append nog niet gemaakt is, want met een interval werkt het alleen.
 
Thomas van den Heuvel

Thomas van den Heuvel

09/05/2017 18:08:03
Quote Anchor link
Uhm, heb je dit hele gedoe wel in een $().ready(function() { ... }) blok staan?
 
Daniel van Seggelen

Daniel van Seggelen

09/05/2017 18:19:49
Quote Anchor link
jazeker wel.
maar goed het werkt allemaal wel goed met een interval lijkt het. Is dit wel betrouwbaar?
 
Thomas van den Heuvel

Thomas van den Heuvel

09/05/2017 19:40:10
Quote Anchor link
Als dit een standaard brok functionaliteit is, heeft dat ding dan geen hooks/callbacks of wat dan ook waar je op in kan haken, oftewel, doe je je aanpassingen wel op de Goede Manier?

Zo'n timeout lijkt mij een kunstgreep, en gaat mogelijk ook niet altijd werken als er een hickup in het netwerk zit waardoor dingen langer duren.

En als je hier geen custom code op kunt schrijven is dat ding een baksteen, of was het nooit de bedoeling dat dit uberhaupt kon.
 



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.