Niet achterelkaar kunnen klikken.

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Full Stack .NET Developer

Dit ga je doen Als developer nieuwe gave features ontwikkelen; Werken met technieken als C#, Angular 12 en Javascript,; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken In een team van 7 professionals ben je als Full Stack .NET Developer verantwoordelijk voor het ontwikkelen van applicaties voor het grootste inhouse product: een applicatie voor alles omtrent hypotheken. De programmeertaal die je hierbij beheerst is C#. Wil je van meerwaarde

Bekijk vacature »

Junior PHP Developer

Dit ga je doen Software development met behulp van C# .NET en / of PHP, je mag zelf kiezen waar jij je in wil specialiseren Meedenken over het nieuwe pakket, waar moet het aan voldoen? Unit-, integratie- en diverse andere tests schrijven en uitvoeren Nauw samenwerken met je IT collega's zoals Testers, Developers, DevOps Specialisten en Architecten Jezelf ontwikkelen met behulp van trainingen en cursussen Hier ga je werken Onze klant, een grote speler in de medische sector, is op zoek naar een enthousiaste junior (of meer ervaren) Software Developer die klaar is voor een nieuwe stap in zijn of

Bekijk vacature »

.NET developer

Functie Jij begint als .NET ontwikkelaar in een team met 10 andere Software Engineers. De werkzaamheden zijn afwisselend, zo kan het dat jij bezig bent met volledig nieuwe features of het door ontwikkelen van bestaande sites of shops. Wij ontwikkelen web applicaties, maar ook mobiele applicaties. Daarnaast bijt jij je soms ook van in externe koppelingen met systemen zoals een ERP. Als team is er een duidelijke focus m.b.t. het waarborgen van de performance en snelheid van webshops. Ook zijn wij expert op het gebied van configuratoren. Kortom enorm veel afwisselende werkzaamheden! Ook jouw werkplek kan afwisselend zijn. Soms heb

Bekijk vacature »

Back-end Developer

Functieomschrijving Voor een erkende werkgever in de regio van Middelburg zijn wij op zoek naar een enthousiaste PHP / Symfony Developer. Een ambitieus persoon die het gemotiveerde development team komt versterken met het realiseren van nieuwe en complexe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor professionele groei? Dit ga je doen: Je bent verantwoordelijk voor de beheer en ontwikkeling van de serviceportal in Symfony en de webshops in de tweede versie van Magento; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »

C# Developer Research and Development - Delft

Vacature details Vakgebied: Software/IT Opleiding: Medior Werklocatie: Delft Vacature ID: 6307 Introductie C# Developer Research and Development - Delft - Onze klant is één van de meest innovatieve bedrijven in de region van Delft. Op dit moment zijn ze voor het innovatie centrum. In het innovatie centrum wordt gewerkt aan de nieuwste technieken voor navigatie software. R&D / C# / Pattern Recognition / Algorithms / 3d Data / DotNET Functieomschrijving Als C# Developer kom je te werken in een innovatief scrumteam. We ontwikkelen en door ontwikkelen de nieuwste technieken op het gebied van navigatie software. Deze software wordt onder andere

Bekijk vacature »

Senior Front end developer Digital Agency

Functie Jij als Front end developer komt te werken in een van de 8 multidisciplinaire teams binnen de organisatie. Deze teams werken op basis van Scrum agile in 2 wekelijkse sprints. De grootte van de teams varieert van 9-14 collega’s en bestaan altijd uit één of meerdere project managers en een project manager. Samen met je team werk je aan verschillende projecten voor uiteenlopende klanten zoals grote multinationals tot het kleine mkb. De stack waarmee gewerkt wordt is voornamelijk Javascript, ES6, Es.next, HTML, CSS, React.js en Node.js. Wat deze organisatie onderscheid is dat ze echt langdurige partnerships aangaan met hun

Bekijk vacature »

Laravel / PHP developer gezocht!

Functie omschrijving Wij zijn op zoek naar een Laravel PHP Developer voor een leuk bedrijf in de omgeving van Amsterdam! Je zult je bezig houden met de volgende werkzaamheden: Je gaat aan de hand van de wensen van klanten software ontwikkelen; Je bent bij het gehele proces betrokken; van A tot Z; Je hebt na de oplevering contact met de klant wanneer zij problemen ervaren; Je denkt mee over het verbeteren van de werkprocessen; Je denkt mee over softwareoplossingen; Je speelt in op de behoefte van de klant; Je houdt je bezig met het verbeteren, aanpassen en vernieuwen van de

Bekijk vacature »

Full Stack PHP Developer

Functieomschrijving Ervaren PHP Developer gezocht! Wij zijn op zoek naar een ervaren PHP Developer die het IT team van een organisatie in de regio Ermelo gaat versterken. Voor deze functie zijn we op zoek naar een enthousiaste en breed georiënteerde IT-er die deze innovatieve organisatie nog een stap verder gaat brengen. Wij zijn op zoek naar iemand die communicatief goed is en die zelfstandig problemen op kan lossen. Je bent verantwoordelijk voor het samenwerken met een externe partij het is hierbij jouw taak om deze partij uit te dagen op het geleverde werk. Het schrijven van concepten aan de AI

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

Ambitieuze medior developer

Wat je gaat doen: Heb jij al een paar jaar ervaring als developer maar wil jij naar the next level? In ons NextLevelDev Programma helpen wij jou om de volgende stap te zetten: een mooi programma aan trainingen op het gebied van Java, hippe frameworks, Agile/Scrum, OCP-certificering en optioneel: andere JVM-talen als Kotlin en Scala; Cloud (AWS, Azure, GCP) Soc 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

Bekijk vacature »

SQL Developer

Functie omschrijving Altijd al willen werken bij een snelgroeiend bedrijf, actief in de logistieke sector? Dit is je kans! Ik ben op zoek naar een ervaren SQL Developer in de omgeving Tilburg. Dit bedrijf is gespecialiseerd in in de ontwikkeling van software en maatwerk oplossingen voor het automatiseren van logistieke processen. Klanten zijn o.a. BOL en andere grote distributiecentrums. Jouw taken worden vooral: Verantwoordelijk voor ontwikkelen van stored procedures, voor snelle afhandeling van data; Optimalisatie van de SQL query's en T-SQL query's; Jij gaat je bezig houden met ontwerpen, ontwikkelen en optimaliseren van de MS SQL Databases; In deze functie

Bekijk vacature »

PHP Developer Symfony

Dit ga je doen Ontwikkelen van Product Informatie Management (PIM) systemen; Werken aan zowel grotere als kleine projecten voor toonaangevende klanten binnen o.a. de retail. Hier ga je werken Als PHP Developer kom je te werken binnen een vooruitstrevende organisatie die Product Informatie Management (PIM) systemen levert aan hun klanten. Hun klanten zijn toonaangevende bedrijven binnen o.a. de retail. De organisatie zit gevestigd in regio Zwolle en bestaat uit zo'n 35 medewerkers, waarvan 30 IT. Je komt te werken binnen één van de zelfsturende development teams welke ieder verantwoordelijk zijn voor hun 'eigen' klanten. Jouw team bestaat uit 6 backend

Bekijk vacature »

Senior Full Stack developer

Bedrijfsomschrijving tbd Functieomschrijving Full Stack Java Development bij Randstad Groep Nederland (HQ) Er is een vacature in het Corporate Client Solutions (CCS) team. Dit team is met een ander team net begonnen aan het project ‘Grip op Inhuur’. Het doel van dit project is de tevredenheid van onze leveranciers te verhogen en de efficiëntie van onze administratie te verbeteren. Onderdeel daarvan is een ‘Mijn-omgeving’ voor ZZP’ers en leveranciers. Naast dit nieuwe project werkt het team ook aan het onderhoud en verbeteren van een digitaal vacature management systeem waarmee dagelijks vele vacatures worden voorzien. Het team ontwikkelt zo veel mogelijk zelf

Bekijk vacature »

Embedded Developer C++

Functie omschrijving Ben jij op zoek naar een leuke uitdaging als Embedded Developer, zoek dan niet verder! Voor een leuke opdrachtgever in omgeving Rotterdam zijn wij op zoek naar een Embedded Developer die graag met Embedded Devices werkt. Je zult verantwoordelijk worden voor het ontwikkelen en onderhouden van diverse producten. Jouw specialisatie ligt op het vlak van software, hardware en back-end. Dit bedrijf is gespecialiseerd in het ontwerpen van software voor een unieke industrie. Wil jij betrokken worden bij een proces dat loopt van ontwikkeling tot installatie? Waarbij je bezig zult zijn met perfecte systemen die geleverd worden aan binnen

Bekijk vacature »

Node.js developer looking for a challenging consul

Functie Under the guidance of 3 account managers, one of whom will be your point of contact within your expertise, you will start working for various clients. He or she will help you find a suitable and challenging assignment. Naturally, they will take your situation, experience and (technical) ambitions into account. The assignments last one to two years on average. This allows you to really commit to a project and make an impact as a consultant. Besides the assignment, you will regularly meet your colleagues from the IT department to share knowledge or discuss new trends, for example. Master classes

Bekijk vacature »

Pagina: 1 2 volgende »

Mathieu Posthumus

Mathieu Posthumus

03/03/2014 12:15:39
Quote Anchor link
Hallo,

Ik heb nou dit( http://mathieup.freeiz.com/index.php )

als je dan op het login knopje drukt dan wil ik dus ervoor zorgen dat de overlay dus wat opacity heeft wil ik late infaden en outfaden wanneer je wegklikt.

ik dacht eerst aan 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
var docHeight = $(document).height()
$(document).ready(function(){
    $("a.login").click(function(){
        $(function() {
            $("body").fadeIn("<div id='overlay'></div>");
            $("#overlay")
            .height(docHeight)
            .css({
                'opacity' : 0.4,
                'position': 'absolute',
                'top': 0,
                'left': 0,
                'background-color': 'black',
                'width': '100%',
                'z-index': 99
            });
        });
        $(".login_box").slideToggle("slow");
    });
        $("#container").mouseup(function (e){
            if (!$('.login_box').is(e.target) &&
                $('.login_box').has(e.target).length === 0)  {
                    $('.login_box').slideUp("slow");
                    $("#overlay").fadeOut("style");
                }
            });
});


Topic verplaatst naar de "JavaScript" categorie, aangezien het een jQuery vraag betreft.[/modedit]
Gewijzigd op 03/03/2014 12:30:48 door Wouter J
 
PHP hulp

PHP hulp

27/11/2024 00:25:17
 
Snelle Jaap

Snelle Jaap

03/03/2014 13:19:09
Quote Anchor link
De overlay? Je bedoelt de achtergrond van de website? En het login knopje is dat poppetje zeker?
 
Michael -

Michael -

03/03/2014 13:31:56
Quote Anchor link
Overlay is geen achtergrond maar een (meestal transparante) laag die over je website heen ligt waar daar bovenop informatie wordt weergegeven.

Toevoeging op 03/03/2014 13:35:50:

$("#overlay").fadeOut("style");

De functie RemoveAttr is er juist voor bedoelt om 'style' te verwijderen (dus de opmaak/css). Je kunt deze niet vervangen door fadeOut.
$("#overlay").fadeOut("slow"); zou misschien wel werken, maar de style blijft dan wel staan.
Het is handig om in de documentatie van jQuery de functies te bekijken, wat ze nou eigenlijk doen, voordat je ze aanpast.
 
Snelle Jaap

Snelle Jaap

03/03/2014 13:37:02
Quote Anchor link
Waaronder de informatie wordt weergeven bedoel je? Anders heeft de transparantie toch geen zin, als er elementen boven staan.
 
Michael -

Michael -

03/03/2014 13:40:35
Quote Anchor link
Om het script van Mathieu als voorbeeld te nemen, zal het scherm om in te loggen boven de overlay worden weergegeven en de rest eronder. Zoiets als lightbox waarneer je op een foto klikt.
 
Snelle Jaap

Snelle Jaap

03/03/2014 13:41:50
Quote Anchor link
Ah zo bedoel je, ik snap hem.
 
Mathieu Posthumus

Mathieu Posthumus

03/03/2014 13:50:19
Quote Anchor link
Snelle Jaap op 03/03/2014 13:19:09:
De overlay? Je bedoelt de achtergrond van de website? En het login knopje is dat poppetje zeker?


ja dat is hem

Toevoeging op 03/03/2014 13:54:56:

En wat ik vergeten ben op neer te zetten daar gaat de topic namelijk over xD

Dat als je dus op de knop drukt dat je de overlay en box tevoorschijn krijg en dat als je dan op de overlay klikt dat het weg gaat maar dat als je heel vaak op de login knop drukt dat het dan niet zovaak opnieuw gaat.
want ik zou niet eens weten wat ik daarvoor op moet zoeken.
 
Michael -

Michael -

03/03/2014 14:00:11
Quote Anchor link
Om te voorkomen dat een functie vaak wordt herhaalt kun je stop() toevoegen.
Zie ook aangepast voorbeeld. Helemaal voorkomen kun je het niet.
 
Mathieu Posthumus

Mathieu Posthumus

03/03/2014 14:09:44
Quote Anchor link
Nou ja als je kijkt op http://wonen.nl daar wel
 
Michael -

Michael -

03/03/2014 14:11:41
Quote Anchor link
Dat lijkt inderdaad op de stop() functie
 
Mathieu Posthumus

Mathieu Posthumus

03/03/2014 14:35:31
Quote Anchor link
maar wat je nu hebt is als je er vaker op klikt dat ie klein wordt ofz.... vet raar.
 
Michael -

Michael -

03/03/2014 14:47:01
Quote Anchor link
Ja, je moet het zo zien. Als je een simpele toggle hebt wordt elke actie in een wachtrij gezet, dus als je 10x heel snel elkaar klikt, zal ie ze alle 10x in zijn geheel uitvoeren. Helemaal openen, helemaal sluiten.

Met stop() stop je de actie en voer je de actie daarna uit. 10x heel snel achterelkaar zal nog steeds 10x wordt uitgevoerd, maar alleen de laatste keer helemaal.

Ik heb een voorbeeldje gemaakt om het uit te proberen
Gewijzigd op 03/03/2014 14:47:49 door Michael -
 
Snelle Jaap

Snelle Jaap

03/03/2014 14:52:36
Quote Anchor link
Mathieu Posthumus op 03/03/2014 13:50:19:
En wat ik vergeten ben op neer te zetten daar gaat de topic namelijk over xD


Das niet handig.
 
Mathieu Posthumus

Mathieu Posthumus

03/03/2014 15:05:30
Quote Anchor link
Jho snelle jaap pfff...

Denk ik yes een reactie daarvoor:D

Maar nee is het *Dat is niet handig*:|
 
Michael -

Michael -

03/03/2014 15:09:23
Quote Anchor link
Ik gaf een reactie hoor ;) Gewoon stop() gebruiken dus. Zie de voorbeelden die ik intussen al heb gegeven.
 
Mathieu Posthumus

Mathieu Posthumus

03/03/2014 15:12:46
Quote Anchor link
Michael ja ik heb gebruik maar bij mij werkt ie niet goed. want bij mij als ik dan vaker klik dan gaat ie vervormen ofz.
 
Snelle Jaap

Snelle Jaap

03/03/2014 15:16:12
Quote Anchor link
Ik heb even gekeken op je site, nu werkt het toch gewoon zoals je in de 1e post aangaf?
 
Mathieu Posthumus

Mathieu Posthumus

03/03/2014 15:26:28
Quote Anchor link
Snelle Jaap op 03/03/2014 15:16:12:
Ik heb even gekeken op je site, nu werkt het toch gewoon zoals je in de 1e post aangaf?


Nee want hij gaat niet in slow zegmaar daar gaat het om.
 
Snelle Jaap

Snelle Jaap

03/03/2014 15:44:02
Quote Anchor link
Een fadeout kan ook gewoon een ("slow") bevatten. Probeer dat anders is, want je wilt dat de overlay langzaam donkerder wordt toch? Ipv in 1 keer.

Toevoeging op 03/03/2014 16:12:27:

En wil je dat het tegelijk met de andere animatie wordt afgespeeld, dan gebruik je queue: false.
 
Mathieu Posthumus

Mathieu Posthumus

03/03/2014 16:13:19
Quote Anchor link
ja dat wil ik idd maar als ik het verander naar fadeIn en fadeOut dan gaat ie niet dan doet ie dit http://jsbin.com/lubipipa/5/edit

Dit is mijn .js 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
23
24
25
26
27
var docHeight = $(document).height()
$(document).ready(function(){
    $("a.login").click(function(){
        $(function() {
            $("body").fadeIn("<div id='overlay'></div>");
            $("#overlay")
            .height(docHeight)
            .css({
                'opacity' : 0.4,
                'position': 'absolute',
                'top': 0,
                'left': 0,
                'background-color': 'black',
                'width': '100%',
                'z-index': 99
            });
        });
        $(".login_box").slideToggle("slow");
    });
        $("#container").mouseup(function (e){
            if (!$('.login_box').is(e.target) &&
                $('.login_box').has(e.target).length === 0)  {
                    $('.login_box').slideUp("slow");
                    $("#overlay").fadeOut("style");
                }
            });
});
Gewijzigd op 03/03/2014 16:13:45 door Mathieu Posthumus
 
Michael -

Michael -

03/03/2014 16:14:49
Quote Anchor link
fadeOut("style") kan niet. Dat zei ik al eerder.
 

Pagina: 1 2 volgende »



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.