/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Javascript Mouseover i Strict XHTML
Fra : Trux


Dato : 19-02-03 01:23

Hej, har følgende virkende javakode som laver en mousover image swap...
Problemet er at i strict XHTML kan man ikke bruge name attributten, man skal
bruge id, men så viker det ikke !!
Hvad skal jeg gøre med koden så at den virker med id ?
Siden kan også ses på:
http://www.cs.auc.dk/~trux/Gif-menu/main.html

Script----------------------------------------------------------------------
---------
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
main_over = newImage("images/menu/main_over.gif");
preloadFlag = true;
}
}

// -->
</script>

xhtml-----------------------------------------------------------------
<a href="main.php" class="menuitem"
onmouseover="changeImages('main', 'images/menu/main_over.gif'); return
true;"
onmouseout="changeImages('main', 'images/menu/main.gif'); return true;">
<img name="main" class="menupic" alt="Forside"
src="images/menu/main.gif" />
</a>



 
 
Lasse Reichstein Nie~ (19-02-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 19-02-03 01:38

"Trux" <trux@nork.auc.dk> writes:

> Hej, har følgende virkende javakode som laver en mousover image swap...
> Hvad skal jeg gøre med koden så at den virker med id ?

> http://www.cs.auc.dk/~trux/Gif-menu/main.html

> function changeImages() {
> if (document.images && (preloadFlag == true)) {
> for (var i=0; i<changeImages.arguments.length; i+=2) {
> document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

document.images[changeImages.arguments[i]].src = ...

Det er en dårlig vane at skrive
document.<name>
for at få fat i noget med navnet <name>. Det virker fx ikke hvis man
vil give et element navnet "all" eller "images". Brug document.images
eller document.getElementById (eller til nøds document.all hvis man
ikke har andet i browseren)

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Erik Ginnerskov (19-02-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-02-03 01:35


"Trux" <trux@nork.auc.dk> skrev i en meddelelse
news:b2uipu$35h$1@sunsite.dk...
> Hej, har følgende virkende javakode som laver en mousover image swap...
> Problemet er at i strict XHTML kan man ikke bruge name attributten, man
skal
> bruge id, men så viker det ikke !!

Tag en kigger her:

www.hjemmesideskolen.dk/scripts/musover.asp
--
Med venlig hilsen
Erik Ginnerskov - erik snabela ginnerskov dot dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



Knud Gert Ellentoft (19-02-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 19-02-03 01:39

"Trux" <trux@nork.auc.dk> skrev :

>Hej, har følgende virkende javakode som laver en mousover image swap...
>Problemet er at i strict XHTML kan man ikke bruge name attributten, man skal
>bruge id, men så viker det ikke !!

Du kunne placere scriptet i en ekstern js-fil, ellers kan jeg
ikke hjælpe, desvære.

Men så vidt jeg kan se bruges det til at ændre udseendet af
menuknapperne, hvorfor bruger du ikke blot css til det fremfor at
bruge billeder?

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Trux (19-02-2003)
Kommentar
Fra : Trux


Dato : 19-02-03 17:00

> Men så vidt jeg kan se bruges det til at ændre udseendet af
> menuknapperne, hvorfor bruger du ikke blot css til det fremfor at
> bruge billeder?
>
> --
> Knud - http://home13.inet.tele.dk/smedpark/

Fordi at der er forskel på størrelsen af teksten i f.eks. IE og Opera.
Selvom jeg sætter teksten til at være en absolute størrelse. Men ellers
ville jeg også helst løse problemet med CSS..



Trux (20-02-2003)
Kommentar
Fra : Trux


Dato : 20-02-03 21:02

Okay, jeg kan ikke finde ud af det !!!
Selv eksemplet på html.dk bruger name attributten...
Er der ikke nogle der kan give et godt eksempel, eller henvise til et ?
Koden må gerne (skal) være pæn, og billederne må gerne preloades...

Hilsen Bjarke



Knud Gert Ellentoft (20-02-2003)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 20-02-03 21:16

"Trux" <trux@nork.auc.dk> skrev :

>Er der ikke nogle der kan give et godt eksempel, eller henvise til et ?
>Koden må gerne (skal) være pæn, og billederne må gerne preloades...

<script type="text/javascript">
var mit_billede1 = new Image();
mit_billede1.src = "2.jpg";
</script>
</head>
<body>
<a href="link.htm"
onmouseover="document.mit_billede1.src='2.jpg';"
onmouseout="document.mit_billede1.src='1.jpg';"
<img src="1.jpg" name="mit_billede1" width="100" height="100"
alt="Linktekst"></a>

--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste