Javascript .hover variables mee geven

[IMarks]

Ik ben bezig met een script van PHP en Javascript.
Het script is een php script die voor ieder lid een foto laad zien en zodra je er over heen gaat de gegevens ziet.
Dit gebeurd door middel van een PHP foreach en een javascript .hover function

Nou wil ik die gegevens door geven aan de javascript (dit lijkt mij de enige manier).

de structuur van het script is als volgt:
<?php foreach ?>
(de foto laten zien en de $entry->waarde in een standaard variable plaatsen)
<?php endforeach ?>

hierna volgt het javascript dat er als volgt uitziet
$("a.test").hover(function (e) {
},
function(){
});
$("a.test").mousemove(function(e){
});

Zoals je ziet kan ik het niet doen binnen de foreach omdat dan de functie te vaak gedefinieerd wordt.
maar tevens kan ik ook geen onMouseOver effect geven aan de a vanwege de cursur locatie script die e gebruikt als indetificatie en welke ik door mij weinige ervaring met javascript niet werkend kan krijgen in een andere structuur.

Als je de volledige code wilt vraag het ff daar stuur ik dat via PM, ik wil het forum niet onderspammen

iemand enig idee hoe ik dit werkend kan krijgen.

[ Voor 3% gewijzigd door IMarks op 14-09-2012 14:27 ]

[spaceninja]

Je kunt bijvoorbeeld de gegevens tijdens je foreach loop in de html zetten en via jquery ophalen:

http://api.jquery.com/data/#data-html5

[gvdh]

Hier heb je in principe zelfs geen javascript voor nodig. Zet de gegevens in een element dat via css standaard onzichtbaar is, en maak het (ook via css) zichtbaar op het moment dat er over de afbeelding gehoverd wordt.

[IMarks]

@spaceninja ik een data-indienst="<?php echo $entry->indienst; ?>" toegevoegd aan me <a>
en een this .data("indienst") in de javascript geplaats

alleen nu krijg ik de volgende melding:
Uncaught TypeError: Object http://censuur.tld/map/niet%20beschikbaar.png has no method 'data'
terwijl de alle this.title en this.href wel werken. enig idee wat hier de oorzaak van kan zijn of moet ik je even de code per PM sturen. voor de duidelijkheid die title en href zijn dus ook onderdeel van de <a> en niet van de <img>

@gvdh dit maakt het voor mij alleen maar moeilijker om de div te plaatsen op een X afstand van de cursor maar toch bedankt voor je tip.

[ Voor 7% gewijzigd door IMarks op 14-09-2012 15:41 ]

[RM-rf]

jQuery is zélf eigenlijk al een soort van loopfunctie (hence de naam), de basis is dat het een query over elementen uit de dom maakt en dan gedrag (methode) toewijst aan alle overeenkomende elementen:

$('a.test').methode()

voert deze uit over ale A-elementen (links) met als class "test"...

doel is natuurlijk om op deze manier je serverside processing én clientside acties zoveel mogelijk te scheiden ..
met PHP/serverside bereid je elementen/data voor... en je laat het aan je clientside scripting over handelingen te bepalen en regelen...
PHP hoeft dus géén clientside code te genereren, deze kun je schrijven alsof de pagina verder 'statisch' zou zijn.

[IMarks]

het is al opgelost, heb er een +"<td>"+ $(this).data("indienst")+"</td>" van gemaakt ipv +"<td>"+ this .data("indienst")+"</td>" en nu werkt het wel. bedankt voor de hulp

[RobIII]

Voor code hebben we code tags uitgevonden en je topic hoort in WEB (zie Waar hoort mijn topic?). Maar dat kan ik wel blijven herhalen... en dus mag je je mail checken