Avatar billede lraj Nybegynder
24. januar 2010 - 16:24 Der er 2 kommentarer og
1 løsning

Onmouseover tiptxt width

Hej folkens.
Beklager at jeg allerede er nødt til at stille et spørgsmål igen, men javascript er endnu ikke et sprog jeg har forstået helt, trods at jeg virkelig har prøvet, samtidig med er det helt umuligt at undvære hvis man vil lave noget pænt.

Jeg har et script som gør, at når man holder musen over fx. en knap,  så kommer der tekst op indenfor en lille gul ramme, der hvor musen er, ligesom funktionen title="" og alt="" - forskellen er dog den, at mit kommer op med det samme istedet for der går 1-2 sekunder, hvilket der gør ved title og alt. Mit problem ligger i, at når jeg holder musen over et ikon, lad os sige jeg har skrevet "hej med dig jeg er sej" til når man holder musen over. Det vil blive utrolig tyndt og lave linjeskift efter hvert ord. Kan jeg ikke sætte en fast width på mit "tekstvindue" som den laver?

Mit script:
        <script language="JavaScript">
    x = + 13;
    y = + 5;

    paa = false;
function vis(txt, e) {
        var myEvent = (window.Event) ? e : event;
        document.getElementById("tiptxt").innerHTML = txt;
        document.getElementById("tip").style.left = myEvent.clientX + x;
        document.getElementById("tip").style.top = myEvent.clientY + y;
        document.getElementById("tip").style.visibility = "visible";
        paa = true;
    }
    </script>



Som fremkaldes ved hjælp af eksempelvis:
<img src="hej.gif" onMouseOver="vis('Hej med dig jeg er sej', event);">


For at vise hvad den gør har jeg lige mixet et billede af det, samt hvordan jeg gerne vil have det til at se ud:
http://i49.tinypic.com/2qbht9c.jpg

På forhånd tak hvis en eller flere kan hjælpe mig
Avatar billede claes57 Ekspert
24. januar 2010 - 17:26 #1
du kan jo prøve at tilføje en
document.getElementById("tip").style.width = bredde;

så skal du bare have bredden med op,
function vis(txt, e, bredde) {

og
<img src="hej.gif" onMouseOver="vis('Hej med dig jeg er sej', event, 50);">

så kan du rette bredden til i de enkelte kald (ikke testet).
Avatar billede lraj Nybegynder
24. januar 2010 - 17:36 #2
Virker fantastisk!
- Læg et svar.
Avatar billede claes57 Ekspert
24. januar 2010 - 18:04 #3
ok...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester