Avatar billede drinkit Praktikant
09. juli 2006 - 17:06 Der er 8 kommentarer og
1 løsning

Ekstern .JS fil - fejl?

http://80.160.105.149/nyt/index.php
http://80.160.105.149/nyt/javascripts.js

når man kører musen over "arkiv"-linksne (hvor er pluralis for links?), skal baggrunden skifte og onmousedown er også defineret (se evt. js filen).

jeg er nybegynder inden for javascripting, så kan ikke lige se hvad jeg gør galt.
måske I kunne hjælpe?

Mvh. & på forhånd tak, Mikael. (PS. Der er en chance for siden ik virker udefra, da det er min private comp, og har en router, så skriv lige hvis dette er tilfældet!)
Avatar billede mclemens Nybegynder
09. juli 2006 - 18:55 #1
[ så skriv lige hvis dette er tilfældet! ] - 18:48 -> Ingen forbindelse
[ hvor er pluralis for links? ] Et link, flere links samt alle links

[ onmousedown er også defineret (se evt. js filen). ]
( når man kører musen over "arkiv"-linksne ) ...

Eksempel da koden ikke kan ses:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>

<a href="#" onmouseover="this.style.background='#ff0000';" onmouseout="this.style.background='#ffffff';">Test</a><br><br>

Eller f.eks. :<br><br>

<a href="#" onmouseover="this.style.background='url(\'bgover.gif\')';" onmouseout="this.style.background='url(\'bgout.gif\')';" >Test</a><br><br>

</body></html>
Avatar billede mclemens Nybegynder
09. juli 2006 - 19:03 #2
Edit: Tror egentlig det var lidt forkert: Et link, flere links samt alle links ...
http://www.free2read.com/?menu=opslagsvaerker siger ved søgning på link:
link sb., -et, -s el. link, bf. pl. linkene. min fejl :D
Avatar billede drinkit Praktikant
09. juli 2006 - 19:51 #3
er med på at det er sådan man gør det PÅ SIDEN.
men jeg ønsker mit js i en fil for sig, så den kalder funktionerne når man kører musen over.. forstår du?
hvordan laves den eksterne fil, og hvorfor virker det ik med

function over() {
this.style.background='#ffffff';
}
og
onmouseover = "over();"

?? forstår du nu!?
Avatar billede mclemens Nybegynder
09. juli 2006 - 20:20 #4
Yes, forstår:

html:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript" src="javascripts.js"></script>

</head><body>

<a href="#" onmouseover="over(this);" onmouseout="out(this);">Test</a><br><br>

</body></html>




javascripts.js:

function over(tn){
tn.style.background='#ff0000';
}

function out(tn){
tn.style.background='#ffffff';
}
Avatar billede mclemens Nybegynder
09. juli 2006 - 20:23 #5
referencen this sendes med til funktionen så man kan manipulere med objectet via en variabel man navngiver i næste funktion her valgte jeg at kalde den for tn ... hvis der overføres flere værdier kan de adskilles med kommaer og det samme gør man så på inde i funktionen f.eks.:

<a href="#" onmouseover="over(this,0);" onmouseout="out(this,0);">Test</a><br><br>
<a href="#" onmouseover="over(this,1);" onmouseout="out(this,1);">Test</a><br><br>

function over(tn,tp){
tn.style.background='#ff0000';
if(tp==1)alert("yes");
}

function out(tn,tp){
tn.style.background='#ffffff';
if(tp==1)alert("yes");
}
Avatar billede drinkit Praktikant
09. juli 2006 - 21:29 #6
jeg skal jo så også have en når jeg klikker på den.. onmousedown.

<a href="#" onmousedown="down(this,1);">Test</a><br><br>

function down(tn,tp){
tn.style.background='#cccccc';
if(tp==1)alert("yes");
}

laves det således? - og så til sidst en onclick location.href=''; - hvordan laver jeg den i ekstern fil?
Avatar billede mclemens Nybegynder
09. juli 2006 - 22:14 #7
Det andet med tp var blot for at vise at man kunne overføre flere argumenter ... Nu ved jeg ikke hvad du skal bruge onclick til men her er den med down og click også:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript" src="javascripts.js"></script>

</head><body>

<a href="#" onmouseover="overit(this);" onmouseout="outit(this);" onmousedown="downit(this);" onclick="clickit();return false;">Test</b><br><br>

</body></html>


Og javascripts.js:

function overit(tn){
tn.style.background='#ff0000';
}

function outit(tn){
tn.style.background='#ffffff';
}

function downit(tn){
tn.style.background='#cccccc';
}

function clickit(){
window.location.href="http://www.eksperten.dk";
}
Avatar billede drinkit Praktikant
09. juli 2006 - 23:23 #8
mange tak for dine gode hjælp med fin beskrivelse.
du får lige noget karma-bob.

/Mikael van Ark
Avatar billede mclemens Nybegynder
09. juli 2006 - 23:37 #9
Velbekom :o)
- Tak for point :)
- Tak for karma :)
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