Avatar billede klovnefisken Nybegynder
26. februar 2010 - 10:46 Der er 4 kommentarer og
1 løsning

roll over problemer

i forbindelse med et skole projekt har jeg forsøgt at lave roll over på 10 knapper, men det er ikke lykkedes mig at få det til at virke
ws2.ceuherning.dk/90143
her han siden ses det er lavet på
alle 10 knapper er lavet i 2 udgaver , den som er på nu er med 10px transperant i højre side, og den jeg vil skifte til ved roll over i de 10 er knappen lavet 10px længere, så der ikke r transparente felter til højre

den del der skriver menu i en <div> er lavet som include fil, som jeg har skrevet en hel del kommentare til alt



billed navne er org_1_X.png hvor x er fra 1-10
og dem der skal komme ved roll over hedder org_2_x.png

<?php
    $xknap = array(138, 148, 152, 153, 153, 150, 144, 136, 125, 110);// angiver knappernes brede
    $a=findfil("connect_db.php"); // kalder function der finder filen og $a indeholder sti+filnavn
    include($a); //her includes filen
    $sti=findsti('org_1_1.png');// funktion der finder stien uden filnavn som senere bruges når link knapperne skal vises
    echo"<table width=\"227\" border=\"0\">\n";
    echo"<tr height=\"4\"><td></td></tr>\n"; // indsat til at styre luften over første knap
    $sql="SELECT * FROM sider "; // læser alle sider i databasen så menu kan udskrives
    $result=mysql_query($sql,$forbindelse);
    while ($rows = mysql_fetch_array($result))
    {
    // fundet på http://www.webdevelopersnotes.com/tutorials/javascript/changing_images_on_mouseover_mouseout_javascript.php3 og lavet om til min menu
        echo"<tr height=\"28\" valign=\"buttom\"><td align=\"right\">"; // laver feltet i t tabellen med atributter så afstand passer
       
       
       
        echo"<A HREF=\"#\" onmouseover=\"document.but.src='".$sti."org_2_".$rows['id'].".png'\""; // skulle lave mouse over effect
            echo"onmouseout=\"document.but.src='".$sti."org_2_".$rows['id'].".png'\">";// angiver billed ved mouse out

            echo"<IMG SRC=\"".$sti."org_1_".$rows['id'].".png\" NAME=\"but\""; // insætter 'normal' billed
            echo"WIDTH=\"".$xknap[$rows['id']-1]."\" HEIGHT=\"24\" BORDER=\"0\" ALT=\"...\">";// angiver billedets højde og brede(læst i array) (-1) er fordi id i db-tabellen starter med 1 og i arrayet starter den ved 0

        echo"</A>\n"; // slutter link atributen

        echo"</td></tr>\n";// afslutter tabel felt
    }
    echo"</table>";// tabellen slutter her
?>
jeg skal aflevere den 5 marts kl 12, så jeg håber der er nogen der kan hjælpe mig inden da
Avatar billede repox Seniormester
26. februar 2010 - 10:55 #1
Uhm...
Det er noget vildt forældet kode, du sidder og kigger på...
For det første er der slet ikke noget formål i at forsøge at løse det i PHP. For det andet er det javascript du anvender stort set ubrugeligt nu, i forhold til de standarder der er kommet siden og hvor vi bevæger os henad.

Det hurtigste og nemmeste ville faktisk være at starte forfra med det du har gang i.
Avatar billede klovnefisken Nybegynder
26. februar 2010 - 11:13 #2
jaaaaa
det svar hjælper mig da ikke lige frem videre i projektet
for da jeg går på skole og er i en indlæringsfase og det er første gang jeg ville kikke på noget javascript
men et par gode link til hvor jeg kunne læse mere ville da have hjulpet mig en del
Avatar billede repox Seniormester
26. februar 2010 - 11:23 #3
...
Du kunne starte med at validere dit HTML; altid en god start at overholde standarder. Det gør også at folk hurtigere vil kunne hjælpe dig, når de ikke skal sidde og gætte på hvad du har lavet.

Du vil få en fordel ud af at bruge CSS sprites istedet for at lave det du har gang i med javascripten; det kan du blandt andet læse mere om på ALA som laver rigtig mange gode artikler, men mere specifikt om sprites her: http://www.alistapart.com/articles/sprites

Og igen, så kan det aldrig siges nok gange; valider din HTML
Det kan du gøre her: http://validator.w3.org/
Avatar billede klovnefisken Nybegynder
26. februar 2010 - 11:49 #4
ja ok den link vil jeg da studere meget mere i weekenden.
jeg har da før brugt lister som link lavet i css, men jeg har ikke kunne finde løsningen på at lave det i det tilfælde at knapperne ikke er lige lange, for jeg vil ikke have at man kan trykke i det blå område til venstre for knapperne, men kun på det orange område
men som jeg ser det der står i denne link du sendte skulle det være mulig, så en lang weekend og en del forsøg fixer jeg nok et eller andet
Avatar billede klovnefisken Nybegynder
22. august 2011 - 15:05 #5
luk
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