Brugernavn:



Kodeord: Husk
Forside Forum Artikler Downloads Søg
 

onmouseover style background image

Heej ...

Jeg sider lige pt og er ved at programmere med lidt javascript.
Men mit problem er at min stump kode ikke virker.

Jeg ville lave at når man holder musen over en knap så bliver den mørkere.
Det har jeg så forsøgt at gøre med denne kode som jeg har lavet:

Knappens kode med javascriptet.
  • <input type="button" onmouseover="document.getElementById('stor_knap').style.background='images/stor_knap_over.png'" onclick="location.href='../nyheder/vis_nyhed.php?menu=nyhed&nyhed_id=3'"  value="Læs mere" id="stor_knap">

Også har vi jo selvfølgelig css koden:

  1. #stor_knap
  2. {
  3.     width:            128px;
  4.     height:            26px;
  5.     background-image:    url('/images/stor_knap.png');
  6.     background-color:    transparent;
  7.     border:            0px;
  8.     font-family:                verdana;
  9.     font-size:            10px;
  10.     font-weight:        bold;
  11.     color:                #ffffff;
  12.     margin-top:            7px;
  13.     z-index:            1;
  14. }

Dette er koderne der bruges og der meldes slet ingen fejl.
Så jeg ved simpelthen ikke hvad der kan være galt.
Håber der er en eller flere som kan hjælpe mig.

Med venlig hilsen
- Tudeprinsen

Pointfordeling

Forfatteren har lukket tråden og har valgt at fordele de 10 point således:
Tudeprinsen 10 point
Oprettet af:
Tudeprinsen

Javascript

Point afsat: 10

Lukket
10:51 06/05/2010
Hvorfor ikke bare lave det med ren css? Det er meget mere simpelt..
Oprettet af:
tv2-fyn

Kommentar
12:04 06/05/2010
prøv
  •  document.getElementById('stor_knap').style.backgroundImage ='images/stor_knap_over.png';
istedet for
Oprettet af:
Jonas.mi

Afslået svar
14:13 06/05/2010
tv2-fyn skrev kl. 12:04 d. 06/05/2010
Hvorfor ikke bare lave det med ren css? Det er meget mere simpelt..

Fordi jeg ikke bare en som skøjter hen over tingene og vælger den lette vej.
Det kun de dovne der oftes vælger den vej.



Jonas.mi skrev kl. 14:13 d. 06/05/2010
prøv
  •  document.getElementById('stor_knap').style.backgroundImage ='images/stor_knap_over.png';
istedet for

Det virker ikke :S
Oprettet af:
Tudeprinsen

Kommentar
17:50 06/05/2010
Faktisk virker CSS godt. men vil foreslå dig at gøre sådan her:

  1. <script language="javascript">
  2. function OnOver(id) {
  3. var obj = document.getElementById(id);
  4. obj.style.backgroundImage ='images/stor_knap_over.png';
  5. }

  7. function OnOutr(id) {
  8. var obj = document.getElementById(id);
  9. obj.style.backgroundImage ='';
  10. }
  11. </script>

  13. <div id="stor_knap" onmouseover="OnOver(this.id);" onmouseout="OnOut(this.id);">Hej</div>


prøv den.
Oprettet af:
Jonas.mi

Kommentar
18:50 06/05/2010
Jonas.mi skrev kl. 18:50 d. 06/05/2010
Faktisk virker CSS godt. men vil foreslå dig at gøre sådan her:

  1. <script language="javascript">
  2. function OnOver(id) {
  3. var obj = document.getElementById(id);
  4. obj.style.backgroundImage ='images/stor_knap_over.png';
  5. }

  7. function OnOutr(id) {
  8. var obj = document.getElementById(id);
  9. obj.style.backgroundImage ='';
  10. }
  11. </script>

  13. <div id="stor_knap" onmouseover="OnOver(this.id);" onmouseout="OnOut(this.id);">Hej</div>


prøv den.

Øhm for det første så bruger jeg altså en input type button, for det andet hvorfor skulle den virke du har bare gjort koden mere overskuelig?
Oprettet af:
Tudeprinsen

Kommentar
09:00 07/05/2010
Ehm for det første. så må du meget undskylde jeg bruger min tid på at hjælpe dig. For det andet så kan du godt regne med at få en anden til det. Gider sgu ikke waste time på et utaknemmelig skarn.
Oprettet af:
Jonas.mi

Kommentar
09:47 07/05/2010
Jonas.mi skrev kl. 09:47 d. 07/05/2010
Ehm for det første. så må du meget undskylde jeg bruger min tid på at hjælpe dig. For det andet så kan du godt regne med at få en anden til det. Gider sgu ikke waste time på et utaknemmelig skarn.

Jeg sætter skam også pris på det, men når det jo nu ikke virkede første gang, hvorfor skulle det så virke anden gang? ^^,
Desuden så er jeg ikke utaknemmelig.
Oprettet af:
Tudeprinsen

Kommentar
10:09 07/05/2010
Fordi. hvis du bruger tid på at køre dine ting ind i en funktion. Kan du trace hvor i funktionen de når til ved at bruge f.eks en alert(""); ...
Derfor er functions smartere end at parse dem direkte fra linket/diven/knappen. plus det spare dig plads hvis du har 15 steder at bruge scriptet.
Oprettet af:
Jonas.mi

Kommentar
11:26 07/05/2010
Jonas.mi skrev kl. 11:26 d. 07/05/2010
Fordi. hvis du bruger tid på at køre dine ting ind i en funktion. Kan du trace hvor i funktionen de når til ved at bruge f.eks en alert(""); ...
Derfor er functions smartere end at parse dem direkte fra linket/diven/knappen. plus det spare dig plads hvis du har 15 steder at bruge scriptet.

Nå men det virker ikke og den udskriver ingen fejl i min alert eller hvis jeg prøver med document.write();
Så lukker tråden og dropper det ...
Sidst redigeret 11:14 04/06/2010
Oprettet af:
Tudeprinsen

Accepteret svar

Point modtaget: 10
11:14 04/06/2010
Du skal være oprettet og logget ind for at svare på en tråd
Copyright © Rowl.dk v/ Michael Raagaard | 2005-12 | Alle rettigheder forbeholdes