Onmouseover

onclick=\"parent.main.location.href=\'holdet.html\';klik(this);musInd(this);over(img1);\"

er det det du mener :) ???

marz*

Må vi få liiidt mere kode??

<ole>
Ja, det kan man godt.
/mvh
</bole>

Det jeg mener er at jeg har et billede img1 som bliver vist ved mouseover og forsvinder ved mouseout.

Når jeg klikker på mit link vil jeg have at hele mouseover-delen vedbliver linket indtil jeg klikker på et nyt link, altså at ved onclick er det img1 som bliver vist.

Ovennævnte løsning kan jeg ikke få til at virke.

Her er hele koden



<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>

<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=\'holdet.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\">Holdet</font></td>

1. Hvad er out og over ??
2. Funktionen benytter sig af, at aktiv sættes til at være et element i document (koden er lavet til div\'er), hvorefter det blokerer for ændringer i dette element.
Det betyder, at alle andre tilsvarende elementer skal nulstilles, hvis eet element aktiveres.
3. I onclick\'en blander du alle funktionerne sammen, fjern dem efter klik.

Men:

<script type =text/javascript>

var aktiv;
var diver = 20;

function klik(denne){
  for (i=0;i<diver;i++){
    obj=(document.all)?document.all[\'div\'+i]:document.getElementById[\'div\'+i];
    obj.style.visibility= \'hidden\';
  }
  denne.style.backgroundColor=\'FFFFFF\';
  denne.style.color=\'#800000\';
  denne.style.visibility = \'visible\';
  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\';
  denne.style.visibility = \'visible\';
}

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\';
  denne.style.visibility = \'hidden\';
}
</script>

<TD id=div1 BGCOLOR=\"#E8EBEC\" CLASS=\"nav\" STYLE=\"visibility: hidden; border:solid 1px;border-color:#E8EBEC;\" onmouseover=\"musInd(this);\" onmouseout=\"musUd(this);\" onclick=\"parent.main.location.href=\'holdet.html\';klik(this);\"><IMG SRC=\"pictures/firkant.gif\" BORDER=\"0\" WIDTH=\"13\" HEIGHT=\"12\" ALIGN=\"left\" ALT=\"\" NAME=\"img1\">
      <p align=\"left\"><FONT FACE=\"Verdana\" SIZE=\"1\">Holdet</font></td>

hth
jes

Rigtigt nok som du skriver \"nulstilles\" alt ved klik, men alt virker som det skal borset fra at jeg godt kunne tænke mig at ved onclick skal billedet som også fremkommer ved mouseover blive fremme indtil jeg klikker på et nyt link.

Prøv at checke kildekoden til denne side:

http://www.blox.com/gallery

Med lidt snilde kan du sikkert pille mouseover-koden ud herfra.
- Pede

Siden over (www.blox.com/gallery) bruker en \"vanlig\" mouseover. Når du klikker på linket så vises en ny side der mouseover-knappen er erstattet med en \"still-button\" (altså uden mouseover). Men hvis du går til min side (http://www.lyngdal.f2s.com/) så vil du se at selv om du har klikket på en av knappene så er det fremdeles mouseover på knappene :-)

Mit problem er jo stadigvæk at jeg har et billede til venstre for linket som skal blive når jeg klikker altså hvor dit link bliver rødt skal mit billede blive fra onmouseover ved onclick

Kengun har løst problemet med en indbygget Dreamweaver-funktion. Den kunne have sparet mig for mange timers surt arbejde, hvis jeg havde kendt den... Det gør jeg så nu!
Koden der bliver dannet ser nogenlunde sådan ud:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v3.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == \"init\" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == \"over\") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
      nbArr[nbArr.length] = img;
    }
  } else if (event == \"out\" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == \"down\") {
    if ((nbArr = document[grpName]) != null)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = args[i+1];
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<a href=\"#\" onClick=\"MM_nbGroup(\'down\',\'group1\',\'Image1\',\'(NORMAL BILLEDEFIL)\',1)\" onMouseOver=\"MM_nbGroup(\'over\',\'Image1\',\'(OVER BILLEDEFIL)\',\'\',1)\" onMouseOut=\"MM_nbGroup(\'out\')\"><img src=\"(NORMAL BILLEDEFIL)\" border=\"0\" name=\"Image1\"></a>
</body>
</html>


Du skal bare selv indsætte billedfilerne i <a>-tagget, så skulle du være kørende. (Og husk at give billederne forskellige navne!)

Takker for points ;~}