Søg
Avatar billede lee Nybegynder
09. august 2000 - 13:08 Der er 16 kommentarer og
2 løsninger

knapper hvis mouseover effekt skal forblive der.

Jeg har nogle knapper. de skifter så snart musen kører hen over dem... når man så har klikken på fx info i menuen, vil jeg gerne have at mousover effekten forbliver der...

nogen der har et script jeg kan sætte ind ?!?
Avatar billede geeeet Nybegynder
09. august 2000 - 13:12 #1
Du skal bare også have en onClick på din knap ligesom du har en mouseover og en mouseout..

Den skal indeholde det samme som din mouseover...

onclick=\"det samme som der står i mouseover\"

/Geeeet
Avatar billede hirtshals Nybegynder
09. august 2000 - 13:15 #2
Check føægende adresse

http://www.viewsource.dk/jssearch1.asp

Søg efter mouse, så bure du finde hvad du leder efter
Avatar billede lee Nybegynder
09. august 2000 - 13:44 #3
geeet: hvor skal dette sættes ind i følgende linie:


<td height=\"18\" valign=\"top\"> <a href=\"info.htm\" onFocus=\"this.blur();\" onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage(\'Image26\',\'\',\'images/menufuk_17a.jpg\',1)\" target=\"mainFrame\"><img name=\"Image26\" border=\"0\" onFocus=\"this.blur();\" src=\"images/menufuk_17.jpg\" width=\"97\" height=\"19\"></a></td>


???
Avatar billede geeeet Nybegynder
09. august 2000 - 14:09 #4
Hvis du lover ikke at smide det ind i Dreamweaver igen skal jeg nok lige finde dig et script der gør det nævnte...

/Geeeet
Avatar billede helle_fred Nybegynder
09. august 2000 - 14:15 #5
i din sætning kan du bare fjerne onMouseOut-delen
Avatar billede helle_fred Nybegynder
09. august 2000 - 14:15 #6
- og omdøbe onMouseOver til onClick
Avatar billede el_gnu Nybegynder
09. august 2000 - 15:06 #7
geeeet => Hvis folk vil bruge Dreamweaver er det da fint, og ikke noget man skal pege fingre ad.
Fint at du vil hjælpe, men det er ikke fedt at gøre det så nedladende.

lee => Hvis jeg har forstået dig ret, så er vi nødt til at ha\' samtlige links, for at fikse det(det kræver en række flags og en function der holder styr på dem).

(-: el Gnu

Avatar billede geeeet Nybegynder
09. august 2000 - 15:12 #8
el_gnu >> Jeg vil ikke forhindre ham i at bruge dreamweaver, jeg vil bare ikke have at han smider koden ind i dreamweaver, da jeg ikke har nogen erfaringer med om det kan overleve turen...
Jeg har aldrig brugt dreamweaver ret meget, så det er kun fodi at jeg frygter at det måske kunne finde på at lave nogle frontpage lignende ting... altså rette i koden..

Men du harhelt ret, det er ok at bruge dreamweaver, og det ville faktisk være nemmere hvis lee gad at upload siden, så vi kan tage udgangspunkt i den eksistrende kode...

lee >> Smid venligst et link...


/Geeeet
Avatar billede el_gnu Nybegynder
09. august 2000 - 15:16 #9
geeeet => no offense meant and no offense taken :-)
Avatar billede lee Nybegynder
09. august 2000 - 15:28 #10
Geeet : vil lige sige at Dreamweaver ikke laver fejl i HTML. Har aldrig oplevet at Dreamweaver har fiks fakset rundt med mine scripts... og har efterhånden brugt det længe.. Skulle efter signed være det mest annerkendte program indenfor hjemmeside design.


Linket får i sener i dag, siden skal lige være færdig... og jeg skal lige teste Helles svar. *S*
Avatar billede el_gnu Nybegynder
09. august 2000 - 15:32 #11
Helle\'s forslag virker m. garanti ikke (no hard feelings ;-) da den normale image swapping så ikke vil virke.
Avatar billede lee Nybegynder
09. august 2000 - 15:39 #12
ahhh okay jamen så vil jeg undlade at prøve det forslag....
hav lidt tålmodighed så kommer linket ;)

Avatar billede helle_fred Nybegynder
09. august 2000 - 16:06 #13
el gnu - du har ret, jeg har det med at svare først og tænke bagefter...

Det bliver nok nødvendigt med en variabel, som kan indikere, om der har været klikket. Variablen skal sættes ved onClick

Ved MouseOut skal der så testes på om variablen er sat før handleren udføres.

Men siden der er tale om \"nogle knapper\" skal der så være flere variabler
Avatar billede geeeet Nybegynder
09. august 2000 - 16:08 #14
helle_fred >> jeps, og jeg har lavet en sådan script flere gange, så hvis jeg får en url med noget kode kan jeg rette det til...

Hvis en af jer har det liggende som et simpelt eks. er det selvfølgelig helt fint med mig hvis i svarer først...

/Geeeet
Avatar billede olebole Juniormester
10. august 2000 - 00:40 #15
<ole>
Jeg havde det her liggende, du kan prøve:

<html>
<head>
<script language=\"JavaScript\">
<!--
var num = 5; // antal billeder
var pics = new Array();
function preLoad() {
    for (i=0; i<num; i++) {
        pics[i] = new Image();
    }
    pics[0].src = \"1_on.gif\";
    pics[0].off = \"1.gif\";
    pics[1].src = \"2_on.gif\";
    pics[1].off = \"2.gif\";
    pics[2].src = \"3_on.gif\";
    pics[2].off = \"3.gif\";
    pics[3].src = \"4_on.gif\";
    pics[3].off = \"4.gif\";
    pics[4].src = \"5_on.gif\";
    pics[4].off = \"5.gif\";
}
function swap(img_name,img_src) {
    obj = document.images[img_name];
    if (obj.inx != true) {
        obj.src = img_src;
    }
}
function stay(which) {
    j = 0;
    for (i=0; i<num; i++) {
        obj = document.images[i];
        if (obj.name.indexOf(\'men\') != -1 && obj.name != which) {
            obj.src = pics[j].off;
            obj.inx = false;
        } else {
            obj.src = pics[j].src;
        }
        j++;
    }
    document.images[which].inx = true;
}
//-->
</script>
</head>
<body onload=preLoad();>
    <a href=\"#\" onmouseover=\"swap(\'men1\',\'1_on.gif\');\" onmouseout=\"swap(\'men1\',\'1.gif\');\" onclick=\"stay(\'men1\');\"><img src=\"1.gif\" name=\"men1\" border=\"0\"></a>
    <a href=\"#\" onmouseover=\"swap(\'men2\',\'2_on.gif\');\" onmouseout=\"swap(\'men2\',\'2.gif\');\" onclick=\"stay(\'men2\');\"><img src=\"2.gif\" name=\"men2\" border=\"0\"></a>
    <a href=\"#\" onmouseover=\"swap(\'men3\',\'3_on.gif\');\" onmouseout=\"swap(\'men3\',\'3.gif\');\" onclick=\"stay(\'men3\');\"><img src=\"3.gif\" name=\"men3\" border=\"0\"></a>
    <a href=\"#\" onmouseover=\"swap(\'men4\',\'4_on.gif\');\" onmouseout=\"swap(\'men4\',\'4.gif\');\" onclick=\"stay(\'men4\');\"><img src=\"4.gif\" name=\"men4\" border=\"0\"></a>
    <a href=\"#\" onmouseover=\"swap(\'men5\',\'5_on.gif\');\" onmouseout=\"swap(\'men5\',\'5.gif\');\" onclick=\"stay(\'men5\');\"><img src=\"5.gif\" name=\"men5\" border=\"0\"></a>
</body>
</html>

/Vh
</bole>
Avatar billede el_gnu Nybegynder
18. september 2000 - 20:45 #16
lee => var olebole\'s forslag ikke hvad du skulle bruge?
Avatar billede jakoba Nybegynder
04. februar 2001 - 11:54 #17
Opret en huskevariabel og 2 extra funktioner.
(funktionerne picOver og picOut er dem du allerede har, hvordan de så ser ud).
(og navn parameteren er den id du allerede bruger for dine links ).

var fixedPic = \"\";                // husker hvad der er klikket

function picOver ( navn ) {    // onMouseOver event
  var purl = navn+\"over.gif\";
  document.images.navn.src=purl    // slå aktivbilled til
};

function picOff ( navn ) {    // din tidligere onMouseOut event
  var purl = navn+\"out.gif\";
  document.images.navn.src=purl    // slå aktivbilled fra
};

function picOut ( navn ) {    // ny onMouseOut event
  if ( navn != fixedPic )          // kun hvis ikke klikket
    picOff ( navn );
};

function picClik ( navn ) {    // onClick event
  if (  ( fixedPic.length > 0 )    // der er klikket før
      &&( fixedPic != navn )      // og ikke på dette link
    )
    picOff( fixedPic );
  fixedPic = navn;
};

i hvert billed-link ændrer du så onmouseout kaldet og tilføjer et onclick klad: (eg: færdigt link til din \"kontakt\" side)
<A href=\"kontakt.html\" target=\"???\"
        onmouseover=\'picOver(\"kontakt\");\'
        onmouseout =\'picOut (\"kontakt\");\'
        onclick    =\'picClik(\"kontakt\");\'><IMG src=\"kontaktout.gif\" name=\"kontakt\"
></A>

mvh JakobA
Avatar billede jakoba Nybegynder
04. februar 2001 - 12:01 #18
nej, det er picOver og picOff der er dine gamle funktioner. sorry.
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 går 17:19 Kender I "Dropbox" ? Af Ikke-ekspert i Andet software
I går 16:28 Indsæt en kort video i Outlook 2024 Af ErikHg i E-mail programmer
22/1019:20 Hvor kan man finde en god bærbar computer? Af Strawberry i PC
22/1015:45 lukke sikkerhedshuller Af Asky i PHP
21/1018:38 Værktøj til redigering af hjemmeside på android tablet Af Lisbet 80 i Apps til Android
White papers
Flere white papers »