Søg
Avatar billede manon Nybegynder
24. januar 2000 - 06:06 Der er 13 kommentarer og
3 løsninger

Et ikke helt almindelig mouseover/on script.

Hej i stuen.

Jeg har brug for et script der kan gøre følgende:

Jeg skal bruge en mouseover/off funktion, hvor et 3. images også bliver skiftet ud ved mouseover.

Dvs et simpel script til selve knappen kaldet "menuoff.gif" - når musen er væk og når musen er på knappen ("menuon.gif") - PLUS - der skal i samme funktion ske det at et image, kaldet "vindue.gif" bliver byttet med et images kaldet opening.gif.

"Opening.gif" images skal naturligvis gendannes til "vindue.gif", når musen forlader knappen "menuon.gif"

OG .... ikke nok med det, jeg har 8 "menu" knapper (menuon1.gif,menuon2.gif, menuon3.gif ...osv...menuon8.gif) og 8 opening.gif ( opening1.gif,opening2.gif..osv..)  images.+ naturligvis 8 x menuoff1,2,3 ...osv.gif

SÅ SCRIPTET SKAL KUNNE KLARE 8X3 forskellige mouseover/off funktioner.

Og at det skal virke i netscape må vel også være logisk :-)

Kan dette lade sig gøre?

For det perfekte svar inden 36 timer gives der yderligere 100 bonuspoint.
Avatar billede manon Nybegynder
24. januar 2000 - 06:08 #1
Jeg glemte at fortælle at scriptet også skal kunne virke i tabeller!

( er ikke nogen html nørd)*s*
Avatar billede zane Nybegynder
24. januar 2000 - 09:45 #2
Hey jeg oplaoder lige noget til dig, så kan du bare 'stjæle' koden, hvis løsningen er ok

http://www.zane.dk/manon/

~zane~
Avatar billede dkkarpen Nybegynder
24. januar 2000 - 10:20 #3
Her er dit header script:

<script LANGUAGE="JavaScript">

img = new Image;

function changeImg(target, imgName) {
  img.src = imgName;
  document[target].src = img.src;
}

</script>

Det andet følger...
Avatar billede dkkarpen Nybegynder
24. januar 2000 - 10:22 #4
Sådan linker du:

<a href="komplette_loesninger.asp"
onmouseover="changeImg('pic1', 'images/but1_over.gif');
changeImg('pic2', 'images/string1.gif');
changeImg('pic3', 'images/over1.jpg')"

onmouseout="changeImg('pic1', 'images/but1.gif');
changeImg('pic2', 'images/string.gif');
changeImg('pic3', 'images/tom_mouseover.jpg')"> <img src="images/but1.gif" name="pic1" border=0 ALIGN=bottom></a>

Billederne der skal skiftes sørger du så bare for at navngive med pic1, pic2 og pic3
Avatar billede manon Nybegynder
24. januar 2000 - 13:09 #5
Zane > Jeg har ikke afgang til siden ! Prøv igen :-)
Avatar billede manon Nybegynder
24. januar 2000 - 13:12 #6
dkkarpen> Ja, du har hjulpet før, men giv mig hele koden på en gang - med head og body.

Hvor skal jeg sætte de diverse scripter ind ? osv

\manon

(lær en dummie at blive en nørd *s*)
Avatar billede dkkarpen Nybegynder
24. januar 2000 - 13:16 #7
SÅ kan det først blive i morgen. Men du skal bare sætte det første script ind i <head></head>

Når du linker fra et af dine mouse over billederne, skal du bruge det eksempel jeg har vist. Det skal selvfølgelig placeres i body.
Avatar billede manon Nybegynder
24. januar 2000 - 13:20 #8
dkkarpen < Hvis det kan hjælpe dig, så har jeg Dreamweaver, hvor jeg som regle laver mine mouseover effekter, men jeg har glemt hvordan jeg tilføjer flere actions ( behaviors) i selve scriptet - se http://www.eksperten.dk/spm.asp?id=10400

Hvis du kan svare på dette, får du alle 215 point.
Avatar billede zane Nybegynder
24. januar 2000 - 16:14 #9
Den virker nu http://www.zane.dk/manon

~zane~
Avatar billede manon Nybegynder
24. januar 2000 - 23:13 #10
Zane > meget fint - men vinduet som åbner må ikke være det samme - det skal kunne skiftes til et helt 3. image.
Avatar billede manon Nybegynder
24. januar 2000 - 23:15 #11
Men måske har jeg svaret selv, se http://www.eksperten.dk/spm.asp?id=10400
Avatar billede olebole Juniormester
25. januar 2000 - 02:02 #12
Her er et dokument med det hele. Dvs, der er kun vist 3 menu knapper - du må selv lave de sidste 5. Husk at tilføj højde og bredde på billeder. Jeg har antaget at stien til dine billeder er: 'images/' - lav selv om. Tilføj selv dine URL'er.

<html>
<head>
<script language="JavaScript"><!--

// angiver stien til dine billeder
var sti = "images/";

// preloader dine ikke viste billeder
pic = new Array();
pic_open = new Array();
function preload() {
    for (i=1;i<9;i++) {
        pic[i] = new image();
        pic[i].src = sti+"menu"+[i]+"on.gif";
        pic_open[i] = new image();
        pic_open[i].src = sti+"opening"+[i]+".gif";
    }
}

// funktioner, der skifter dine billeder
function swap_on(img_name) {
    document.images[img_name].src = sti+img_name+"on.gif";
    document.images['vindue'].src = sti+"opening"+img_name.charAt(4)+".gif";
}
function swap_off(img_name) {
    document.images[img_name].src = sti+img_name+"off.gif";
    document.images['vindue'].src = sti+"vindue.gif";
}

// -->
</script>
</head>
<body onload=preload();>
<a href= onmouseover=swap_on('menu1'); onmouseout=swap_off('menu1');><img src=images/menuoff1.gif name=menu1 height= width= border=0></a><br>
<a href= onmouseover=swap_on('menu2'); onmouseout=swap_off('menu2');><img src=images/menuoff2.gif name=menu2 height= width= border=0></a><br>
<a href= onmouseover=swap_on('menu3'); onmouseout=swap_off('menu3');><img src=images/menuoff3.gif name=menu3 height= width= border=0></a><br>
<img src=images/vindue.gif name=vindue height= width=><br>
</body>
</html>

/VH
Ole Clausen
Avatar billede olebole Juniormester
25. januar 2000 - 02:07 #13
UPS, dine knap billeder skal hedde 'menu1on.gif', 'menu1off.gif' osv.
Ikke som nu 'menuon1.gif','menuoff1.gif' osv.
Avatar billede manon Nybegynder
25. januar 2000 - 11:45 #14
Alle > Jeg er desværre nød til at lukke spøgsmålet, da jeg har fået mit perfekte svar et andet sted ( se her:http://www.eksperten.dk/spm.asp?id=10400 )

Men fordi i har været så gode og prøvet på at hjælpe, så fortjener i nogle point.

Endnu engang tak.

vh
\manon

PS: I er da naturligvis velkommen til at svare på det andet ? også *s*
Avatar billede manon Nybegynder
25. januar 2000 - 11:47 #15
Beklager at i måtte gå "lidt" forgæves *s*
Avatar billede olebole Juniormester
25. januar 2000 - 12:05 #16
>> manon
"Jeg er desværre nød til at lukke spøgsmålet, da jeg har fået mit perfekte svar et andet sted…"

For det første er det to forskellige spørgsmål, om to forskellige løsningsmodeller på det (måske) samme problem - stillet med fem minutters mellemrum…!
Du beder højere oppe på siden om hele koden til dokumentet, og afslører dermed, du er 'ret newbie'. Når så folk kommer dig til hjælp og sidder og skriver en 'håndsyet' side til dig - indeholdende det 'perfekte svar' på det spørgsmål, du stillede - er det da mere end tyndt at lukke spørgsmålet på den måde.

Du kommer til at gå langt efter hjælp i fremtiden manon!

/Ole
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 JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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 går 14:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
15/1015:34 Epson scanner forbinder ikke til computer Af bbkdk i Printere
White papers
Flere white papers »