jQuery hover script?
Daily Rush › Debat › Programmering › jQuery hover script?
- Dette indlæg indeholder 26 kommentarer, har 6 deltagere og blev senest opdateret af
MrJonesDK for 5 år, 8 måneder siden.
- ForfatterEmne
- 04/05/2015 kl. 17:00#0
Hej
Jeg leder efter en med lidt erfaring med i at lave usersricpts.
Det jeg har brug for er, at man ved at holde musen over et “objekt” hvor den så kan returnere et id’s value i en hover over “objektet”.
Hver objekt har hver deres nr. f.eks. 18.
0:3:0:0:0:0:2:0:0:0:0:0Det er så id’ets value (0:3:0:0:0:0:2:0:0:0:0:0) jeg gerne vil have vist ved at holde musen over objektet.
Nogen som kan hjælpe mig?
~ Seek and you shall find ~
- ForfatterEmne
- ForfatterKommentarer
- 04/05/2015 kl. 20:21 #16
Det er jeg med på, men præcis hvilken del rent visuelt vil du gerne have man har musen over når det bliver vist?
04/05/2015 kl. 20:24 #17Hmm.. Bare så jeg kan se disse tal “0:0:0:0:3:0:1:0:0:0:0:2”.
Reelt set, er jeg kun interesseret i, om der er et 1 tal i den string.~ Seek and you shall find ~
04/05/2015 kl. 20:26 #18Du misforstår… Man skal jo holde musen et sted når det skal vises. Hvor skal det være?
Det kunne være i de øverste 17 pixel på et billedet. Det kunne være på en stump tekst der er, det kunne være på hele parent elementet. Det kan være hvad som helst, og du skal fortælle hvad du gerne vil have det skal være
04/05/2015 kl. 20:30 #19Hmm.. Kan det ikke bare være når man er inden for “rammen”? Altså hele elementet
Her er hele kildekoden til siden.
http://pastebin.com/zKW3En0Z~ Seek and you shall find ~
04/05/2015 kl. 21:40 #20SUPER rough kode, bestemt ikke produktionsværdigt, er skrevet hurtigt og debug agtigt, og flere ting som ikke tages højde for.
Det kan helt klart gøres mere elegant, og på mindre plads!En stump
04/05/2015 kl. 21:53 #21Mange tak.. Hold da op, det havde jeg aldrig fundet ud af.. Det ser sku indviklet ud, men jeg kan da godt forstå en lille del af det. Nu mangler jeg bare at få det til at virke som et userscript Jeg skriver tilbage hvis jeg finder ud af det
~ Seek and you shall find ~
04/05/2015 kl. 22:09 #22Btw hvis du vil have lidt forklaring.
Delte det ind i en række funktioner for din overskueligheds skyld.
– En finder det ID (ud af de 32) vi er interesseret i, udfra ID på et andet element -det element musen skal køres ind i (raffle_item_bg_X og hidden_items_found_X)
– En som udfra overstående ID, finder indhold af den aktuelle hidden_items_found_X
– En som laver en lille HTML stump, selve tooltip, udfra indhold af overstående
– En som eksekverer overstående tre og indsætter tooltip
– En som sletter tooltipOverstående udfører så på baggrund af en “lytter” (samme som riest lavede) som sætter overstående i gang når musen køres ind, og ber om sletning af tooltip hvis mus køres ud.
04/05/2015 kl. 22:31 #23Tak for info. Jeg kan ikke umiddelbart få det til at fungere, men jeg kan godt se idéen med scriptet. Jeg må kigge lidt mere på det i morgen og se om jeg kan få det til rettet, så det virker sammen med den side der.
Problemet kan måske være, at jeg pt. bruger tampermonkey i chrome, i stedet for greasemonkey i firefox til mine userscripts?~ Seek and you shall find ~
04/05/2015 kl. 22:47 #24Der to ting som du også skal huske.
– jquiry skal inkluderes
– placering og styling af tooltop, jeg placerede det vidst altid nærmest helt i toppen af siden, og gjorde ik yderligere ved styling end riest havde gjortHar aldrig selv brugt grease-/tampermonkey
05/05/2015 kl. 06:06 #25Istedet for at lede efter alle de ID’s så kan du gøre det lidt nemmere.
Smid en class som findes på alle de div tags du vil kunne hover over og få popup. evt class=”hoverable”.
Du vil kun hover på et enkelt element ad gangen så du behøver ikke “lede”.
Hvis et tag bliver fundet når du kører cursoren hen over kalder du en function som fanger det id du skal bruge og tilføjer en class som viser en anden div med det tilhørende id.
Hvis du gemmer en div container som har den tekst du vil vise i din popup, sammen med det element du vil hover over med display:none og så bruger din jquery til at tilføje en class ala. class=”show” så behøver du ikke bruge jquery til at indsætte nogen andet HTML end en enkelt class.
Du kan se et eksempel af noget tilsvarende jeg smed op her https://esotericsoftware.com/spine-purchase ved at køre musen hen over de forskellige features i matrixen til højre på siden.
Jeg bruger iøvrigt opacity:0 og ikke dsiplay:none der, da det gør det muligt at bruge transitions så jeg kan fade tooltip.
Esoteric Software
05/05/2015 kl. 15:58 #26Ok. Det kan godt være jeg skal droppe projektet.. I bund og grund er det som jeg prøver på, at ændre udseendet på en allerede eksisterende hjemmeside med et userscript, så jeg kan se en bestemt værdi som alligevel ligger i kildekoden på siden, men som ikke bliver vist.
Jeg har faktisk gået og tænkt på, om det det er den rigtige løsning som jeg har efterspurgt.
Jeg er jo kun interesseret i, om der er et “1” tal i talrækken (f.eks. 0:0:1:0:3:0:0:0:0:0:2). Måske kunne man få dette tal vist foran objektet, eller ændre farven på objektet, hvis “1” forekom?
~ Seek and you shall find ~
- ForfatterKommentarer
- Du skal være logget ind for at kommentere på dette indlæg.
























