mouseover tekst -> foto

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

C#.NET developer

Functie Het development team bestaat momenteel uit vijf backend C#/.NET ontwikkelaars. Op dit moment zit één ontwikkelaar dedicated op de mobiele applicatie. Als team werk je samen aan het zelf ontwikkelde software platform. Dit bestaat uit zowel apps als websites. Om het systeem door meer dan honderdduizenden gebruikers wordt gebruikt is het bijna vanzelfsprekend dat de kwaliteit van het product hoog moet liggen. Het systeem bestaat uit drie projecten. Je werkt dus aan deze drie projecten waarbij de focus op z’n tijd verschuift. De technieken die worden toegepast zijn o.a. .NET Core, Xamarin, C# en MVC. Je zal dus met

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 »

PHP Developer (junior functie)

Functie omschrijving Wij zijn op zoek naar een PHP Developer! Ben jij een starter en wil je werken bij een jong en leuk bedrijf? Lees dan verder! Wij zijn op zoek naar een PHP Developer binnen een junior functie. Binnen dit bedrijf gaat het om persoonlijke aandacht en ontwikkeling! Je komt te werken voor een leuk communicatiebureau die alles op het gebied van online en offline communicatie doet. Dit doen zij voor verschillende branches, waardoor je aan diverse soorten projecten mag werken, dit maakt deze baan erg leuk! Daarbij werk je aan een door hun zelf ontwikkeld framework welke goed

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 »

PHP Developer - medior functie

Functieomschrijving Ben jij innovatief en wil jij je kennis graag delen met jouw nieuwe collega's? Lees dan snel verder! Voor een leuke opdrachtgever in de omgeving van Roosendaal zoeken wij een Symfony developer. Of je nou junior, medior of senior bent, je krijgt hier alle vrijheid en verantwoordelijkheid om jouw eigen loopbaan te ontwikkelen. Je gaat je hier bezig houden met en inspelen op de actualiteiten van jouw vakgebied. Techstack: Symfony, PHP, mySQL. Kennis van Svelte is helemaal mooi meegenomen. Bedrijfsprofiel Al sinds '99 is dit webbureau actief. De kernwaarden binnen het bedrijf zijn integer, dienstbaar en deskundig. Je komt

Bekijk vacature »

Senior SQR Java Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 13333 Introductie Are you passionate about contributing to the world's most advanced machines. Do you thrive in a challenging environment working with highly motivated and skilled teams? If so, we have the perfect opportunity for you! We are seeking a Senior Software Design Engineer for Sequence Tooling to play a critical role in creating and maintaining mission-critical software applications. In this role, you will focus on achieving maintainable software architecture that is transparent and easy to extend while maintaining a strong focus on software quality. You will work closely with

Bekijk vacature »

Junior PHP (Laravel) Developer

Functie omschrijving Wij zijn op zoek naar een PHP Laravel Developer! Sta je aan het begin van je carrière en ben je op zoek naar een leuke baan? Lees dan verder! Voor een softwarebedrijf in omgeving van Schiphol zijn wij op zoek naar een ervaren PHP (Laravel) Developer. Je gaat je bezighouden met het ontwikkelen van innovatieve bedrijfsapplicaties. Samen met het team, bestaande uit designers en developers, maak je mooie oplossingen voor bedrijven in diverse branches. Je zorgt dat de opgeleverde websites perfect werken en de klant meer dan tevreden is. Je kunt rekenen op een afwisselende baan met leuke

Bekijk vacature »

.NET developer

Functie Voor jou als junior .NET ontwikkelaar staat er een flinke uitdaging klaar bij dit bedrijf waar jij veel van kan gaan leren. Zo willen zij een flinke uitbreiding doen op het webbased gedeelte dat zij nu hebben en willen zij het standaard deel gaan moderniseren. Jouw team is dan ook op zoek naar een junior .NET ontwikkelaar die het leuk vindt om op basis van research en development aan de slag te gaan. Jouw mening telt mee als het gaat om hoe en met wat deze applicaties gebouwd en herschreven gaan worden. Jouw functie bij dit bedrijf gaat dan

Bekijk vacature »

Full Stack .NET Developer C# ASP.NET

Samengevat: Deze werkgever is gespecialiseerd in het op afstand bewaken en besturen van machines en processen. Ben jij een ervaren Full Stack .NET Developer? Heb je ervaring met C# en ASP.NET? Vaste baan: .Net Developer C# ASP.NET HBO €3.300 - €4.500 Deze werkgever is een snel groeiende onderneming gespecialiseerd in het op afstand bewaken en besturen van machines en processen, IoT (Internet of Things). Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Wil jij bij de top specialisten horen? Ben jij op zoek naar een

Bekijk vacature »

Laravel / PHP developer

Functie omschrijving Wij zijn op zoek naar een Medior PHP / Laravel Developer voor een IT-consultancy in de omgeving van Hoofddorp! Ben jij op zoek naar een leuke nieuwe uitdaging binnen een veelzijdige werkomgeving? Lees dan snel verder! Binnen dit bedrijf werk je in een ontwikkelteam, waarin je zeer betrokken bent en meedenkt over softwareoplossingen. Binnen dit Team hou je je bezig met het aanpassen, verbeteren en vernieuwen van de logistieke oplossingen. 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;

Bekijk vacature »

Lead Webdeveloper

As Lead Web Developer at KUBUS you are responsible for the implementation design of requirements and the software architecture of the web application and services of BIMcollab. In your role as lead developer you will naturally search for the optimum between the required implementation time, the performance of the application and a fast go-to-market of features, in line with our automated test and release train. Together with the other senior developers in your team you monitor the architecture of the application and you advise the product owner about necessary refactoring to improve the maintainability of the platform. Our development team

Bekijk vacature »

Oracle APEX Ontwikkelaar (3.500-6.000 euro)

Bedrijfsomschrijving Ben jij een getalenteerde Oracle APEX ontwikkelaar met minimaal één jaar ervaring in het ontwikkelen van Oracle APEX-applicaties? Ben je gepassioneerd over het ontwikkelen van bedrijfskritische oplossingen en wil je werken bij een toonaangevend consultancybedrijf? Dan zijn wij op zoek naar jou! Deze organisatie beschikt over zowel inhouse als externe projecten, maar bovenal over een sterk team en netwerk van opdrachten waardoor jij jezelf verder kunt ontwikkelen. Het team bestaat uit een aantal junior en medior developers, maar vooral uit senioren. De business unit managers binnen het team zijn mensen die hun vak verstaan en zelf als Oracle APEX

Bekijk vacature »

Mendix Consultant / Developer

Dit ga je doen Het in kaart brengen en analyseren van de functionele wensen van de klant rondom Mendix applicaties; Het fungeren als sparringpartner voor de (interne) klanten; Het opstellen van requirements en het vertalen hiervan naar technische mogelijkheden; Het opstellen van user stories; Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Het testen van op te leveren software en het zorg dragen voor de implementatie; Trainen van gebruikers in het gebruik van de applicatie; Werken in een Agile omgeving. Hier ga je werken De organisatie begeeft zich in de retail branche en focust zich

Bekijk vacature »

C# .NET Developer

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 Bennekom 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 »

Software Developer

Bij een bedrijf in de machinebouw, regio Roosendaal, zijn we op zoek naar een: Software Developer Waar ga je werken? Onze opdrachtgever is gespecialiseerd in de grondverzetmachines. Al meer dan 50 jaar leveren ze zowel nationaal als internationaal diverse machines. Het is een familiebedrijf met een informele werksfeer. Wat ga je doen? Als Software Developer je verantwoordelijk voor: - Je werkt voortdurend aan oplossingen voor het op afstand bewaken en besturen van oogstmachines; - Het visualiseren van gegevens in rapporten, apps of andere formaten; - Voorspellend machineonderhoud; - Taakplanning; - Je schrijft aangepaste plug-ins om gegevens te importeren of exporteren

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

21/11/2024 19:28:21
 
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.