|
|||
Funktionen/Effekte lokalisieren
Wie kann ich herausfinden durch welches Script bestimmte Funktionen/Effekte ausgeführt werden?
Mein momentanes Problem-Beispiel: Un-named Website • Player Der Hover Effekt über den sieben rechtecken scheint mit Javascript gemacht zu sein. Würde dort gerne Änderungen vornehmen, weiss aber nicht wo ich da eingreiffen kann. |
Sponsored Links |
|
|||
Bei mir passiert hier auch gar nichts? :/
Prinzipiell, um eine allgemein gültige Antwort zu geben: Mit den Webdevelopertools (Such danach + Browsername, dann weißt du, wie du sie öffnest) Darin kannst du dir auch die hover-zustände anzeigen lassen. Das reicht mal für CSS-Zustände. Bei manchen JS-Effekten kann es komplizierter werden, da muss man unter Umständen auf den HTML-Code achten, ob dieser verändert wird wenn man über ein Element fährt. Dann muss man diesen Zustand erst mal nachbauen, wobei man auch schnell die Arbeit wieder verwirft, wenn man dann im Fenster mit der Maus herumfährt. |
|
|||
Sorry, hatte nen neuen Code Online weil ich dachte es meldet sich niemand mehr.
Nun ist wieder der alte oben wo ich immer noch vorm selben Problem stehe. Das mit den CSS Dateien habe ich gesehen, die wurden nicht benötigt, hab aber nun auch die nochmals hochgeladen. Geändert von contra (07.04.2015 um 20:19 Uhr) |
|
|||
Was möchtest Du denn ändern? Das Aussehen? Das steht in der CSS drin.
such da mal nach .hap_title: CSS: html5audio_wall.css Javascript Datei: jquery.html5audio.func.js Code:
function playlistItemEnabled(instance, sound_id, target, id){ /* called on playlist item enable. Returns player instance, sound_id, playlist item (target), playlist item id (playlist items have data-id attributes starting from 0). */ //console.log('playlistItemEnabled: '); if(sound_id == 'wall'){ jQuery(target).find('p[class=hap_title]').remove(); } } function playlistItemDisabled(instance, sound_id, target, id){ /* called on playlist item disable. Returns player instance, sound_id, playlist item (target), playlist item id (playlist items have data-id attributes starting from 0). */ //console.log('playlistItemDisabled: '); if(sound_id == 'wall'){ var data = instance.getPlaylistData(), title = data[id].title; if(title){ var p = jQuery('<p>"'+title+'"</p>').addClass('hap_title'); p.appendTo(jQuery(target)).css('marginTop',-p.outerHeight(true)/2+'px'); } } } function playlistItemRollover(instance, sound_id, target, id, active){ /* called on playlist item mouseenter. Returns player instance, sound_id, playlist item (target), playlist item id (playlist items have data-id attributes starting from 0), active (is active playlist item, boolean). */ //console.log('playlistItemRollover: '); if(sound_id == 'wall' && !active){ var data = instance.getPlaylistData(), title = data[id].title; if(title){ var p = jQuery('<p>"'+title+'"</p>').addClass('hap_title'); p.appendTo(jQuery(target)).css('marginTop',-p.outerHeight(true)/2+'px'); } } } function playlistItemRollout(instance, sound_id, target, id, active){ /* called on playlist item mouseleave. Returns player instance, sound_id, playlist item (target), playlist item id (playlist items have data-id attributes starting from 0), active (is active playlist item, boolean). */ //console.log('playlistItemRollout: '); if(sound_id == 'wall' && !active){ jQuery(target).find('p[class=hap_title]').remove(); } Geändert von Woogie (07.04.2015 um 20:58 Uhr) |
|
|||
Einerseits möchte optische Anpassungen machen, anderseits die Hover Effekte bei gewissen Viewport Grössen ein/ausblenden.
Scheint aber nicht ganz einfach zu sein wenn ich den js Code unten sehe, werd mich einfach mal da ran wagen. @Woogie Wie hast du herausgefunden wo die Effekte ausgeführt werden? |
|
|||
Keine die mir bekannt wäre, aber das öffnen ist ja nur ein Klick.
Ich schau was für Dateien geladen werden im Chrom, nehme die 4-5 JS Dateien klick die an und suche nach der classe, Aufwand keine min. Geändert von Woogie (15.04.2015 um 10:35 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|