Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

text in statusbar onMouseOver

Eric33
2 antwoorden
  • Hallo,

    Ik hoop dat iem,and mij kan helpen met het volgende:

    Ik heb een gewone textlink gemaakt en style="text-Decoration:none". Nu wil ik wanneer ik er met de muis overheen ga dat de tekst onderstreept wordt en tevens een stukje tekst in de statusbar verschijnt wanneer met de muis op de link staat.

    Ik krijg het beide apart wel voor elkaar maar niet allebei.

    Met de volgende code komt er tekst in de statusbar maar wordt de link niet onderstreept:
    <html>
    <head>
    <script language="JavaScript">
    function mouseOver(i,id)
    {
    window.status= i; return true;
    }
    function mouseOut()
    {
    window.status='';
    }
    </script>
    </head>

    <body>
    <a href="#2004" id="2004" style="text-Decoration:none"
    onMouseOver="return mouseOver('Bekijk het competitie-overzicht van 2004', '2004');
    this.style.textDecoration = 'underline';"
    onMouseOut="mouseOut();
    this.style.textDecoration = 'none';"><br>Competitie 2004</a>

    </body>

    Op de volgende manier wordt de link wel onderstreept maar geen tekst in de statusbar:

    <a href="#2003" style="text-Decoration:none"
    onMouseOver="this.style.textDecoration = 'underline';"
    onMouseOut="this.style.textDecoration = 'none'"><span id="1">Competitie 2003</span></a></td>

    Ik hoop dat iemand mij kan helpen.

    Alvast bedankt.

    Eric.
  • Dit is ook gedeeltelijk met css te doen:
    [code:1:2f0d99a529]
    <html><head>
    <style type="text/css">
    a {
    text-decoration:none;
    }
    a:hover{
    text-decoration:underline;
    }
    </style>
    </head>

    <body>
    <a href="#j2004" id="j2004" title="Bekijk het competitie-overzicht van 2004"
    onmousemove="window.status=this.title"
    onmouseout="window.status=''">Competitie 2004</a>
    </body>
    </html>
    [/code:1:2f0d99a529]
    Je hebt een link die naar zichzelf verwijst? Ik snap niet waar je dit voor nodig hebt. Het id-attribuut moet beginnen met een letter.

    Het return statement in javascript betekent dat je iets terug stuurt naar de aanvrager. Verdere statements worden niet meer uitgevoerd. Vandaar dat bij jouw maar een ding het deed.

    Ik gebruik onmousemove omdat de browser na het onmouseover event nog de href-waarde laat zien in de statusbalk (wat ik eigenlijk ook zinniger vindt dan jouw tekst maar goed). De tekst verdwijnt dan.
    Ik heb de tekst in het title-attribuut gezet omdat die daar in hoort.
    Succes ermee.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.