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

mouseover probleem(pje)

Ferryk
7 antwoorden
  • [code:1:a732fc79eb]
    <SCRIPT LANGUAGE="JavaScript">

    browserName = navigator.appName;
    browserVer = parseInt(navigator.appVersion);

    if (browserVer >= 3) version = "v3";
    else version = "v2";

    // Check browserversion 3 or higher.

    if (version == "v3") {

    // Onmouseover buttons

    button1on = new Image;
    button1on.src = "buttons/home_over.jpg";
    button2on = new Image;
    button2on.src = "buttons/members_over.jpg";
    button3on = new Image;
    button3on.src = "buttons/stats_over.jpg";
    button4on = new Image;
    button4on.src = "buttons/links_over.jpg";
    button5on = new Image;
    button5on.src = "buttons/art_over.jpg";
    button6on = new Image;
    button6on.src = "buttons/forum_over.jpg";
    button7on = new Image;
    button7on.src = "buttons/guestbook_over.jpg";
    button8on = new Image;
    button8on.src = "buttons/login_over.jpg";

    // Normal buttons

    button1off = new Image;
    button1off.src = "buttons/home.jpg";
    button2off = new Image;
    button2off.src = "buttons/members.jpg";
    button3off = new Image;
    button3off.src = "buttons/stats.jpg";
    button4off = new Image;
    button4off.src = "buttons/links.jpg";
    button5off = new Image;
    button5off.src = "buttons/art.jpg";
    button6off = new Image;
    button6off.src = "buttons/forum.jpg";
    button7off = new Image;
    button7off.src = "buttons/guestbook.jpg";
    button8off = new Image;
    button8off.src = "buttons/login.jpg";
    }

    function img_hover(imgName,imgNr) {
    if (version == "v3") {
    imgName.scr = imgNr + "on.scr";
    }
    }

    function img_hoverout(imgName,imgNr) {
    if (version == "v3") {
    imgName.scr = imgNr + "off.scr";
    }
    }
    </SCRIPT>

    <body bgcolor="#000000" topmargin="0" leftmargin="0">

    <div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="760" id="AutoNumber1" background="top.jpg" height="137">
    <tr>
    <td width="100%" align="center" valign="bottom">
    <a href="home/home.html" onMouseover="img_hover(home,button1); window.status='[psycho] Home'; return true" onMouseout="img_hoverout(home,button1); window.status='clan [psycho] WebSite'; return true">
    <img name="home" border="0" src="buttons/home.jpg" width="53" height="33"></a>
    <a href="home/members.html" onMouseover="img_hover(members,button2); window.status='[psycho] Members'; return true" onMouseout="img_hoverout(home,button2); window.status='clan [psycho] WebSite'; return true">
    <img name="members" border="0" src="buttons/members.jpg" width="82" height="33"></a>
    [/code:1:a732fc79eb]

    is er iemand die enig idee heeft waarom het niet werkt, want ik zie het niet meer.
    Als ik met me muis over de 1e button heen ga krijg een runtime error met de melding ;

    line: 83
    Error: 'button1' is undefined

    Ik hoop dat er iemand is die er iets mee kan…

    Gr.
    Ferry
  • img_hover(home,'button1');

    dit zal beter werken waarschijnlijk. button1 is een string en geen object.
  • [quote:3445bf394b="Jurriaan R"]img_hover(home,'button1');

    dit zal beter werken waarschijnlijk. button1 is een string en geen object.[/quote:3445bf394b]

    Toen ik dit las dacht ik al bij mezelf, dit heb ik toch al geprobeerd.
    Maar uit mijn onzekerheid ben ik het alsnog maar gaan doen.
    En ja, ik had het al geprobeerd. Het enige verschil is dat de Runtime Error weg is de tekst in de status veranderd maar geen plaatje die veranderd als ik er met me muis overheen ga.
    Iemand nog een idee verder? Jurriaan ?
    heb ik verder misschien nog iets verkeerd staan of vergeten ?

    Plz help me, ik wordt er bijna gek van dat ik het niet voor elkaar krijg!

    Gr.
    Ferry
  • ok, dan nog deze aanpassing in die 2 functies:

    imgName.scr = eval(imgNr + "off.scr");
  • [quote:f7005d7aaa="Jurriaan R"]ok, dan nog deze aanpassing in die 2 functies:

    imgName.scr = eval(imgNr + "off.scr");[/quote:f7005d7aaa]

    Gedaan, maar nog geen plaatje die veranderd :(

    Ik snap er niets meer van……….. :cry:
  • [code:1:ebdd2b26ed]
    <html>

    <head>

    </head>

    <SCRIPT LANGUAGE="JavaScript">

    browserName = navigator.appName;
    browserVer = parseInt(navigator.appVersion);

    if (browserVer >= 3) version = "v3";
    else version = "v2";

    // Check browserversion 3 or higher.

    if (version == "v3") {

    // Onmouseover buttons

    button1on = new Image;
    button1on.src = "buttons/home_over.jpg";
    button2on = new Image;
    button2on.src = "buttons/members_over.jpg";
    button3on = new Image;
    button3on.src = "buttons/stats_over.jpg";
    button4on = new Image;
    button4on.src = "buttons/links_over.jpg";
    button5on = new Image;
    button5on.src = "buttons/art_over.jpg";
    button6on = new Image;
    button6on.src = "buttons/forum_over.jpg";
    button7on = new Image;
    button7on.src = "buttons/guestbook_over.jpg";
    button8on = new Image;
    button8on.src = "buttons/login_over.jpg";

    // Normal buttons

    button1off = new Image;
    button1off.src = "buttons/home.jpg";
    button2off = new Image;
    button2off.src = "buttons/members.jpg";
    button3off = new Image;
    button3off.src = "buttons/stats.jpg";
    button4off = new Image;
    button4off.src = "buttons/links.jpg";
    button5off = new Image;
    button5off.src = "buttons/art.jpg";
    button6off = new Image;
    button6off.src = "buttons/forum.jpg";
    button7off = new Image;
    button7off.src = "buttons/guestbook.jpg";
    button8off = new Image;
    button8off.src = "buttons/login.jpg";
    }

    function img_hover(imgName) {
    if (version == "v3") {
    document[imgName].src = eval(imgName + "on.src");
    }
    }

    function img_hoverout(imgName) {
    if (version == "v3") {
    document[imgName].src = eval(imgName + "off.src");
    }
    }

    </SCRIPT>

    <Body bgcolor="#000000">

    <div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="760" id="AutoNumber1" height="137" background="top.jpg">
    <tr>
    <td width="100%" valign="bottom">
    <img border="0" src="buttons/1.jpg" width="16" height="33"><A Href="home/home.html" onMouseover="img_hover('button1'); window.status='[psycho] Home'; return true" onMouseout="img_hoverout('button1'); window.status='clan [psycho] WebSite'; return true"><IMG SRC="buttons/home.jpg" BORDER=0 Name="button1" width="53" height="33"></a><img border="0" src="buttons/2.jpg" width="18" height="33"><A Href="members/members.html" onMouseover="img_hover('button2'); window.status='[pyscho] Members'; return true" onMouseout="img_hoverout('button2'); window.status='clan [psycho] WebSite'; return true"><IMG SRC="buttons/members.jpg" BORDER=0 Name="button2" width="82" height="33">
    [/code:1:ebdd2b26ed]

    Ik heb het maar ff helemaal opnieuw gedaan en heb er nog wel ff iets aan toegevoegd.
    Nu werkt het gelukkig wel. :P
  • als je dan ook zo vriendelijk zou willen zijn die nare spelfout eruit te halen.. het is src (van source) niet scr (van screensaver).

    Oh en bij die 2e knop moet bij onmouseout niet home, maar member staan

    ______________________________

    oh, het is al gelukt. Nog beter.. :D

Beantwoord deze vraag

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