Avatar billede largo Nybegynder
24. juni 2005 - 23:48 Der er 11 kommentarer og
1 løsning

hjælp til en desperat mouse over mand

Hejsa jeg har fundet dette script som jeg har fundet på http://www.rcmart.com/catalog/default.php?cPath=595

og jeg har fint mouse over funtionen til at virke men ikke at den beholder fokus på det grønne billede når man har klikket på den..

Her er scriptet....

<SCRIPT LANGUAGE = "JavaScript">
{
    button00on = new Image();       
    button00on.src = "images/but_off_home.gif";
    button01on = new Image();       
    button01on.src = "images/but_off_micro_rc.gif";
    button02on = new Image();       
    button02on.src = "images/but_off_rc_cars.gif";
    button03on = new Image();       
    button03on.src = "images/but_off_accessory.gif";
    button04on = new Image();       
    button04on.src = "images/but_off_air_n_boat.gif";
    button05on = new Image();       
    button05on.src = "images/but_off_toys.gif";
    button06on = new Image();       
    button06on.src = "images/but_off_on_sales.gif";
    button07on = new Image();       
    button07on.src = "images/but_off_others.gif";
    button08on = new Image();       
    button08on.src = "images/but_off_parts.gif";

    button00off = new Image();       
    button00off.src = "images/but_home.gif";
    button01off = new Image();       
    button01off.src = "images/but_micro_rc.gif";
    button02off = new Image();       
    button02off.src = "images/but_rc_cars.gif";
    button03off = new Image();       
    button03off.src = "images/but_accessory.gif";
    button04off = new Image();       
    button04off.src = "images/but_air_n_boat.gif";
    button05off = new Image();       
    button05off.src = "images/but_toys.gif";
    button06off = new Image();       
    button06off.src = "images/but_on_sales.gif";
    button07off = new Image();       
    button07off.src = "images/but_others.gif";
    button08off = new Image();       
    button08off.src = "images/but_parts.gif";

}
function buttonOn(buttonName)
    {
    document[buttonName].src = eval(buttonName + "on.src");
    }
function buttonOff(buttonName)
    {
    document[buttonName].src = eval(buttonName + "off.src");
    }
</SCRIPT>

<center>
<Table border="0" cellspacing="0" cellpadding="0" bgcolor = #ffffff>
<tr class="headerNavigation2" height="20" bgcolor = #ffffff>
<td  class="headerNavigation2" valign="bottom"  bgcolor = #ffffff>
<A href="index.php"><IMG src="images/but_off_home.gif" alt="Home" border="0"></a> </td>

<td  class="headerNavigation2" valign="bottom">
  <A href="index.php?cPath=1" OnMouseOver="buttonOn('button01')" OnMouseOut="buttonOff('button01')"><IMG src="images/but_micro_rc.gif" name="button01" alt="Mini RC Cars" border="0"></A>
</td>
<td class="headerNavigation2" valign="bottom">
  <A href="index.php?cPath=1" OnMouseOver="buttonOn('button02')" OnMouseOut="buttonOff('button02')"><IMG src="images/but_rc_cars.gif" name="button02" alt="Car Kits" border="0"></A>
</td>
  <td class="headerNavigation2" valign="bottom">
  <A href="index.php?cPath=2" OnMouseOver="buttonOn('button08')" OnMouseOut="buttonOff('button08')"><IMG src="images/but_parts.gif" name="button08" alt="Parts" border="0"></A>
</td>
<td class="headerNavigation2" valign="bottom">
  <A href="index.php?cpath=1" OnMouseOver="buttonOn('button03')" OnMouseOut="buttonOff('button03')"><IMG src="images/but_accessory.gif" name="button03" alt="Accessories and Tools" border="0"></A>
</td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=422" OnMouseOver="buttonOn('button04')" OnMouseOut="buttonOff('button04')"><IMG src="images/but_air_n_boat.gif" name="button04" alt="Plane, Helicopter & Boat" border="0"></A>
  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=318" OnMouseOver="buttonOn('button05')" OnMouseOut="buttonOff('button05')"><IMG src="images/but_toys.gif" name="button05" alt="RC related toys" border="0"></A>
  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="specials.php" OnMouseOver="buttonOn('button06')" OnMouseOut="buttonOff('button06')"><IMG src="images/but_on_sales.gif" name="button06" alt="On Sale Items" border="0"></A>
  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=423" OnMouseOver="buttonOn('button07')" OnMouseOut="buttonOff('button07')"><IMG src="images/but_others.gif" name="button07" alt="Others" border="0"></A>
  </td>

</tr>
</table>
</center>

Jeg kan ikke lige se hvad det er jeg har gjort galt eller mangler at gøre....

Mvh
LArs Ravn
Avatar billede busschou Praktikant
25. juni 2005 - 00:32 #1
Den måde de har lavet det på er _kun_ at benytte javascript til at skifte farve/billede ved mouseover.
Når du klikker på en fane/billede så er det i virkeligheden et link
Hvert menu billede er altså et link
Hver link fører til hver sin side hvor menuen er defineret
Menuen er altså defineret på alle sider serverside
Så hvis du har fx fem sider, så skal du have menuen på alle fem sider hvor den eneste forskel på siderne er hvilken menu som er aktiv, dvs grøn billede
Så sådan gør de det :o)
håber du er med?
Avatar billede busschou Praktikant
25. juni 2005 - 00:33 #2
Du kan se det hvis du kigger i kilden på siden. Der kan du se at der ikke er nogle skjulte billeder, og at der heller ikke er andre specielle funktioner
Så derfor er måden simpelthen at have menuen på alle sider og så serverside sørge for at sætte billederne til det aktuelle
Avatar billede largo Nybegynder
25. juni 2005 - 12:36 #3
Hejsa

Enten er jeg ikke helt så klog ellers så har jeg misfortået dig..

Men hele scriptet ligger i en fil som loades som header til alle sider og den ligger som top på dem alle sammen... includes/header.php

Hvordan vil du kunne sætte det aktive billede serverside???
Avatar billede largo Nybegynder
25. juni 2005 - 12:53 #4
du har vist ret kan jeg se men hvordan skifter man et billede serverside....

Menuen er på alle sider da det kun drejer sig om 2 sider index.php eller default.php og specials.php på index er det kald til en bestemt sti i en menu...

Håber der er nogen der kan hjælpe.... for jeg er rimmelig strandet..
Avatar billede busschou Praktikant
25. juni 2005 - 12:55 #5
I kilden ser det sådan her ud på http://www.rcmart.com/catalog/default.php?cPath=595
-------------------------
<Table border="0" cellspacing="0" cellpadding="0" bgcolor = #ffffff>
<tr class="headerNavigation2" height="20" bgcolor = #ffffff>
<td  class="headerNavigation2" valign="bottom" bgcolor = #ffffff>
  <A href="default.php?" OnMouseOver="buttonOn('button00')" OnMouseOut="buttonOff('button00')"><IMG src="images/but_home.gif" name="button00" alt="Home" border="0"></A>
  </td>
<td  class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=144" OnMouseOver="buttonOn('button01')" OnMouseOut="buttonOff('button01')"><IMG src="images/but_micro_rc.gif" name="button01" alt="Mini RC Cars" border="0"></A>

</td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=420" OnMouseOver="buttonOn('button02')" OnMouseOut="buttonOff('button02')"><IMG src="images/but_rc_cars.gif" name="button02" alt="Car Kits" border="0"></A>
</td>
  <td class="headerNavigation2" valign="bottom">
<A href="default.php?cPath=595"><IMG src="images/but_off_parts.gif" alt="Parts" border="0"></a>
</td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=421 OnMouseOver="buttonOn('button03')" OnMouseOut="buttonOff('button03')"><IMG src="images/but_accessory.gif" name="button03" alt="Accessories and Tools" border="0"></A>
</td>

<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=422" OnMouseOver="buttonOn('button04')" OnMouseOut="buttonOff('button04')"><IMG src="images/but_air_n_boat.gif" name="button04" alt="Plane, Helicopter & Boat" border="0"></A>
  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=318" OnMouseOver="buttonOn('button05')" OnMouseOut="buttonOff('button05')"><IMG src="images/but_toys.gif" name="button05" alt="RC related toys" border="0"></A>
  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="specials.php" onMouseOver="buttonOn('button06')" OnMouseOut="buttonOff('button06')"><IMG src="images/but_on_sales.gif" name="button06" alt="On Sale Items" border="0"></A>
  </td>

<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=423" OnMouseOver="buttonOn('button07')" OnMouseOut="buttonOff('button07')"><IMG src="images/but_others.gif" name="button07" alt="Others" border="0"></A>
  </td>

</tr>
</table>
------------------------
Ved klik på fanen ved siden af som linker til http://www.rcmart.com/catalog/default.php?cPath=421
ser det sådan her ud
------------------------
<Table border="0" cellspacing="0" cellpadding="0" bgcolor = #ffffff>
<tr class="headerNavigation2" height="20" bgcolor = #ffffff>
<td  class="headerNavigation2" valign="bottom" bgcolor = #ffffff>
  <A href="default.php" OnMouseOver="buttonOn('button00')" OnMouseOut="buttonOff('button00')"><IMG src="images/but_home.gif" name="button00" alt="Home" border="0"></A>
  </td>
<td  class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=144" OnMouseOver="buttonOn('button01')" OnMouseOut="buttonOff('button01')"><IMG src="images/but_micro_rc.gif" name="button01" alt="Mini RC Cars" border="0"></A>

</td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=420" OnMouseOver="buttonOn('button02')" OnMouseOut="buttonOff('button02')"><IMG src="images/but_rc_cars.gif" name="button02" alt="Car Kits" border="0"></A>
</td>
  <td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=595" OnMouseOver="buttonOn('button08')" OnMouseOut="buttonOff('button08')"><IMG src="images/but_parts.gif" name="button08" alt="Parts" border="0"></A>
</td>
<td class="headerNavigation2" valign="bottom">
<A href="default.php?cPath=421"><IMG src="images/but_off_accessory.gif" alt="Accessories and Tools" border="0"></a>

</td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=422" OnMouseOver="buttonOn('button04')" OnMouseOut="buttonOff('button04')"><IMG src="images/but_air_n_boat.gif" name="button04" alt="Plane, Helicopter & Boat" border="0"></A>
  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=318" OnMouseOver="buttonOn('button05')" OnMouseOut="buttonOff('button05')"><IMG src="images/but_toys.gif" name="button05" alt="RC related toys" border="0"></A>
  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="specials.php" OnMouseOver="buttonOn('button06')" OnMouseOut="buttonOff('button06')"><IMG src="images/but_on_sales.gif" name="button06" alt="On Sale Items" border="0"></A>

  </td>
<td class="headerNavigation2" valign="bottom">
  <A href="default.php?cPath=423" OnMouseOver="buttonOn('button07')" OnMouseOut="buttonOff('button07')"><IMG src="images/but_others.gif" name="button07" alt="Others" border="0"></A>
  </td>

</tr>
</table>
----------------
Heraf ses det at menuen dannes serverside. Den aktive menu bliver der serverside sørget for _ikke_ har et javascript på mouseover osv
Det kan gøres noge ala det her, afhængig af om du har php eller asp, men såen cirka :o)
----------------
<?
$side = $_GET['cPath']
if ($side==595){
?>
<A href="default.php?cPath=595"><IMG src="images/but_off_parts.gif" alt="Parts" border="0"></a>
<?
else
?>
<A href="default.php?cPath=595" OnMouseOver="buttonOn('button08')" OnMouseOut="buttonOff('button08')"><IMG src="images/but_parts.gif" name="button08" alt="Parts" border="0"></A>
<?
}
?>
---
Med andre ord tjekker du querystringen for hvert menu item, hvis det er den aktuelle så sætter du et billede fast, hvis det er en anden så sætter du et billede på men også javascriptet
Avatar billede busschou Praktikant
25. juni 2005 - 12:58 #6
Ja det er lige sådan
Klikker du fx på "SALE" som ikke har nogen querystring i linket, ja så ser du også at billedet stadig sidder fast på "HOME" :o)

Hvis du kun har tre sider så er det bare at lave det som
www.domæne.dk/side.php?valg=1
og så valg=2 3 4 osv
Avatar billede largo Nybegynder
25. juni 2005 - 12:58 #7
jeg bruger php...
Avatar billede largo Nybegynder
25. juni 2005 - 13:01 #8
jeg skal nok lave 6-7 links osm linker ind i menuen til forskellige punkter...
Jeg tester lige.... men kan godt se hvad du mener.... (tror jegnok)
Avatar billede busschou Praktikant
25. juni 2005 - 13:02 #9
jeg er ikke super til php, kun lidt ;o)
Så kan ikke lige lure det super optimalt, men man kan jo altid som en start teste på det hele
--
<?
$side = $_GET['valg']
if($side==1){
echo "fast billede på HOME"
}else{
echo "javascript på HOME"
}
if($side==2){
echo "fast billede på SPECIALS"
}else{
echo "javascript på SPECIALS"
}
---
osv osv
Avatar billede busschou Praktikant
25. juni 2005 - 13:04 #10
Det lægger lidt op til en case sætning synes jeg
Men problemet er jo at det skal skrives ud i rigtig rækkefølge
Så en case kan nok ikke umiddelbart benyttes
Avatar billede largo Nybegynder
25. juni 2005 - 15:00 #11
Hejsa

Super duper... Takker 1000 gange for hjælpen....

Har fået det til at virke nu....

her er koden til 1 link

<?php
$side = $_GET['cPath'] ;
if ($side==1){;
?>
<A href="index.php?cPath=1"><IMG src="images/but_off_accessory.gif" alt="Parts" border="0"></a>
<?php
}else{ ;
?>
  <A href="index.php?cpath=1" OnMouseOver="buttonOn('button03')" OnMouseOut="buttonOff('button03')"><IMG src="images/but_accessory.gif" name="button03" alt="Accessories and Tools" border="0"></A>
  <?php
};
?>

Ha en fortsat god weekend....
Avatar billede busschou Praktikant
25. juni 2005 - 15:33 #12
Det var så lidt, godt det virker :o)
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