Avatar billede jmc Nybegynder
24. januar 2002 - 11:57 Der er 9 kommentarer og
2 løsninger

brugen af onmouseover (2 gange)

Hvad gør hvis når jeg skal benytte onmouseover og
onmouseout to gange i en <a ???
Avatar billede jmc Nybegynder
24. januar 2002 - 12:03 #1
hvordan skriver jeg to funktioner ind i en event?

<a href="library/andet" onMouseOut="MM_swapImgRestore(),"SlideOutMenu.hideMenu('menu1')" onMouseOver="M ...
Avatar billede halu Nybegynder
24. januar 2002 - 12:07 #2
Hvad med at lave en funktion der klare det

onMouseOut="minFunktion('menu1')

function minFunktion (arg){
MM_swapImgRestore();
SlideOutMenu.hideMenu(arg);
}
Avatar billede jmc Nybegynder
24. januar 2002 - 12:29 #3
Hvis jeg nu smider nogle flere points i, vil du så sætte det sammen for mig? Det handler jo om at der også er billeder. Her er eksempel på to scripts som jeg skal skrives sammen hva. en funktion (der er ialt 7 med variable billeder):


<a href="library/andet" onMouseOut="MM_swapImgRestore(),"ypSlideOutMenu.hideMenu('menu1')"  onMouseOver="MM_swapImage('menu_r1_c1','','gfx/menu/menu_r1_c1_f2.gif',1)" ><img name="menu_r1_c1" src="gfx/menu/menu_r1_c1.gif" width="68" height="19" border="0"></a>

<a id="act0" href="#" onmouseover="SlideOutMenu.showMenu('menu1')" onmouseout="SlideOutMenu.hideMenu('menu1')" title="onmouseover=ypSlideOutMenu.showMenu('menu1'); onmouseout=SlideOutMenu.hideMenu('menu1')"><img src="test"></a>
Avatar billede jmc Nybegynder
24. januar 2002 - 12:55 #4
er du på?
Avatar billede halu Nybegynder
24. januar 2002 - 13:35 #5
undskyld var lige til møde og frokkost

Den første <a> er jeg med på, men jeg kan ikke rigtigt hitte ud af hvad du vil med dit andet <a element> hvad ønsker du der skal ske med title attributten og hvornår?
Avatar billede jmc Nybegynder
24. januar 2002 - 13:52 #6
id er til en dropdown. Resten er Dreamweaver object (billederne). Jeg har skrever det sammen som det skal stå, så godt som jeg kunne:

<a href="URL.htm" onMouseOut="MM_swapImgRestore(),"ypSlideOutMenu.hideMenu('menu1')"  onMouseOver="MM_swapImage('menu_r1_c1','','gfx/menu/menu_r1_c1_f2.gif',1)" id="act0" href="#" onmouseover="SlideOutMenu.showMenu('menu1')" onmouseout="SlideOutMenu.hideMenu('menu1')" title="onmouseover=ypSlideOutMenu.showMenu('menu1'); onmouseout=SlideOutMenu.hideMenu('menu1')">

<img name="menu_r1_c1" src="gfx/menu/menu_r1_c1.gif" width="68" height="19" border="0">

</a>
Avatar billede halu Nybegynder
24. januar 2002 - 14:19 #7
Jeg ved nu ikke om det skal skrives sammen, du kan ikke have samme attribut to gange, nu har du to href statments.
Men stadigvæk er det title attributten der er det største problem
<a href = "en eller anden henvisning" onMouseOut=" et eller andet funktions kald" onMouseOver= "et eller andet funktions kald" href="#"!!!!!!!!!!!! onMouseOver = " et andet kald" ( det kan vi sagtens skrive sammen) onMouseout = "kald"
titel="en Event=funktionskald;andenevent=FunktionsKald" giver ingen mening
som jeg læser det skal der ske Tre ting ved onMouseOver , billedet skal skiftes, menuen skal vises, titlen skal ændres ?
det er der i og forsig ikke noget problem med , her kan du blot erstatte med en egent funktion som kunne være noget i stil med
<a href ="URL.htm" onMouseOver= "minFunktion(this , 'menu_r1_c1''gfx/menu/menu_r1_c1_f2.gif','menu1')".....

<script language="JavaScript">
function minFunktion( element,imgName, imgURL, visMenu)
  <-- sætter title attributten -->
  element.title = "en ny titel"; // jeg har lidt problemer ved at se hvad du ønsker den sættes til. Jeg tror ikke at            showMenu('menu1') funktionen har en returværdi men jeg kan tage fejl...
  <-- skifter billede på billedet hvor navnereferencen er sendt med til funktionen som imgName -->
  MM_swapImage("ingName","",imgURL,1);
  <-- viser kalder showMenu på SlideOutMenu  .... -->
  SlideOutMenu.shoeMenu(visMenu);
}
på samme måde kan vi lave funktioner til de andre events ... men som sagt title--- hvad skal der ske? :-)
Avatar billede jmc Nybegynder
24. januar 2002 - 16:00 #8
sorry:
nr. 2 href kan godt undværes
jeg kan ikke gennemskue om jeg kan undvære titel men se scriptet jeg anvender her: dhtmlpost.tripod.com/navig/som/som.htm
Avatar billede Slettet bruger
24. januar 2002 - 16:53 #9
Du kan sagtens kalde to funktioner i en event:

<a onMouseOver="funktion1(); funktion2();" onMouseOut="funktion1_ud(); funktion2_ud();"
Avatar billede halu Nybegynder
25. januar 2002 - 10:54 #10
Nå nu gik det op for mig . title attributten bruges ikke til andet end at tildele en forklarende streng til a elementet.
Det skal altså ikke opfattes som forsøg på javascripting. Feltet er helt uden betydning, drop det!

Jeg har her forsøgt at skitsere et løsningsforslag; du skal være opmærksom på at der er forskel på menubjælken og menuerne-  så alt efter hvor du ønsker grafik skal der gøres lidt forskelligt.
Jeg har også inkulderet den kode fra eksemplet der er nødvendig for at få menuen til at køre.



<head>
<script language="javascript" src="ypslideoutmenusc.js"></script>
<script language="javascript">
var menus = [
        new ypSlideOutMenu("menu1", "down", 5, 80, 170, 59),
        new ypSlideOutMenu("menu2", "down", 57, 80, 170, 40),
    ]

    for (var i = 0; i < menus.length; i++) {
        menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
        menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
    }
</script>
<srcipt>
et stript genereret af dreamweaer med billde swap funktionen
</script>
<link rel="stylesheet" href="menu.css" type="text/css">
</head>





<body>
<!-- menu bjælke uden grafik -->
<div id="menubar">
    <a id="act0" href="#" onmouseover="ypSlideOutMenu.showMenu('menu1')" onmouseout="ypSlideOutMenu.hideMenu('menu1')" >MenuOverskrift1</a>&nbsp;
    <a id="act1" href="#" onmouseover="ypSlideOutMenu.showMenu('menu2')" onmouseout="ypSlideOutMenu.hideMenu('menu2')" >MenuOverskrift2</a>&nbsp;
</div>
<!-- slut menu bjælke -->

<!-- menu bjælke med grafik -->
<div id="menubar">
    <a id="act0" href="#" onmouseover="ypSlideOutMenu.showMenu('menu1') ; MM_swapImage('imgNavnMenu1','','gfx/menu/menu_r1_c1_f2.gif',1)"
    onmouseout="ypSlideOutMenu.hideMenu('menu1') ; MM_swapImgRestore()" >
    <img name="imgNavnMenu1" src="sti til start billede"> 
    </a>&nbsp;
    .. På samme måde med næste <a ....>
</div>
<!-- slut menu med grafik -->


<!-- bygger menu1 -->
    <!- uden grafik -->
            <div id="menu1Container">
        <div id="menu1Content" class="menu">
              <div class="options">
                <a href="http://www.top100.ro/cgi-bin/vote.cgi?id=15327">dhtml p o s t</a>
                <a href="http://www.top100.ro/cgi-bin/vote.cgi?id=15327">este sursa ta</a>
                <a href="http://www.top100.ro/cgi-bin/vote.cgi?id=15327">de java script</a>
            </div>
        </div>
        </div>
        <!slut uden grafik -->


i selve menuopbygningerne er der ikke noget specielt ønsker du billeder med swap så skal du bare bruge dreamweaver funktionerne.

Her er en liste på noget du skal være opmærksom på

1) menubjælkens <a elementer skal have et id og id'et skal være id="act0" for den første "act1" for den næste o.s.v
  grund:
    ( document.getElementByID('act"+i+"').className =  )
2) husk at inkluderer ypslideoutmenusc.js
3) du kan lave funktioner til onMouseout og onMouseover eventen på menu bjælken, ellers seperer funktionskald med ; ( det første er pænere og giver en mere overskuelig kode)
Avatar billede jmc Nybegynder
25. januar 2002 - 12:16 #11
tak for den meget udførlige beskrivelse, jeg vil prøve den nu.
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