lørdag, januar 23, 2021

jQuery hover script?

Daily Rush Debat Programmering jQuery hover script?

  • Forfatter
    Emne
  • #0

    MrJonesDK
    Bruger
    267 indlæg
    Offline

    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:0

    Det 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 ~

Viser 11 kommentarer - 16 til 26 (af 26 i alt)
  • Forfatter
    Kommentarer
  • #16

    Hyldig
    Bruger
    2.655 indlæg
    Offline

    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?

    #17

    MrJonesDK
    Bruger
    267 indlæg
    Offline

    Hmm.. 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 ~

    #18

    Hyldig
    Bruger
    2.655 indlæg
    Offline

    Du 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

    #19

    MrJonesDK
    Bruger
    267 indlæg
    Offline

    Hmm.. 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 ~

    #20

    Hyldig
    Bruger
    2.655 indlæg
    Offline

    http://pastebin.com/R9pbfMDS

    SUPER 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

    #21

    MrJonesDK
    Bruger
    267 indlæg
    Offline

    Mange 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 ~

    #22

    Hyldig
    Bruger
    2.655 indlæg
    Offline

    Btw 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 tooltip

    Overstå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.

    #23

    MrJonesDK
    Bruger
    267 indlæg
    Offline

    Tak 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 ~

    #24

    Hyldig
    Bruger
    2.655 indlæg
    Offline

    Der 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 gjort

    Har aldrig selv brugt grease-/tampermonkey

    #25

    Shiu
    Bruger
    1.707 indlæg
    Offline

    Istedet 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

    #26

    MrJonesDK
    Bruger
    267 indlæg
    Offline

    Ok. 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 ~

Viser 11 kommentarer - 16 til 26 (af 26 i alt)
  • Du skal være logget ind for at kommentere på dette indlæg.