mouseover tekst -> foto

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Gezocht: Ervaren VB6 developer met C# ambitie!

Bedrijfsomschrijving Dit bedrijf is een vooraanstaande softwareleverancier die gespecialiseerd is in het ontwikkelen van software pakketten voor autoschade herstel bedrijven. De software wordt gebruikt door meer dan de helft van alle autoschade herstel bedrijven in Nederland. Het team van professionals is op zoek naar getalenteerde collega developers die hun vaardigheden willen inzetten om het bedrijf te laten groeien. Functieomschrijving Voor dit bedrijf zoek ik een ervaren VB6 / VB.NET developer met interesse om op termijn verder te gaan in C#. In deze functie ben je verantwoordelijk voor het onderhouden van de bestaande softwarepakketten. Een deel van de code is nog

Bekijk vacature »

Front-end developer Consultancy in teamverband wer

Functie Het team bestaat uit User Experience designers, Data Scientists en Software Engineers. Momenteel zijn ze op zoek naar een ervaren Front-end of Fullstack developer die samen met de consultants aan de slag gaat om de business requirements te vertalen naar technische oplossingen. Los van het finetunen van extenties, help je bij het configureren van bijvoorbeeld een mobiel bankieren app. Hierin ben je van A tot Z betrokken en zie je bijvoorbeeld ook toe op de uitvoering van testen. Je expertise wordt optimaal benut en je krijgt verschillende kansen om deze uit te breiden door met verschillende innovatieve technologieën aan

Bekijk vacature »

Database Developer

Functie omschrijving Voor een logistieke dienstverlener in omgeving Zuid Beijerland zijn wij op zoek naar versterking. Weet jij als geen ander systemen aan elkaar te koppelen en heb jij goede kennis van SQL en UML, lees dan snel verder! Jouw taken zien er als volgt uit: Je bent in deze rol voornamelijk verantwoordelijk voor het bouwen, implementeren en beheren van koppelingen tussen de bestaande systemen (zowel business 2 business als application 2 application). Daarnaast inventariseer je de wensen van in- en externe klanten, die je vervolgens samen met je collega's, vertaalt naar technische specificaties, die jullie zelf ontwikkelen en implementeren.

Bekijk vacature »

PHP Developer

As a PHP Developer at Coolblue, you ensure that our webshops work as optimal as possible. How do I become a PHP Developer at Coolblue? As a PHP Developer you work together with other development teams to make our webshop work as optimal as possible and to make our customers happy. Although you are a PHP Developer, you are not averse to a little TypeScript or other technologies that might be used. Would you also like to become a PHP Developer at Coolblue? Read below if the job suits you. You enjoy doing this Writing vanilla PHP code. Working with

Bekijk vacature »

Senior PHP developer

Functie Als Senior PHP developer heb je een sterke mening over de architectuur van projecten en de processen binnen het team. Je bent de sparringpartner voor je Team Lead. Ook ondersteun je met jouw kennis de minder ervaren developers in jouw team. Ze werken regelmatig aan projecten vanaf scratch en dit geeft ruimte om voor nieuwe technieken te kiezen. Naast het ontwikkelen van software ben je continue bezig om ook jezelf te ontwikkelen. Ze werken met o.a.: PHP, Laravel, Doctrine, PHP Unit, Behat, React, TypeScript, (My)SQL, Postgress, Redis, ElasticSearch, Docker, Nginx, GIT flow, JIRA, AWS. Eisen • HBO werk- en

Bekijk vacature »

Software Ontwikkelaar C# .NET

Functie omschrijving C# .NET Developer gezocht. Ben jij een full stack developer die op zoek is naar een nieuwe uitdaging binnen een leuk snel groeiend bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Developer met ervaring op het gebied van .NET die een organisatie in de regio Amersfoort gaat versterken. Jij gaat je binnen dit bedrijf vooral bezighouden met het verbeteren van de functionaliteiten van hun dataplatform. Samen met andere ontwikkelaars denk je mee in oplossingsrichtingen, architectuur en nieuwe technologieën. Bedrijfsprofiel De organisatie waar je voor gaat werken heeft een onafhankelijk dataplatform ontwikkelt voor de agrarische sector.

Bekijk vacature »

Web Developer

Bedrijfsomschrijving ENGIE Nederland is onderdeel van de beursgenoteerde ENGIE Groep. ENGIE is actief in 70 landen, met wereldwijd 150.000 medewerkers. Als groep is het de missie om bij te dragen aan de verduurzaming van de wereld. ENGIE Energie biedt energiediensten aan particulieren en grootzakelijk en gaat de uitdagingen van de energietransitie aan door het beschikbaar maken van duurzame energie, het streven de klimaatverandering tot een minimum te beperken, leveringszekerheid te bieden en zorg te dragen voor een verantwoord gebruik van de beschikbare resources. ENGIE Energie investeert daarom in hernieuwbare energiebronnen zoals zon, wind en bio-gas. Functieomschrijving Heb jij veel ervaring

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

In-house .NET software developer

Functie omschrijving Ben jij op zoek naar een uitdagende in-house development functie? Maak jij graag hét verschil m.b.t. interne automatisering? Haal jij energie uit het automatiseren van processen voor je eigen collega's? Dan hebben wij de perfecte vacature voor je! Voor een gezellig Brabants familiebedrijf, zijn wij op zoek naar een .NET software developer. Je gaat in deze zelfstandige functie werken aan de ontwikkeling van eigen applicaties & en het koppelen van deze applicaties aan de ingekocht software. Jouw werkzaamheden zien er als volgt uit: Het management team signaleert behoeftes vanuit de business. Vervolgens worden deze behoeftes uitgewerkt en geprioriteerd.

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus 2023 bij de Experis Academy en ontwikkel jezelf tot een gewilde Full Stack .NET Developer. Maar hoe ziet het traineeship eruit en wat kun je verwachten? Periode 1 De eerste 3 maanden volg je fulltime, vanuit huis, een op maat gemaakte training in teamverband. Je leert belangrijke theorie en krijgt kennis van de benodigde vaardigheden en competenties die nodig zijn om de IT-arbeidsmarkt te betreden. Zowel zelfstandig als in teamverband voer je praktijkopdrachten op het gebied van front- en backend development uit. Wat er per week op het programma staat kun je

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: 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 je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software 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

Bekijk vacature »

.Net Front-end Ontwikkelaar

Wij zoeken een .Net Front-end Ontwikkelaar! Omschrijving Kun jij snel schakelen en ben je stressbestendig? Dan zoeken wij jou! Als .Net Front-end Ontwikkelaar help je mee aan de webapplicatie die over de hele wereld door allerlei bedrijven wordt gebruikt. Je werkt daarnaast mee aan nieuwe en verbeterde functionaliteiten en helpt met het oplossen van bugs. Over de opdrachtgever Je komt te werken in een ambitieus team dat zich blijft ontwikkelen. Dit is alle informatie die we nu kunnen delen over de werkplek. Als jij de .Net Front-end Ontwikkelaar bent voor deze job, vertellen we je snel nóg meer. Eisen Heb

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 »

C# developer

Functie omschrijving We are looking for a dutch native speaker Ik ben op zoek naar een back-end developer, die met name kennis & ervaring heeft van de programmeertaal C#. Jij gaat aan de slag bij een topspeler in de logistieke sector, die zich behalve met logistiek, ook bezig houdt met softwareontwikkeling. Welke taken komen hierbij kijken? Je gaat desktop- en webapplicaties onderhouden en optimaliseren, waarin je werkt met o.a. C#, ASP.NET, SQL Server en T-SQL. Je hebt regelmatig klantcontact om de wensen in kaart te brengen en te evalueren over de huidige draaiende applicaties. Je implementeert nieuwe functionaliteiten toe aan

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 11:55:53
 
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.