Søg
Avatar billede sanderstar Nybegynder
07. maj 2002 - 11:57 Der er 13 kommentarer

rollover menu ??

Jeg har lavet en rimelig simpel rollovermenu.

Min menu har et normal state der er douchet og et over state der viser billedet klart.
mit problem er at jeg gerne vil have at når brugeren vælger en af menuerne så skal det valgte menupunkt forblive et klart billede indtel et nyt punkt vælges..

Håber nogle kan hjælpe mig

Alex
Avatar billede sthen Nybegynder
07. maj 2002 - 12:04 #1
Hvis du laver to billeder et klart og et duchet i stedet for at anvende filterfunktioner (som kun virker i IE), kan du da bare vælge den klare udgave af billedet for et aktivt link
Avatar billede sanderstar Nybegynder
07. maj 2002 - 12:09 #2
Nej det kan jeg ikke for når der vælges et nyt menupunkt skal det gamle punkt vende tilbage til sit oprindelige state.
Avatar billede tjacob Juniormester
07. maj 2002 - 12:13 #3
Jeg formoder du skifter billede med noget OnMouseOver? Kunne du så ikke bare skifte tilbage med OnMouseOut?
Avatar billede tjacob Juniormester
07. maj 2002 - 12:15 #4
Eller evt. med OnMouseOver i menupunktet
Avatar billede sanderstar Nybegynder
07. maj 2002 - 12:22 #5
Du har helt ret i at det virker for den ene knap, men jeg vil gerne have at når man så trykker på en anden knap så går den første tilbage til det oprindelige
Avatar billede bgo Nybegynder
07. maj 2002 - 13:55 #6
onclick="document.all('billednavn').scr='klartbillede';document.all('billed2').scr='douchet';"

Noget ala dette? Dog i NS er det getElementById istedet for all

bgo
Avatar billede sanderstar Nybegynder
07. maj 2002 - 14:00 #7
Jeg har nok ikke så meget forstand på det.. min kode ser ud som følger:

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
        <meta name="Author" content="AMVISION">
        <title>KROGERUP</title>
        <csscriptdict import>
            <script type="text/javascript" src="../GeneratedItems/CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
    if (document.images) {
        over_ny_menu_02 = newImage(/*URL*/'../media/images/ny-menu_02-over.jpg');
        over_ny_menu_03 = newImage(/*URL*/'../media/images/ny-menu_03-over.jpg');
        over_ny_menu_04 = newImage(/*URL*/'../media/images/ny-menu_04-over.jpg');
        over_ny_menu_05_ny_menu_04_over = newImage(/*URL*/'../media/images/ny-menu_05-over.jpg');
        over_ny_menu_06_ny_menu_05_over = newImage(/*URL*/'../media/images/ny-menu_06-over.jpg');
        over_ny_menu_07 = newImage(/*URL*/'../media/images/ny-menu_07-over.jpg');
        preloadFlag = true;
    }
}

// --></script>
        </csactiondict>
    </head>

    <body onload="preloadImages();" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" alink="white" vlink="white" link="white">
        <table width="204" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="6"><img src="../media/images/ny-menu_01.jpg" alt="" width="760" height="70" border="0"></td>
            </tr>
            <tr>
                <td><a
                      onmouseover="changeImages( /*CMP*/'ny_menu_02',/*URL*/'../media/images/ny-menu_02-over.jpg');return true"
                      onmouseout="changeImages( /*CMP*/'ny_menu_02',/*URL*/'../media/images/ny-menu_02.jpg');return true"
                   
                      href="#" onfocus=blur()><img src="../media/images/ny-menu_02.jpg" alt="" name="ny_menu_02" width="127" height="38" border="0"></a></td>
           
                <td><a onmouseover="changeImages( /*CMP*/'ny_menu_03',/*URL*/'../media/images/ny-menu_03-over.jpg');return true"
                      onmouseout="changeImages( /*CMP*/'ny_menu_03',/*URL*/'../media/images/ny-menu_03.jpg');return true"
                     
                   
                      href="#" onfocus=blur()><img src="../media/images/ny-menu_03.jpg" alt="" name="ny_menu_03" width="127" height="38" border="0"></a></td>
               
                <td><a onmouseover="changeImages( /*CMP*/'ny_menu_04',/*URL*/'../media/images/ny-menu_04-over.jpg');return true"
                      onmouseout="changeImages( /*CMP*/'ny_menu_04',/*URL*/'../media/images/ny-menu_04.jpg');return true"
                     
                      href="#" onfocus=blur()><img src="../media/images/ny-menu_04.jpg" alt="" name="ny_menu_04" width="126" height="38" border="0"></a></td>
               
                <td><a onmouseover="changeImages( /*CMP*/'ny_menu_05_ny_menu_04_over',/*URL*/'../media/images/ny-menu_05-over.jpg');return true"
                      onmouseout="changeImages( /*CMP*/'ny_menu_05_ny_menu_04_over',/*URL*/'../media/images/ny-menu_05-ny-menu_04_over.jpg');return true"
                     
                      href="#" onfocus=blur()><img src="../media/images/ny-menu_05-ny-menu_04_over.jpg" alt="" name="ny_menu_05_ny_menu_04_over" width="126" height="38" border="0"></a></td>
               
                <td><a onmouseover="changeImages( /*CMP*/'ny_menu_06_ny_menu_05_over',/*URL*/'../media/images/ny-menu_06-over.jpg');return true"
                      onmouseout="changeImages( /*CMP*/'ny_menu_06_ny_menu_05_over',/*URL*/'../media/images/ny-menu_06-ny-menu_05_over.jpg');return true"
                     
                      href="#" onfocus=blur()><img src="../media/images/ny-menu_06-ny-menu_05_over.jpg" alt="" name="ny_menu_06_ny_menu_05_over" width="127" height="38" border="0"></a></td>
               
                <td><a onmouseover="changeImages( /*CMP*/'ny_menu_07',/*URL*/'../media/images/ny-menu_07-over.jpg');return true"
                      onmouseout="changeImages( /*CMP*/'ny_menu_07',/*URL*/'../media/images/ny-menu_07.jpg');return true"
                     
                      href="#" onfocus=blur()><img src="../media/images/ny-menu_07.jpg" alt="" name="ny_menu_07" width="127" height="38" border="0"></a></td>
            </tr>
        </table>
    </body>

</html>
Avatar billede sanderstar Nybegynder
07. maj 2002 - 14:01 #8
Håber det gør at i kan hjælpe
Avatar billede sanderstar Nybegynder
10. maj 2002 - 09:50 #9
Er der ingen der har et svar som jeg kan forstå.. Jeg er ikke så erfaren..

Mvh
Alexander
Avatar billede sanderstar Nybegynder
05. juni 2002 - 10:43 #10
ER DER INGEN DER KAN HJÆLPE MIG??
Avatar billede pelkjaer Nybegynder
05. juni 2002 - 10:54 #11
Som udgangpunkt så har du din mouseover menu der virker fint.
Det vi så kan gøre, er at når en bestemt side vises så vises et bestemt billede også.

Allerførst, så navngiv dine menupics.
(  name="menuOne" id="menuOne" )

Javascript som placeres i head eller i en ekstern js-fil:

function DownImage() {
  var di;
  if ((di=FindObj(diobj))!=null) {di.src=diurl;}
}

--------------------------------------------------

På din side hvor menuOne linker til indsætter du nedenstående allernederst (lige før </body></html>):

<script type=text/javascript>
<!--
var diobj="menuOne";
var diurl="images/menoneselected.gif";
//-->
</script>

På siden til menuTwo indsætter du samme script nederst, men tilpasser blot billede samt billedenavn.
Avatar billede pelkjaer Nybegynder
05. juni 2002 - 10:56 #12
Jeg glemte lige noget. Vi skal have findObj med, så hele scripteti head eller i en eksteren fil skal se således ud:

function findObj(theObj, theDoc)
{
  var p, i, foundObj;
 
  if(!theDoc) theDoc = document;
  if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)
  {
    theDoc = parent.frames[theObj.substring(p+1)].document;
    theObj = theObj.substring(0,p);
  }
  if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
  for (i=0; !foundObj && i < theDoc.forms.length; i++)
    foundObj = theDoc.forms[i][theObj];
  for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
    foundObj = findObj(theObj,theDoc.layers[i].document);
  if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
 
  return foundObj;
}

function DownImage() {
  var di;
  if ((di=FindObj(diobj))!=null) {di.src=diurl;}
}
Avatar billede sanderstar Nybegynder
05. juni 2002 - 12:15 #13
jeg kan ikke få det til at virke.. kan det være fordi jeg bruger frames??

Jeg bruger 2. en "head" og en "body"
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
White papers
Flere white papers »