insertAfter object elelment

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ervaren PHP developer uit omg. Breda gezocht

Voor een goede relatie in Breda ben ik op zoek naar een PHP Developer die lekker de code wil induiken. Het gaat om een informele organisatie die zich bezighoudt met het ontwikkelen van complexe websites/shops, maatwerk applicaties (data koppelingen) en het ontwikkelen van mobile apps. Het bedrijf bestaat al 11 jaar en is een gerenommeerde software leverancier voor meer dan 400mkb bedrijven. Gezien de projecten voor haar klanten van de afgelopen jaren zijn ze over het algemeen gericht op het maatschappelijke (gemeenten)! Binnen een compact team van 9 developers zal je volgens de ‘Kanban’ methode werken aan eigen projecten waar

Bekijk vacature »

Senior Frontend ontwikkelaar met een Data Science

Functieomschrijving Je bent een van de belangrijkere spelers in de organisate en je houdt je bezig met het volledige software development department. Je bent samen met je team verantwoordelijk voor de vele software die aangeboden wordt. Wat het werk leuk maakt is dat geen dag hetzelfde is: je werkt intensief samen met alle stakeholders in de organisatie en met name de CTO en Manager Products. De perfecte kandidaat heeft een aantal jaren ervaring als Frontend ontwikkelaar en weet te werken met JavaScript, NodeJS, React, Vue, HTML, CSS etc. Je bent bezig met architectuur, nieuwbouw, bouwt daarnaast ook databases en gaat

Bekijk vacature »

Traineeship junior programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van 2-4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Na de opleidingsperiode start je bij één

Bekijk vacature »

Production Engineer

Supermicro® (NASDAQ: SMCI), the leading innovator in high-performance, high-efficiency server technology, is a premier provider of advanced server Building Block Solutions® for Data Center, Cloud Computing, Enterprise IT, Hadoop/Big Data, HPC and Embedded Systems worldwide. Supermicro is committed to protecting the environment through its “We Keep IT Green®” initiative and provides customers with the most energy-efficient, environmentally-friendly solutions available on the market. Supermicro Computer B.V. is seeking a: Production Engineer Who is responsible for the assembly and building of Supermicro product that meet products quality requirements and shipment deadlines. This position will be located in the HMEA headquarters in 's-Hertogenbosch,

Bekijk vacature »

Ambitieuze PHP developer

Organisatie Voor een van onze businesspartners met een zeer ambitieuze groeiplan zijn wij op zoek naar hoog gemotiveerde PHP ontwikkelaars. De organisatie is zo’n 50 man groot en al 7 jaar actief op deze markt. Naast dat zij op dit moment al een van de grootste zijn op het gebied van detachering, zijn zij nog steeds hard aan het groeien. Voornamelijk bestaat hun IT afdeling uit écht goede Java, Python, PHP en Front-End ontwikkelaars die meebouwen aan alleen de meest technische en uitdagende opdrachten. Zo bestaat hun portfolio uit organisaties zoals de Rabobank, MijnOverheid, T-Mobile, Sanoma, de Kamer van Koophandel

Bekijk vacature »

FULL STACK PHP WHIZKID/TEAM LEIDER

Voor WhyToWork Global BV, een unieke Nederlandse onderneming die multinationals helpt vanuit hun purpose te werken en alles uit hun mogelijkheden te halen, zijn wij op zoek naar een ervaren PHP programmeur die door wil groeien tot teamleider. WhyToWork Global BV, is opgericht door serial-internet entrepreneur en auteur Eric Bartels, oprichter van de eerste Internetstore ter wereld in 1989, de eerste Europese Electronic Marketplace in 1992 en het eerste Omni-channel communicatiebureau in 1998. Wij werken voor klanten als Unilever, Jumbo Supermarkten, Cargill, SNS Bank, Apple, Walt Disney en vele anderen. Momenteel werken wij aan een unieke expert marketplace die aanbieders

Bekijk vacature »

C# Webdeveloper

Bedrijfsinformatie: Deze leuke partij in Noord-Holland is op zoek naar een medior C# webdeveloper voor de verdere (uit)bouw van hun software en applicaties. De core business van deze organisatie is het ontwikkelen van software die door sport gerelateerde organisaties gebruikt wordt om toernooien te organiseren, live scores bij te houden, schema’s bij te houden, ranking berekenen en betalingen te begeleiden. Deze organisatie dat veelal met de nieuwste technieken werkt heeft 11 man in dienst waaronder zes .NET developers die zich allemaal in één ruimte begeven, dit geeft een fijne toevoeging aan de open cultuur die heerst binnen de organisatie. Er

Bekijk vacature »

Visual Designer

Voor ons Design Team in Rotterdam, Heerlen of Amsterdam zijn we per direct op zoek naar een Marketing Visual Designer en product Visual Designer. Je ontwerpt marketing uitingen zoals banners, complete beursstands, brochures, flyers en powerpoint presentaties. Je kunt omgaan met Wordpress, je bent verantwoordelijk voor de look and feel van onze website en responsive design. Tijdens het proces werk je nauw samen met je teamleden en Marketing team, om een goed beeld te krijgen van de uitdagingen en doelen van het geen dat je ontwerpt. Het Design Team speelt een prominente rol binnen Anywhere365, dus we gaan niet voor

Bekijk vacature »

Junior Allround C#.NET Developer gezocht (Java ken

Al 15 jaar zijn zij marktleider en de Nederlandse vertegenwoordiger van een internationale overkoepelende organisatie. Zij richten zich daarbij op cloud ontwikkelingen en produceren flexibele en gebruiksvriendelijke software voor hun klanten. Het bedrijf telt 150 werknemers verspreid over 3 vestigingen in Nederland. Om nieuwe projecten te kunnen realiseren, zoeken zij naar gedreven en enthousiaste C# developers met ervaring of kennis van Java. De projecten waarbij jij betrokken zal zijn zullen voornamelijk gericht zijn op de ontwikkelingen rond de cloud, en het ontwikkelen en verbeteren van de huidige software. Tevens zal jij gedurende 9 maanden een opleidingstraject volgen voor Java samen

Bekijk vacature »

.NET Software Ontwikkelaar gezocht nabij Apeldoorn

Organisatie & Afdeling Voor een leuke partner in een hele gave en specifieke markt, nabij Apeldoorn, zijn we op zoek naar een medior .NET Software Ontwikkelaar die zowel zelfstandig als in teamverband aan de slag wilt gaan voor zijn/haar klanten. Deze partij is ontstaan in 2006 met het specifiek leveren van hardware. In 2012 hebben ze de ontwikkeling van de bijbehorende software op zich genomen en het resultaat hieruit is dat ze één van de grootste spelers in hun markt zijn. De klantenkring is divers te noemen, waarbij kan worden aangegeven dat er grote klanten in de bouwsector zitten en

Bekijk vacature »

.NET Developer / lease-auto / projecten / salaris

Vind je het leuk om je te verdiepen in technische integratie-vraagstukken binnen het Microsoft-platform die veel uitzoekwerk vergen en waarbij je met nieuwe technieken werkt? Wil je graag bij een organisatie werken waar je geen nummer bent en die goede arbeidsvoorwaarden heeft? Functieomschrijving Vind je het leuk om je te verdiepen in technische integratie-vraagstukken binnen het Microsoft-platform die veel uitzoekwerk vergen en waarbij je met nieuwe technieken werkt? Wil je graag bij een organisatie werken waar je geen nummer bent en die goede arbeidsvoorwaarden heeft? Reageer dan nu! Het koppelen van systemen met elkaar voor data verrijking waar vervolgens business-apps

Bekijk vacature »

Front-end Developer in-house Amsterdam

Organisatie Het is dinsdag ochtend, je rijdt de parkeergarage binnen met een ongebruikelijke spanning. De adrenaline giert door je héle lijf. Voorzichtig verminder je snelheid en laat je rustig het gaspedaal onder je rechtervoet vandaan glippen. Je gloednieuwe auto stopt voor de slagboom. Het moment van de waarheid… YES! De update op de applicatie die je gisteren hebt geïntroduceerd werkt! De hardware koppelt direct je nieuwe kentekenplaat aan jouw persoonlijke parkeergarage ID, en je beseft je dat je dag er ineens heel anders uit gaat zien. Geen bug fixing, testing of troubleshooting, maar de hele dag brainstormen over de volgende

Bekijk vacature »

Affiniteit met automotive? C# developer gezocht!

Organisatie & Afdeling Voor een MKB nabij Maarssen zijn wij op zoek naar medior en senior C# developers die affiniteit hebben met de automotive retail. Deze organisatie ontwikkelt software voor voornamelijk autobedrijven. De klanten gebruiken de software om hun commerciële proces verder te optimaliseren (denk aan een soort CRM systeem). Ze richten zich op innovatieve oplossingen middels nieuwe technologieën te gebruiken. Deze partij bestaat meer dan 18 jaar en is met 60% marktaandeel marktleider binnen de niche. Met het oog op de toekomst willen ze zich meer internationaal gaan richten en willen ze continue een verbeterde versie van zichzelf op

Bekijk vacature »

Junior PHP Developer met kennis van Symfony

Dit bedrijf is in 1999 gestart in Nederland. Het bedrijf is gespecialiseerd in het maken van enquête tools en kennismodules voor onder andere de onderwijs en medische sector. Ze zijn vrijwel de enige op de markt met deze specialisme. Het team bestaat uit 18 medewerkers waaronder een viertal developers . Er hangt een open, informele sfeer binnen het bedrijf. Waardoor het voor de werknemers ook prettig is om voor te werken. Het bedrijf blijft groeien en gaan wellicht op korte termijn verhuizen naar een grotere pand. Functie-omschrijving Je houd je voornamelijk bezig met het programmeren van de tools en modules,

Bekijk vacature »

Android developer remote

Voor een klant van Computer Futures ben ik per direct op zoek naar een ervaren Android developer die graag remote werkt. Je zult terecht komen in een start-up omgeving waar jij het voor het zeggen hebt op Android gebied. Het design team heeft al wat moois neergezet en nu is het aan jou om hier een gave Android applicatie van te maken. Genoeg ruimte voor eigen ingeving en creativiteit. Aanvullende informatie: - Amsterdam - 32/40 uur - Grotendeels remote - Zsm starten Technieken/Skills: - Android - Java - Kotlin - iOS - Swift Geinteresseerd? Neem dan contact op via 020

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

17/12/2018 21:44:58
 
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.