insertAfter object elelment

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

senior applicatiebeheerder - DevOps

Wat ga je doen? De politie gebruikt honderden applicaties die in het productiehuis zijn verdeeld over een aantal productielijnen. Bijvoorbeeld bedrijfsvoering, opsporing en vreemdelingenzaken, identiteit & biometrie. In het productiehuis werken we vanuit multidisciplinaire teams aan het snel en flexibel ontwikkelen van nieuwe functionaliteiten voor de operationele politiediensten. Deze applicaties dragen eraan bij dat je politiecollegaâ..s door heel Nederland hun werk goed kunnen doen, met plezier aan de slag gaan en de ruimte krijgen om iedere dag weer het beste uit zichzelf te halen. Een senior applicatiebeheerder bij de politie werkt steeds meer als een senior DevOps engineer die 'T-Shaped'

Bekijk vacature »

.Net Custom Software Developer

Jouw rol Voor deze ‘leading edge’ technology practice zijn we op zoek naar een Senior Custom Software Developer. Echte IT-freaks die de ontwikkelingen in het vakgebied nauwkeurig volgen en weten wat er speelt. Die kunnen werken op de grens van het onmogelijke en zo onze nationale en internationale klanten een beslissende voorsprong geven in hun markt. Je adviseert over innovatie en werkt mee aan de agile ontwikkeling en implementatie van state-of-the-art oplossingen, gebaseerd op .Net, Java en/of Mendix. Het gaat vaak om nieuwe technieken, veel eindgebruikers en complexe omgevingen, waarin de lat hoog ligt. Snelheid en topkwaliteit zijn bij deze

Bekijk vacature »

Mobile Developer voor hoogstaande applicaties gezo

Functieomschrijving Jouw functie bestaat uit de volledige ontwikkeling van iOS en Android apps. Dit houdt in dat je het gehele proces in handen hebt, je gaat dus onder andere prototypes ontwikkelen en je gaat de applicaties die je maakt valideren. Indien je helemaal tevreden bent over jouw ontwikkeling, dan ga je deze uiteraard aan de wijde wereld bekend maken en zorgen dat jouw applicatie een enorm succes gaat worden. Uiteraard ga je hierbij ook over de implementatie, de nazorg en support. Oftewel, jij krijgt een rol waarbij je volledige autonomie over de applicaties krijgt! Je komt te werken met ervaren

Bekijk vacature »

developer Landelijke Recherche

Wat ga je doen? Als developer wordt veel van jouw technische skills gevraagd om complexe digitale bronnen te doorgronden en beschikbaar te maken voor de opsporing. Je komt te werken bij het Warehouseteam, dat onderdeel uitmaakt van het Team High Tech Crime. In dit team werken developers, digitaal rechercheurs, data engineers en data scientists. Het Warehouseteam betreft het hart van ons werkproces. In dit team verzamelen wij onze data en wordt deze door middel van een extract transform load tool beschikbaar gemaakt voor diverse tooling. De extracties, verrijkingen en tools die je ontwikkelt staan alle ten dienste van de opsporing.

Bekijk vacature »

Lead Developer

Are you a lead developer with an architect's skills? A digital architect who, by travelling regularly and working in close partnership with your teams in France, India and the Netherlands, will bring our airline to the next level? Then we're looking for you! Lead Developer As a Lead Developer, you're our pilot in infinite airspace. You use thorough research to lead us to all the new technological possibilities. Artificial intelligence, speech recognition, biometrics, open API: how can we serve our customers – as effectively as possible? We're ahead of the pack, but how do we maintain that position? And where

Bekijk vacature »

Android Developer vacature

Je bent creatief. Je wilt verschil maken. Je gaat voor mobile. Voor het bedenken, ontwerpen en realiseren van sterke mobile-apps mag men jou ’s nachts wakker maken. Android Development Professional Jij weet hoe je Android-apps met impact ontwikkelt en levert ze op tijd af. Of het nu gaat om betalen met een vingerafdruk, het delen van de bar-rekening of het mobiel aanpassen van de (sfeer-)verlichting in huis, jij weet welke integrale functionaliteiten toegevoegde waarde hebben voor de eindgebruiker. Jij zorgt er bovendien voor dat jouw apps het toonbeeld zijn van gebruikersvriendelijkheid en veiligheid. Omdat je breed georiënteerd bent, kun je

Bekijk vacature »

Drupal developer

Drupal developer Ben jij een Drupal developer, op zoek naar een mooie uitdaging bij een organisatie die volop in ontwikkeling is? Zie jij jezelf in de rol van full-stack ontwikkelaar, waar je je onder andere bezig houdt met de puzzel van koppelingen met content systemen en autorisatie modules, en ons scherp houdt op het gebied van generieke oplossingen vs. maatwerk? Steek je graag de handen uit de mouwen om mooie nieuwe features op te leveren? Lees dan verder! Dit ga je doen Je komt te werken in een enthousiast team met twee andere developers (1 back-end en 1 front-end), twee

Bekijk vacature »

Android Developer vacature

Je bent creatief. Je wilt verschil maken. Je gaat voor mobile. Voor het bedenken, ontwerpen en realiseren van sterke mobile-apps mag men jou ’s nachts wakker maken. Android Development Professional Jij weet hoe je Android-apps met impact ontwikkelt en levert ze op tijd af. Of het nu gaat om betalen met een vingerafdruk, het delen van de bar-rekening of het mobiel aanpassen van de (sfeer-)verlichting in huis, jij weet welke integrale functionaliteiten toegevoegde waarde hebben voor de eindgebruiker. Jij zorgt er bovendien voor dat jouw apps het toonbeeld zijn van gebruikersvriendelijkheid en veiligheid. Omdat je breed georiënteerd bent, kun je

Bekijk vacature »

BPM Developer

BPM Company (bpmcompany.nl) is vanwege groei op zoek naar BPM Developers. Als BPM Developer werk je op het snijvlak van techniek en consultancy en ben je bezig met het bouwen en implementeren van software met het BPM platform van Pegasystems. Je werkt veelal op locatie van de klant en je bent tevens “trusted advisor” voor de klant. BPM Company is partner van Pegasystems en al onze Consultants zijn door Pegasystems gecertificeerd. BPM Company is in 2011 opgericht en bestaat momenteel uit ruim 50 medewerkers. De afgelopen 4 jaar was BPM Company genomineerd voor de FD Gazelle Award voor de snelst

Bekijk vacature »

.NET C# programmeur, inhouse (ASP.NET Core, Web AP

C# .NET ontwikkelaar en op zoek naar een inhouse baan bij jou in de buurt? Het liefst een baan in een leuke, sociale en betrokken werkomgeving? Waar je de mogelijkheid krijgt om opleidingen te volgen en je de vrijheid krijgt om mee te denken? Dan zou deze baan wel eens iets voor jou kunnen zijn. Voor een organisatie in Rotterdam zoek we een C# .NET ontwikkelaar. De organisatie houdt zich bezig in de financiële branche en is een van grotere spelers in hun vakgebied. Voor hun bedrijfsvoering hebben ze momenteel 2 producten in ontwikkeling/onderhoud. Eén van deze producten is op

Bekijk vacature »

.NET C# web developer gezocht met focus op gebruik

Ben je op zoek naar een baan binnen een klein softwarebedrijf? Een bedrijf met een informele, persoonlijke en familiaire sfeer? Waar je je als developer zowel richt op de back- als frontend? Wellicht dat deze vacature dan iets voor jou is. Voor een softwarebedrijf, gevestigd in het centrum van Rotterdam, zijn we momenteel op zoek naar .NET C# web developer. Dit mag iemand zijn die net van school komt, maar ook iemand die al behoorlijk wat ervaring heeft. Het bedrijf bestaat inmiddels ruim 10 jaar en en door de aanhoudende groei zijn ze opzoek naar versterking van 1 a 2

Bekijk vacature »

C# Software Engineer/Developer

Wij zijn op zoek naar een gedreven C# Software Engineer. Ben jij de C# Software Engineer die affiniteit heeft met Java? Wil je meewerken in uitdagende opdrachten aan innovatieve software ontwikkel- en implementatieprojecten bij één van onze toonaangevende klanten? Dan hebben wij de ideale baan voor jou bij onze (internationale) opdrachtgevers! Onze (internationale) opdrachtgevers zitten door heel Nederland, en actief in alle branches die je maar kan bedenken. Als C# Software Engineer/Developer via Walters People brengen wij jou bij een nieuwe werkgever die jou goed past. Wij gaan voor de juiste match, en kijken verder dan alleen maar hard skills

Bekijk vacature »

Systeembeheerder

Systeembeheerder Ben jij klaar voor een nieuwe uitdaging binnen een jong en professioneel online marketingbedrijf met een informele werksfeer? Wij zoeken een Systeembeheerder met ervaring en bieden een uitdagende, veelzijdige functie met toekomstperspectief! Werkzaamheden Beheer, onderhouden en inkoop van onze hardware- en software Oplossen van ICT-problemen en -storingen Bijdrage leveren aan ons ICT-beleid en onze hardware- en software infrastructuur Helpen/begeleiden van collega’s Netwerkbeheer, firewall, switch, routers etc. Begeleiden van (Security) Audits Bijhouden en verfijnen van documentatie Profiel MBO+ of HBO werk- en denkniveau Minimaal 5 jaar ervaring met systeembeheer Kennis van Microsoft desktop/server en Linux servers Kennis van netwerkapparatuur, het

Bekijk vacature »

AngularJS Developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Bij DPA GEOS werken onze consultants als 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 Developers om ons development team te versterken. Je bent creatief en draagt met je enthousiasme positief bij aan de teamgeest binnen een projectteam. Je gaat webapplicaties 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 interesse in het applicatie landschap.

Bekijk vacature »

Oracle Apex Ontwikkelaar

Wat je gaat doen: Als Oracle Ontwikkelaar werk je zowel zelfstandig als in teamverband aan het ontwikkelen en ontwerpen van software componenten. Je levert een bijdrage aan de ontwikkeling tot en met de implementatie. Je bent in staat om informatie te verzamelen,te analyseren en te documenteren van wensen en eisen van de eindgebruikers. Je bent in staat om functionele vereisten te vertalen naar technische specificaties, ontwikkelt web applicaties met behulp van Oracle Applicatie Express, door de veranderingen en ontwikkelingen van web formulieren en rapporten. Verbeteren van bestaande Oracle Apex Systemen. Ontwikkelen en veranderen van Oracle 11g database schema’s. Schrijven van

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

19/05/2019 09:31:57
Honeypot
 
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.