javascript "zien"
Ik heb in Firefox de Firebug plugin al geprobeerd, maar als ik met m'n muis over een label heen ga, zie ik niks gebeuren. Wat ik dus wil is dat ik kan zien welke functie wordt getriggerd zodra ik een mouse-over op een label doe. Is daar een tooltje voor?
Gewijzigd op 04/10/2012 16:24:15 door Ozzie PHP
Ozzie PHP op 04/10/2012 16:23:30:
... dus wil is dat ik kan zien welke functie wordt getriggerd zodra ik een mouse-over op een label doe. Is daar een tooltje voor?
Ja, dat is lastig. Voor zover ik weet, lukt dit niet.
Ik zie ook te veel uitzonderingen / speciale gevallen / notaties om dit te laten functioneren.
Script dat dynamisch wordt geladen; broncode waarbij je verstopt dat je de tooltip aanspreekt, ...
Gewijzigd op 05/10/2012 15:49:52 door Kris Peeters
http://forum.joomla.org/viewtopic.php?f=627&t=668644
Dan zou je dus in je CSS
.tip{
background-color:#BLABLA;
}
kunnen doen.
Ja, om zo'n tooltip gaat het inderdaad. Ik heb uiteindelijk de javascript functie gevonden en een class naam meegegeven zodat ik het ding kan stylen. Probleem opgelost. Maar ik vind het super onhandig dat ik niet direct kan zien welke javascript functie er wordt getriggerd. Dat was een aardige zoektocht. Dat moet makkelijker kunnen zou je denken.
Ozzie PHP op 05/10/2012 17:41:56:
Dat moet makkelijker kunnen zou je denken.
Ik weet het niet.
Ik zie wel in waarom het niet zo evident is om dit te maken.
Maar misschien bestaat er wel iets zoals een tool die alle gebruikte functies logt. Ik zou dat ook wel kunnen gebruiken.
Mocht iemand iets weten, dan hoor ik het graag!
heb je in Firebug of chrome developer tools geen aparte JS tabelletje waar je alles over die js kan vinden? of misschien voortaan een console.log neerzetten op een paar plekken??
Geen idee hoe dat werkt. Ik firebug heb je een tabblad javascript,en ik heb daar wel een hele lap javascript voorbij zien komen, maar als ik iets trigger (door een mouse over) gebeurt er niks.
1) Rechtermuisknop op het element > element inspecteren (de normale manier om de dev. tools te openen)
2) menu aan de rechterkant inklappen en 'Event Listeners' (laatste) uitklappen
3) Op de trechter (filter icoon) klikken en 'Selected Node Only' selecteren
4) Je krijgt nu een overzicht van alle events op dat ene element
5) Klik op een van die events om wat informatie te zien: ingevoegd als attribute/ingevoegd door addEventListeren; regelnummer waar de functie staat; code van de event functie; het element waarop de event staat; bestandsnaam; event type.
Thanks Wouter! Ik ga het maandag even uittesten :-)