Avatar billede rastaman Nybegynder
04. oktober 2001 - 08:17 Der er 21 kommentarer og
1 løsning

Onmouseover billede problem

Hejsa jeg har et lille problem.

I vedsendte kode fungerer mine link således at baggrundsfarver, tekstfarver m.m. samt et billede til venstre for linket ændrer sig ved onmouseover og så selvfølgelig tilbage igen ved ounmouseout.

Når man så klikker på et link beholder linket onmouseoverkonfigurationen så man kan se hvilket \"menupunkt\" man er under.

Dette forsvinder først når man klikker på et andet link.

Det eneste der ikke fungerer er at mit billede fra onmouseover ikke \"bliver\" når jeg klikker på et link, det er stadig billedet fra onmouseout eller når linket er inaktivt som er der.

Mit spørgsmål er kan man tilføje så mit onmouseoverbillede også bliver \"stående\" ved klik på et link og selvfølgelig forsvinder igen ved klik på et andet link.

Her er koden:

<tr>
    <td id=div2 BGCOLOR=\"#E8EBEC\" STYLE=\"border:solid 1px;border-color:#E8EBEC;\" onmouseout=\"musUd(this);out(img2);\" onmouseover=\"musInd(this);over(img2);\" onclick=\"parent.main.location.href=\'konstruk.html\';klik(this);\"  class=\"nav\"><IMG SRC=\"pictures/firkant.gif\" BORDER=\"0\" WIDTH=\"13\" HEIGHT=\"12\" ALIGN=\"left\" ALT=\"\" NAME=\"img2\">
      <p align=\"left\"><FONT FACE=\"Verdana\" SIZE=\"1\">Stævner</font></td>
  </tr>
Avatar billede rastaman Nybegynder
04. oktober 2001 - 08:18 #1
Sorry her er koden:

<script LANGUAGE=\"javascript\"><!--

function over(img) {
  img.src=\"pictures/on.gif\";
}
function out(img) {
  img.src=\"pictures/firkant.gif\";
}
//-->
</SCRIPT>
<script type =text/javascript>

var aktiv;
var diver = 20;

function klik(denne){
  if ( aktiv && denne!=aktiv ) {
    var tmp = aktiv;
    aktiv = \"\";
    musUd( tmp );
  }
  denne.style.backgroundColor=\'FFFFFF\';
  denne.style.color=\'#800000\';
  aktiv = denne;
}

function musInd(denne){
  if (denne==aktiv)return;
  denne.style.color=\'#929387\';
  denne.style.backgroundColor=\'#FFFFFF\';
  denne.style.border = \'#004784 solid 1px\';
  denne.style.cursor = \'hand\';
}

function musUd(denne){
  if (denne==aktiv)return;
  denne.style.color=\'#004784\';
  denne.style.backgroundColor=\'#E8EBEC\'; 
  denne.style.border = \'#E8EBEC solid 1px\';
  denne.style.cursor = \'hand\';
}
</script>
<style type=\"text/css\">
a {text-decoration: none; color: #FFFFFF}
a:hover  {text-decoration: none; color: #800000 }
</style>
<table>
<tr>
    <TD id=div1 BGCOLOR=\"#E8EBEC\" CLASS=\"nav\" STYLE=\"border:solid 1px;border-color:#E8EBEC;\" onmouseover=\"musInd(this);over(img1);\" onmouseout=\"musUd(this);out(img1);\" onclick=\"parent.main.location.href=\'link.html\';klik(this);musInd(this);over(img1);\"
><IMG SRC=\"pictures/firkant.gif\" BORDER=\"0\" WIDTH=\"13\" HEIGHT=\"12\" ALIGN=\"left\" ALT=\"\" NAME=\"img1\">
      <p align=\"left\"><FONT FACE=\"Verdana\" SIZE=\"1\">Link</font></td></tr></table>
<table>
<tr>
    <td id=div2 BGCOLOR=\"#E8EBEC\" STYLE=\"border:solid 1px;border-color:#E8EBEC;\" onmouseout=\"musUd(this);out(img2);\" onmouseover=\"musInd(this);over(img2);\" onclick=\"parent.main.location.href=\'link2.html\';klik(this);\"  class=\"nav\"><IMG SRC=\"pictures/firkant.gif\" BORDER=\"0\" WIDTH=\"13\" HEIGHT=\"12\" ALIGN=\"left\" ALT=\"\" NAME=\"img2\">
      <p align=\"left\"><FONT FACE=\"Verdana\" SIZE=\"1\">Link2</font></td>
  </tr></table>
Avatar billede nikolajdu Nybegynder
04. oktober 2001 - 08:20 #2
Ehm vi mangler dine javaScript funktioner...
Avatar billede rastaman Nybegynder
04. oktober 2001 - 08:22 #3
Hvad mener du ?
Avatar billede nikolajdu Nybegynder
04. oktober 2001 - 08:28 #4
Sorry, jeg havde ikke opdateret, da jeg skrev, så du nåede at poste dem inden ;-)
Avatar billede olebole Juniormester
04. oktober 2001 - 10:03 #5
<ole>

function over(img) {
  if (denne==aktiv)return;
  img.src=\"pictures/on.gif\";
}
function out(img) {
  if (denne==aktiv)return;
  img.src=\"pictures/firkant.gif\";
}

/mvh
</bole>
Avatar billede rastaman Nybegynder
04. oktober 2001 - 10:16 #6
Nu ændrer billedet sig slet ikke ved mouseover
Avatar billede olebole Juniormester
04. oktober 2001 - 10:23 #7
Selvfølgelig...dooohhhhhh  :oP
Prøv:
<script type =text/javascript>

var aktiv;
var diver = 20;

function klik(denne){
  if ( aktiv && denne!=aktiv ) {
    var tmp = aktiv;
    aktiv = \"\";
    musUd( tmp );
  }
  denne.style.backgroundColor=\'FFFFFF\';
  denne.style.color=\'#800000\';
  aktiv = denne;
}

function musInd(denne, img){
  if (denne==aktiv)return;
  img.src=\"pictures/on.gif\";
  denne.style.color=\'#929387\';
  denne.style.backgroundColor=\'#FFFFFF\';
  denne.style.border = \'#004784 solid 1px\';
  denne.style.cursor = \'hand\';
}

function musUd(denne, img){
  if (denne==aktiv)return;
  img.src=\"pictures/firkant.gif\";
  denne.style.color=\'#004784\';
  denne.style.backgroundColor=\'#E8EBEC\'; 
  denne.style.border = \'#E8EBEC solid 1px\';
  denne.style.cursor = \'hand\';
}
</script>

...og dit kald:

onmouseover=\"musInd(this, img1);\" onmouseout=\"musUd(this, img1)\"; onclick=\"parent.main.location.href=\'link.html\';klik(this);\"
Avatar billede olebole Juniormester
04. oktober 2001 - 10:26 #8
Nej, den duer heller ikke.....det rod skal skrives helt om....jeg stresser for meget med noget andet lige nu, så jeg må kikke på det senere  :)
/mvh
Avatar billede rastaman Nybegynder
04. oktober 2001 - 10:27 #9
Det er bare ok, jeg glæder mig til løsningen
Avatar billede jakoba Nybegynder
08. oktober 2001 - 00:29 #10
Det er rent kosmetiske ændringer der skal til:

<script type =text/javascript>

var aktiv;
var aktivImg;
var diver = 20;

function klik(denne, img){
  if ( aktiv && denne!=aktiv ) {
    var tmp = aktiv;
    aktiv = \"\";

    musUd( tmp, aktivImg );
  }
  denne.style.backgroundColor=\'FFFFFF\';
  denne.style.color=\'#800000\';
  aktiv = denne;
  aktivImg = img;
}

function musInd(denne, img){
  if (denne==aktiv)return;
  document.img.src=\"pictures/on.gif\";
  denne.style.color=\'#929387\';
  denne.style.backgroundColor=\'#FFFFFF\';
  denne.style.border = \'#004784 solid 1px\';
  denne.style.cursor = \'hand\';
}

function musUd(denne, img){
  if (denne==aktiv)return;
  document.images[img].src=\"pictures/firkant.gif\";
  denne.style.color=\'#004784\';
  denne.style.backgroundColor=\'#E8EBEC\';
  denne.style.border = \'#E8EBEC solid 1px\';
  denne.style.cursor = \'hand\';
}
</script>

...og dit kald:

onmouseover=\"musInd(this, \'img1\');\" onmouseout=\"musUd(this, \'img1\')\"; onclick=\"parent.main.location.href=\'link.html\';klik(this, \'img1\');\"

mvh JakobA
Avatar billede jakoba Nybegynder
08. oktober 2001 - 00:31 #11
Ups. i funktionen  musInd  skal linien
    document.img.src=\"pictures/on.gif\";
være:
    document.images[img].src=\"pictures/on.gif\";

Avatar billede gfx Nybegynder
27. november 2001 - 11:08 #12
luk
Avatar billede rastaman Nybegynder
27. november 2001 - 11:10 #13
Luk hvad ???
Avatar billede olebole Juniormester
27. november 2001 - 11:52 #14
Jeg tror, gfx mener spørgsmålet. Der er ikke sket noget i 1 1/2 måned  ;o)
/mvh
Avatar billede jakoba Nybegynder
27. november 2001 - 11:55 #15
Spørgsmålet.
Eller fortæl hvordan det virker og hvad der mangler i at være kommet et ordentligt svar.
Avatar billede rastaman Nybegynder
27. november 2001 - 12:45 #16
Det virker perfekt, men jeg ved ikke hvad der er sket med pointene kan jeg ikke komme til at give ud
Avatar billede olebole Juniormester
27. november 2001 - 12:50 #17
Så bed vedkommende, hvis svar du har kunnet bruge, om at lægge et svar  ;o)
/mvh
Avatar billede rastaman Nybegynder
27. november 2001 - 12:52 #18
Jakoba er den klogeste, som kan lægge et svar som så vil blive accepteret
Avatar billede olebole Juniormester
27. november 2001 - 12:54 #19
Jaså ........men han kan godt få pointene alligevel!  *LoooL*  =oD
/mvh
Avatar billede olebole Juniormester
27. november 2001 - 12:55 #20
rastaman >> just joking venligt med jakoba  ;o))
Avatar billede jakoba Nybegynder
27. november 2001 - 13:09 #21
Mon ikke vi burde dele.
Olebole gjorde jo næsten al arbejdet, selvom han ikke er så klog.
( den her blir sgu printet ud og hængt på væggen :-))
læge et svar Ole

mvh JakobA
Avatar billede olebole Juniormester
27. november 2001 - 13:57 #22
Var jeg blot så klog, at jeg kunne finde ud af at få væggen ned i printeren, havde jeg zq osse meget hængende...!  =o)
Det er okay, Jakob. Jeg rodede mig ud i at forvirre i stedet for at hjælpe - sad i en bunke arbejde og havde ikke overblikket lige på det tidspunkt.
Du har fint fortjent dem. Det er rart, nogen gider \'feje op\'  ;o)
/mvh
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