mouseover tekst -> foto

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Front end developer

Functie Binnen de functie van Front-end developer werk je mee aan uitdagende klantprojecten. In teamverband werk je aan de voorkant van onze state-of-the-art portaal oplossingen en apps. Dit alles gebeurt in een multidisciplinaire omgeving waarbij je de ruimte hebt om te sparren, je ideeën scherp te stellen, en waar je met de benodigde kennis en ervaring om je heen altijd terecht kunt bij je collega’s voor vragen en ondersteuning. Meestal werk je vanuit ons kantoor maar we bieden ook alle faciliteiten om thuis te kunnen werken. Voor sommige projecten ga je mee naar de klant, wellicht zelfs in het buitenland!

Bekijk vacature »

Software Ontwikkelaar C# .NET

Functie omschrijving Startende Software Ontwikkelaar gezocht met kennis van C# .NET! Ben jij net klaar met je opleiding en ben je op zoek naar je eerste echte werkervaring? Of heb jij al enige werkervaring maar ben toe aan iets nieuws? Dan is dit de perfecte kans voor jou! Wij zoeken namelijk een Junior Software Ontwikkelaar die klaar is voor een nieuwe uitdaging bij een leuke werkgeven in de regio Zeist. In deze functie werk jij vaak aan verschillende projecten en ga je bij klanten op bezoek. Ben jij op zoek naar een functie met uitdaging, diversiteit en verantwoordelijkheid? Dan is

Bekijk vacature »

Senior .Net developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als .Net Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

Front-end developer (Angular)

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 »

BizTalk/ Azure Developer

Dit ga je doen •Understanding the scope of required functionality, translate them within context of way of working of the team into developed solutions, whilst safeguarding documentation; •Planning based on assigned sprint tasks; •Acting as an expert in estimation techniques and planning; •Understanding your role in the agile process and act in this way; •Facilitating internal communication and effective collaboration; •Working closely with scrum master to handle backlogs and new requests; •Providing information to the third parties about activities and needs for compliance. Hier ga je werken Our client is a leading organization focusing on animal nutrition, offering solutions that

Bekijk vacature »

C#.NET developer

Functieomschrijving Wij zijn op zoek naar een gepassioneerde Full Stack C#.NET Software Developer. Als Software Developer ben je verantwoordelijk voor het ontwikkelen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere ontwikkelaars en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Testen en valideren van de ontwikkelde software. Ontwikkelen en onderhouden van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je gaat aan de slag met diverse technologieën en frameworks. Denk hierbij aan C#, JS frameworks, HTML, CSS, TypeScript,

Bekijk vacature »

Remote - Front-end Angular developer

Functie The IT team currently consists of the IT Manager, 2 back-end developers, 1 full-stack developer, 1 designer, and a DevOps engineer. They are currently looking for an experienced Front-end developer who will work autonomously and in a disciplined manner, being the only developer working on their Front-end applications at the start. They do have the ambition to find a second developer soon, who you will then be able to supervise. You will be working on the further development of their existing UI in Angular. But also developing a mobile app. They place great value on User Experience and opt

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

C# developer

Functie Als ervaren Software Engineer wordt jij verantwoordelijk voor het bedenken en ontwikkelen van technische (maatwerk) oplossingen voor onze klanten en dit samen met de klant af te stemmen. Jij wordt o.a. verantwoordelijk voor de doorontwikkeling het software pakket welke voor ons enorm belangrijk is. Dit pakket zorgt er namelijk voor dat wij complete productielijnen kunnen aansturen en monitoren. Daarnaast heb jij actief contact met onze hoofdvestiging om het software achter een van onze systemen te verbeteren en te herschrijven. Momenteel zijn onze C# applicaties geschreven met o.a. Winforms. Echter hebben wij de actieve ambitie om dit te gaan herschrijven

Bekijk vacature »

.NET Developer C# VB

Samengevat: Deze werkgever is actief in software voor het matchen van vraag en aanbod van gebruikte auto-onderdelen. Ben jij een .NET Developer? Heb je ervaring met het ontwikkelen (REST) en integreren van webservices? Vaste baan: C# .NET Developer C# VB HBO €2.600 - €6.200 Wij ontwikkelen software om vraag en aanbod van onderdelen van personenauto's bij elkaar te brengen. Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. De branche van dit bedrijf is Automotive. Functie: Voor de vacature als .NET Developer Dordrecht HBO ga je

Bekijk vacature »

Embedded Software Developer

Functie omschrijving Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar een Embedded Software developer. Binnen deze rol houdt jij je bezig met alle werkzaamheden die nodig zijn om een functionaliteit te bouwen. Denk aan ontwerpen, architectuur, programmeren en algoritmes. Je voert test en validatie werkzaamheden uit bij de implementatie bij de klant. Ben jij enthousiast en een echte team player? Lees dan snel verder en laat wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot aantal creatieve en ambitieuze ontwikkelaars. Ze

Bekijk vacature »

SQL Database ontwikkelaar

Functie omschrijving Wil jij meewerken aan het creëren van slimme software om magazijnen als een geoliede machine te laten lopen? Wij zoeken een zorgvuldig persoon, iemand die niet snel de hand omdraait voor complexe algoritmes. Denk jij dat jij de SQL ontwikkelaar bent die wij zoeken? Lees snel verder en wie weet zitten we binnenkort samen aan tafel! Jouw werkzaamheden zullen er als volgt uitzien: Je houdt je bezig met het ontwerpen en ontwikkelen van MS SQL server databases, dit doe je met T-SQL als programmeer laag. Je gaat aan high-end software oplossingen werken, dit doe je voor de optimalisatie

Bekijk vacature »

.NET developer

Functie Als ervaren .NET ontwikkelaar start jij een team met 12 programmeurs. Jullie zijn verantwoordelijk voor het huidige platform van deze organisatie. Als team werken jullie in tweewekelijkse sprints en starten jullie iedere dag met een stand-up. Jij werkt samen met jouw team aan het uitbreiden van het huidige platform door middel van nieuwe features. Daarnaast zorg jij er samen met jouw team voor dat het platform veilig is en gebruiken jullie de nieuwste technieken om deze veiligheid te waarborgen. Zo maken jullie gebruik van C# .NET, .NET Core, React, Azure, Kubernetes, ASP.NET, MVC. Jij gaat aan het werk in

Bekijk vacature »

No-Code Betty Blocks ontwikkelaar

Bedrijfsomschrijving Wil jij de bedrijfsprocessen van klanten revolutionair digitaliseren en optimaliseren zonder beperkt te worden door programmeertalen? Kom werken bij een snelgroeiende en professionele organisatie met een gezonde dosis humor en veel vrijheid om jezelf te ontwikkelen. Als No-Code Betty Blocks ontwikkelaar werk je vanuit ons kantoor in het hart van Nederland, je thuiswerkplek of op locatie bij de klant. We faciliteren de juiste trainingen en ondersteuning zodat je een echte Betty Blocks expert wordt. Naast het werk zijn er bij ons bijzondere events, zoals een jaarlijkse zeildag, een zomerse barbecue en een knus kerstdiner om de grillige maanden door

Bekijk vacature »

Als Lead PHP developer bijdragen aan het onderwijs

Functie Als Lead PHP developer zet je samen met het team en de andere lead developers de technische lijnen uit als het gaat om het ontwikkelen van de applicaties en bepaal je samen met de PO waar elke sprint aan gewerkt zal worden. Je kunt op basis van een user story een goede aanpak formuleren en een planning opstellen, en andere hierin meenemen. Wanneer je team code schrijft verwacht je degelijke oplossingen, bij voorkeur gebruik makend van Domain Driven Design. Je ziet toegevoegde waarde in het beoordelen van het werk van collega’s om zo samen te streven naar hoge kwaliteit

Bekijk vacature »
D B

D B

02/09/2014 17:29:33
Quote Anchor link
Hallo,

Ik ben mijn website weer eens wat aan het uitbreiden, en had het idee om foto's aan namen te hangen.
Nu vraag ik me af het mogelijk is om een bijvoorbeeld een <span> oid (of moet dit altijd een <a href> zijn?), om de naam heen te plaatsen en deze dan bij mouseover een bepaalde foto of tekst te laten weergeven.

Is dit mogelijk?

Zoja, kan iemand mij ergens een voorbeeld hiervan geven of misschien een beetje op weg helpen?

Het gaat vooral om namen waar ik eigenlijk een klein 'popupje' bij wil weergeven...
 
PHP hulp

PHP hulp

05/11/2024 07:48:50
 
Mathieu Posthumus

Mathieu Posthumus

02/09/2014 17:36:37
Quote Anchor link
Het lijkt me dan het meest logische om dat met js te doen. en dan gewoon de mouseover functie gebruiken
 
D B

D B

08/09/2014 10:02:30
Quote Anchor link
Ok,

Nu haal ik deze namen met id op uit een database, en dacht ik zelf om te kijken of het bestand id.jpg bestaat in een foto map en dan deze dus te tonen. Maar hoe kan ik dit nu verwezenlijken met js?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<?
if ( file_exists('avatar/'. $id. '.jpg') {
    echo '<span id="'. $id. '">Jan Test</span>'; //hier zou dan de mouseover bij moeten?
}
else {
    echo 'Jan Test';
}

?>


Zou zoiets dan moeten kunnen?
 
Bas IJzelendoorn

Bas IJzelendoorn

08/09/2014 11:53:24
Quote Anchor link
Bedoel je zoiets als dit

website: klikje
Gewijzigd op 08/09/2014 11:53:51 door Bas IJzelendoorn
 
Obelix Idefix

Obelix Idefix

08/09/2014 12:12:21
Quote Anchor link
Zoek anders eens op tooltip (of tooltip image).
 
D B

D B

09/09/2014 20:01:40
Quote Anchor link
Ik heb eens wat gezocht naar tooltip, en dit is inderdaad wat ik zoek.

Nu probeer ik via een ajax call een bepaalde foto te laden, maar hier kom ik helaas nog niet uit.

Dit is wat ik heb:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<?
echo '<span class="tooltip" data-id="'. $row['id']. '">';
echo $row['voornaam']. ' '. $row['achternaam']. '<br>';
echo '</span>';
?>


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
<script>
$('.tooltip').tooltipster({
    content: 'Loading...',
    position: 'right',
    functionBefore: function(origin, continueTooltip) {
        continueTooltip();
        if (origin.data('ajax') !== 'cached') {
                $.ajax({
                type: 'POST',
                url: 'tooltip.php',
                id: $(this).data('id'), //hier probeer ik het data-id mee te sturen
                success: function(data) {
                    origin.tooltipster('content', data).data('ajax', 'cached');
                }
            });
        }
    }
});
</script>


Verder weet ik niet wat ik precies in mijn tooltip.php moet zetten om de POST af te handelen. (Kan dit gewoon met php?)

Iemand die mij kan helpen?
 
D B

D B

11/09/2014 16:44:11
Quote Anchor link
Niemand?
 
Obelix Idefix

Obelix Idefix

11/09/2014 21:20:44
Quote Anchor link
D B op 09/09/2014 20:01:40:
Verder weet ik niet wat ik precies in mijn tooltip.php moet zetten om de POST af te handelen. (Kan dit gewoon met php?)

Dat laatste kun je natuurlijk gewoon zelf testen ;-)

Waarom wil je bij de mouse-over pas een foto ophalen?
 
D B

D B

11/09/2014 23:02:41
Quote Anchor link
Ik had al wel geprobeerd, maar zonder resultaat. Uiteindelijk zou ik via die mouseover met het id, heel veel uit de database kunnen halen...
 
Obelix Idefix

Obelix Idefix

12/09/2014 08:10:01
Quote Anchor link
D B op 11/09/2014 23:02:41:
Ik had al wel geprobeerd, maar zonder resultaat.

Geef dan even aan wat je hebt geprobeerd en wat het resultaat is/waar je vast loopt.

D B op 11/09/2014 23:02:41:
Uiteindelijk zou ik via die mouseover met het id, heel veel uit de database kunnen halen...

Je geeft aan dat je bij de mouseover een foto wilt tonen. Nu geef je aan dat je heel veel kunt ophalen uit de database. Wat is je bedoeling/wat wil je bereiken?
Als het je gaat om die foto: ophalen uit de database en opnemen in je code.
Krijg nu echter het idee dat je iets anders wilt; geef dan aan dat je doel/bedoeling is.
 
D B

D B

12/09/2014 10:09:10
Quote Anchor link
Hallo Obelix,

Alvast bedankt voor het meedenken.

Zoals in mijn eerste post aangegeven denk ik zelf aan een popupje met een foto/tekst (uit database).

Ik heb bovenstaand javascript, hiermee POST ik (volgens mij) naar tooltip.php. Met het uitlezen in tooltip.php heb ik vanalles geprobeerd, dwz. geprobeerd te werken met $_POST en met een standaard echo.

Maar, ik denk dat mijn probleem vooral in deze regel zit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
id: $(this).data('id'), //hier probeer ik het data-id mee te sturen.


Is er een betere manier om dit op te lossen, dan met AJAX? Of is het AJAX gebruik in dit geval wel goed?
 
Obelix Idefix

Obelix Idefix

12/09/2014 11:47:57
Quote Anchor link
Ik begrijp nog steeds het probleem niet.
Wat bedoel je met popup? Dat is toch de tooltip?
Waarom informatie posten/ophalen (via jquery)?

Ik weet niet waar je jouw voorbeeld hebt weggehaald. Heb in het verleden diverse tooltips gevonden/geprobeerd en daar heb ik nooit via jquery informatie opgehaald uit een database op het moment van de mouseover.
 
D B

D B

12/09/2014 12:47:31
Quote Anchor link
Ik gebruik tooltipster. De popup bedoel ik inderdaad de tooltip mee.

Misschien begrijp ik het AJAX principe verkeerd, maar hiermee kun je toch bij een mouseover iets posten en terugkrijgen, en dat dan in de tooltip laten zien?
 
Obelix Idefix

Obelix Idefix

12/09/2014 14:17:52
Quote Anchor link
Volgens http://iamceege.github.io/tooltipster/#demos wel. Daar maken ze overigens, in het voorbeeld, geen id aan.
 
D B

D B

12/09/2014 16:35:18
Quote Anchor link
Nee dat klopt, maar dat is dus ook mijn probleem. Het Ajax gedeelte is toch standaard jquery, dus daar zou ik toch het id mee moeten kunnen sturen?
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

12/09/2014 17:25:59
Quote Anchor link
Dat kan ook, maar dan moet je de data property gebruiken:
Code (js)
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
<script>
$('.tooltip').tooltipster({
    content: 'Loading...',
    position: 'right',
    functionBefore: function(origin, continueTooltip) {
        continueTooltip();
        if (origin.data('ajax') !== 'cached') {
                $.ajax({
                type: 'POST',
                url: 'tooltip.php',
                data: {id: $(this).data('id')}, //hier probeer ik het data-id mee te sturen
                success: function(data) {
                    origin.tooltipster('content', data).data('ajax', 'cached');
                }
            });
        }
    }
});
</
script>
 
D B

D B

14/09/2014 23:14:24
Quote Anchor link
Hallo Ger,

Dit is inderdaad wat ik zocht, alvast bedankt voor het meehelpen!

Is het nu mogelijk om bij het resultaat html code te gebruiken? Als ik deze namelijk gewoon echo krijg ik de code zelf in de tooltip te zien.
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

14/09/2014 23:25:14
Quote Anchor link
Optie contentAsHTML: true
toevoegen.
Het helpt ook weleens als je de documentatie bij zo'n plugin leest
 
D B

D B

14/09/2014 23:29:49
Quote Anchor link
Sorry, wist niet dat dit plugin afhankelijk was.

Heel erg bedankt voor de hulp!
 



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.