Jquery slide div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior/Lead Python developer

Functie Samen met je team, bestaande uit een senior, 2 mediors en één junior ontwikkelaar ga je op een Agile-gebaseerde aanpak werken aan hun software. Je hebt oog voor kwaliteit, risico’s en klantbelang. Communicatie met je collega’s en waar nodig ook met klanten speelt een belangrijke rol in het bereiken van een succesvol resultaat. Als persoon ben je slim, krijg je dingen voor elkaar en ga je resultaatgericht te werk. Binnen het development team is er veel zelfstandigheid, los van de stand-up (10:00 uur) en zo nu en dan pair-programming sessies. Technieken die zij gebruiken zijn o.a. Python, Django, MySQL,

Bekijk vacature »

Front-end developer (medior/senior)

Functie Het team bestaat uit een architect, fullstack developers, app developers, de product owner en projectmanager. Eenieder draagt vanuit zijn discipline bij aan een complete oplossing voor de klant. Uiteraard zul je hierin nauw samenwerken met je collega’s. Jij wordt verantwoordelijk voor de front-end implementatie en fungeert als lead op dit gebied binnen het team. Je kunt helder formuleren, ideeën uitdragen en overbrengen aan je collega’s. Qua technische stack is het vooral van belang dat je ervaren bent met Angular, HTML5, CSS en TypeScript. Verder is ervaring in NgRx, Bootstrap, BEM en Cypress een pré, evenals affiniteit met UX/UI Design!

Bekijk vacature »

.NET Developer

Dit ga je doen Programmeren in .NET, Javascript & C# en ontwikkelen in Web Services, Windows Services en MS SQL Server; Zelfstandig verbanden maken Analyseren, testen, bugs fixen, reviewen en rapporteren; Juiste prioriteiten stellen en verantwoordelijkheid nemen; Op architectuur niveau meedenken; Af en toe klanten bezoeken. Hier ga je werken Voor onze relatie zijn wij opzoek naar een .NET ontwikkelaar met minimaal 3 jaar werkervaring. Je komt te werken in een groeiend bedrijf met betrokken collega's die zorgen voor een familiaire sfeer op de werkvloer. Als .NET ontwikkelaar word jij vanaf de eerste werkdag betrokken bij het gehele ontwikkelproces. De

Bekijk vacature »

Medior/senior Front-end developer

Functie Je maakt deel uit van een DevOps Scrum team en werkt samen met back-end developers, test-engineers, interaction designers en een projectmanager. Er zijn verschillende groepen Scrum teams. Een roadmap team is jouw ‘’thuisbasis’’, daar wordt gewerkt aan doorontwikkeling van bestaande omgevingen voor een aantal klanten. Hiernaast zijn er projectteams waar nieuwe omgevingen worden gebouwd, of grote complexe wijzigingen worden doorgevoerd op bestaande omgevingen. Je kunt (afhankelijk van jouw wensen en doelen) dus afwisselend werken in beide teams. Hiernaast participeer je in het Chapter Front-end development waar gezamenlijk kennis en ervaring wordt gedeeld. Als Front-end developer is het jouw doel

Bekijk vacature »

Senior front-end developer (React)

Functie Momenteel zijn ze op zoek naar een ervaren front-end developer. Als senior werk je nauw samen met 5 collega developers. Een klein scrum team dus, met korte lijnen waardoor jouw ideeën snel tot uitvoering gebracht kunnen worden. De huidige applicaties worden veelal ontwikkeld met o.a. React, Redux, TypeScript. Ze zijn echt op zoek naar een kartrekker in het team. Naast het meedenken over, opzetten en uitvoeren van bijvoorbeeld de architectuur of toepassing van nieuwe technieken krijg je ook veel tijd om de meer junior (front-end) developers te begeleiden. Hierin nemen ze graag de tijd om mensen de ruimte te

Bekijk vacature »

Junior Software developer

Functie Als junior .NET ontwikkelaar start jij in een compact team met drie ervaren .NET ontwikkelaars. Wij werken op projectbasis en begeleiden zelf het hele traject van A tot Z. Wij bieden jou dan ook een brede functie aan met veel technische uitdaging! Ons traject ziet er als volgt uit: 1) Wij analyseren de behoefte van onze klant 2) Wij werken de behoefte uit en vertalen dit naar technische werkzaamheden en maken een uren/kosten schatting; 3) Wij gaan aan de slag met het ontwikkelen van het product met directe feedback van de klant, zodat datgene gerealiseerd wordt, wat gewenst is;

Bekijk vacature »

Senior Front-end developer (React)

Functie Met een ontwikkelafdeling van ruim 20 collega’s is dit zo ongeveer de helft van alle medewerkers. De software(ontwikkeling) is dan ook de drijvende kracht binnen de organisatie. Ze werken aan het verbeteren dan de bestaande, maar zeker ook nieuwe producten. De software bestaat uit verschillende (React) webapplicaties, maar ook een mobile (React native) app. Hierdoor kom je met verschillende uitdagingen in aanraking en is Mobile kennis natuurlijk mooi meegenomen. De software wordt door vele duizenden professionals dagelijks gebruikt en bevatten grote hoeveelheden data. Aan het team de uitdaging om hierin de best mogelijke gebruiksvriendelijkheid neer te zetten door gebruik

Bekijk vacature »

Front-end Developer

Dit ga je doen Doorontwikkelen van software; Ontwikkelen en testen van nieuwe functionaliteiten; Implementaties van nieuwe functionaliteiten en updates; Verzorgen van technische migraties naar nieuwe frameworks; Verwerken van incidenten. Hier ga je werken Onze klant, gevestigd in de regio Amsterdam, draagt bij aan het verbeteren van de veiligheid en efficiëntie van de Nederlandse infrastructuur door het ontwikkelen van afgemeten software oplossingen. Zo passen zij location intelligence toe om onderhoud en reparaties efficiënt te laten verlopen. Verder zorgen deze systemen dat incidenten zo snel mogelijk worden opgelost. Als Front-end Developer ben jij samen met je team betrokken met het (door)ontwikkelen van

Bekijk vacature »

Full stack developer

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »

Ervaren Software Developer

Functie omschrijving Ben jij een ervaren Software Developer, en heb je ervaring met technieken zoals C#, MS Access & SQL? Vind jij het leuk om maatwerk software te ontwikkelen voor klanten in een specifieke branche? Dan is dit de baan voor jou! Als ontwikkelaar ben jij samen met een team van 12 collega’s verantwoordelijk voor het bouwen van nieuwe functionaliteiten en het uitbreiden van de core applicatie. Belangrijk is dat je ervaring hebt met C# en MS Access. Je bent flexibel en klantvriendelijk ingesteld, omdat het belangrijk is om de klanten zo goed mogelijk van dienst te kunnen zijn. Thuiswerken

Bekijk vacature »

Freelance Fullstack Java Developer

Functieomschrijving Voor een opdrachtgever in omgeving Rotterdam zijn wij op zoek naar ervaren Fullstack JAVA Developers die graag op projectbasis willen werken. Je komt terecht bij een informele developers club die mooie projecten uitvoeren voor grote klanten. Ben je een ervaren freelancer of werk je in loondienst en ben je toe aan een nieuwe uitdaging? Lees dan snel verder want wie weet is dit een leuke vacature voor jou! Het fijne van deze werkgever is dat je zelf mag beslissen hoe je te werk wilt gaan. Wil je als freelancer werken dan is dat OK. Wil je de zekerheid hebben

Bekijk vacature »

.NET Developer

Functie omschrijving Net afgestudeerd en op zoek naar een leuke baan als developer? Zoek niet verder! Ik heb een functie beschikbaar als back-end developer, bij een leuk familiebedrijf. Je gaat werken met de Microsoft stack en de technieken C# en .NET. Verder maak je gebruik van MVC en Entity framework. SQL kent ook geen geheimen voor jou. Jouw verantwoordelijkheden: Nieuwe maatwerk software bouwen; API koppelingen bouwen; Applicaties en software optimaliseren; Back-end programmeren. Een erg uitdagende functie, met veel vrijheid. Je kan meerdere dagen thuis werken en als je op kantoor werkt wordt de lunch verzorgd. Heb je interesse, reageer dan

Bekijk vacature »

.NET Developer Medior Senior

Dit ga je doen Ontwikkelprocessen verder optimaliseren en verder ontwikkelen met C#; CI/CD-pipelines automatiseren; Herbruikbare componenten maken; Testen; Front-end pagina's gebruiksvriendelijk maken. Hier ga je werken Als .NET Developer kom jij terecht binnen een grote en internationale organisatie. Zij streven naar een positieve impact op de mens, milieu en maatschappij. Het bedrijf is oorspronkelijk een familiebedrijf en werkt aan de productie van hoogwaardige en technische systemen voor de gezondheidszorg. Momenteel willen zij betere ontwikkelprocessen creëren op internationaal gebied en staat kwaliteit en veiligheid voor hun op nummer 1! Als .NET Developer werk jij aan het ontwikkelen van verbeterde software voor

Bekijk vacature »

PHP Developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

.NET developer

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »
Hans -

Hans -

27/01/2014 20:56:46
Quote Anchor link
[EDIT: Heb het al een deel, moet het enkel nog tot alleen het vraagteken maken, maar dat krijg ik niet!]

Mensen,

op deze pagina

www.goo.gl/prrRRT

zien jullie een div (links onder met dat vraagteken en het plaatje) die eigenlijk als volgt zou moeten zijn:

je ziet enkel het vraagteken, en wanneer je er overheen hovert met je muis, schuift hij uit naar volledige div (zoals hij nu staat dus) Maar ik heb met de jquery zitten spelen maar kom er niet precies uit. zie hier mijn jquery

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<script>
    $('.vraagteken_container').hover(function() {
        $('.vraagteken_container').hide('slide', {direction: 'right'}, 1000);
        $('.vraagteken_container').show('slide', {direction: 'left'}, 1000);
    });
</script>


Heeft iemand een idee?
Gewijzigd op 27/01/2014 22:54:46 door Hans -
 
PHP hulp

PHP hulp

27/11/2024 20:09:02
 
Frank Nietbelangrijk

Frank Nietbelangrijk

28/01/2014 01:08:08
Quote Anchor link
wat je nu doet is de hele container laten verdwijnen en weer tevoorschijn halen als je over diezelfde container heen hovert. Het effect dat daardoor ontstaat is dat je het element waarover je hovert laat verdwijnen zodat je er weer niet over hovert waardoor het weer te voorschijn komt en je er weer overheen hovert enz enz
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<div class="vraagteken_container">
    <div class="vraagteken_plaatje">
        <img src="style/images/vraagteken_plaatje.png" />
    </div>

    <div class="vraagteken">
        ?
    </div>
</div>


Je moet alijd twee vragen stellen:
1. op welke gebeurtenis (event) van welk element wil ik een actie toevoegen?
2. wat is de actie en op welk element of elementen heeft de actie effect?


Bij jou zou het antwoord kunnen zijn:
1. bij een hover over .vraagteken
2. show() .vraagteken_plaatje

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<script>
    $('.vraagteken').hover(function() {
        $('.vraagteken_plaatje').show('slide', {direction: 'left'}, 1000);
    });
</script>


Vergeet niet om het volgende in je css te zetten:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
.vraagteken_plaatje {
    display:none;
}
Gewijzigd op 28/01/2014 01:15:17 door Frank Nietbelangrijk
 
Hans -

Hans -

28/01/2014 13:08:46
Quote Anchor link
Frank, ik heb dat nu toegepast, dit begint inderdaad al meer erop te lijken. Enkel heb ik nog wat dingen waar ik mee zit waar ik niet uitkomt.

Bijvoorbeeld dat vraagteken_container 300px blijft, maar die moet wanneer alleen het vraagteken te zien is, kleiner zijn, en als ik eroverheen ga moet hij vloeiend groter worden.
 
Michael -

Michael -

28/01/2014 13:22:54
Quote Anchor link
De container geen 300px meegeven, maar deze met jQuery meesturen icm animate.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
$("div.vraagteken_container").animate({height:300,width:300},"fast");
 
Hans -

Hans -

28/01/2014 13:25:48
Quote Anchor link
Dat werkt inderdaad wel, maar dan ben ik nog niet helemaal tevreden, want als je kijkt zie je dat het plaatje wel slide maar de div zelf niet. die komt in een keer BAM binnen.
 
Michael -

Michael -

28/01/2014 13:33:32
Quote Anchor link
Dan moet je het plaatje ook een animate geven.
 
Hans -

Hans -

28/01/2014 13:36:37
Quote Anchor link
Ik heb nu dit

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
    <script>
        $('.vraagteken').hover(function() {
            $('.vraagteken_plaatje').show('slide', {direction: 'left'}, 1000);
            $("div.vraagteken_plaatje").animate({width:215},"slow");
            $("div.vraagteken_container").animate({width:280},"slow");
        });
    </script>


Maar krijg nog steeds het niet goed
 
Michael -

Michael -

28/01/2014 14:01:06
Quote Anchor link
Wat is er niet goed aan? Ik weet niet wat jouw wensen precies zijn.

Daarbij heb je nu 2x een actie op je vraagteken_plaatje. En moet je plaatje nog verdwijnen bij het verlaten van de link?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
$('a.vraagteken').hover(function() {
    $("div.vraagteken_plaatje").show('animate',{width:215},"slow");
    $("div.vraagteken_container").show('animate', {width:280},"slow");
}, function() {
    $('div.vraagteken_plaatje').stop().hide("slow");
});
 
Hans -

Hans -

28/01/2014 14:11:02
Quote Anchor link
Oke ik zal even precies uitleggen wat ik wil.

Je moet alleen het vraagteken zien, als je erover heen hovert, klapt de hele div vloeiend uit. In die div zit dan ook dat plaatje, maar die klapt doormiddel van die div mee uit.

Mijn gedachte ging er eigenlijk naar dat ik dan bijvoorbeeld die div kan vullen met het plaatje en het vraagteken, en dan op een of andere manier die div onder de blauwe achtergrond kan laten verdwijnen, en als iiemand dan over het vraagteken gaat dat die div er dan uitkomt. Als je met je muis eraf gaat gaat hij weer terug. Ik dacht dat dat wel makkelijk was.
 



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.