[HTML + JS?] Opgloeiende link

[Verwijderd]

Hoi.

Ik zat net op http://www.playmore.com/welcome.asp te kijken, en daar staat een linkje met "Sign Up and create your own creature."

De Sign up is een linkje naar signup.asp, maar als je met je muis over dat linkje heen gaat, dan gebeuren er 2 dingen:
1. er komen streepjes boven en onder te staan
2. de link 'gloeit op' als het ware, van donkergroen naar felgroen, en weer terug onmouseout

het lijk me dat dat met javascript wordt gedaan, aangezien aan de link zelf niets vreemds te zien is

code:

<br><a href="signup.asp">Sign Up</a> and create your own creature.<br>

en in de head staat dit

code:

<script src="include/fade.js"></script>

dus die fade.js LIJKT me dat het mee gedaan wordt (weet ik eigenlijk wel zekers)

Nu mijn vraag:
1. Die .js wordt nergens aangeroepen voor zover ik kan zien
Kan iemand mij even verbaasd doen kijken en laten zien waar die aangeroepen wordt? of staat dat in de .js zelf?

2. kan dit ook puur HTML based, of moet ik dan toch die .js gaan jatten?

[edit]
ik open net de .js en ik zie dat ze bij microsoft wel alles zelf maken

code:

/*****************************************\
||   Fade Script Version 3.1       ||
||   http://anarchos.xs.mw/fade.phtml    ||
||      (c) July 2001         ||
|| _____________________________________ ||
|| Created by:                 ||
|| Anarchos    > anarchos.xs.mw     ||

[JSchut]

<script src="include/fade.js"></script>

hier word ie toch aangeroepen

ja je kan hem jatten
of kijken hoe ze het gedaan hebben

maar waarom zou je iets maken dat iemand anders al voor je heeft gedaan

[Verwijderd]

Op dinsdag 30 april 2002 16:43 schreef JSchut het volgende:
<script src="include/fade.js"></script>

hier word ie toch aangeroepen

kijk, zo ver gaat mijn kennis met HTML en javascript nou
thx, mijn geheugen ook weer wat opgefrist (het is nog vroeg mensen, het is nog vroeg...)

ja je kan hem jatten
of kijken hoe ze het gedaan hebben

al op mijn computer staan joh

maar waarom zou je iets maken dat iemand anders al voor je heeft gedaan

zo dachten zij dus ook

maar, om te leren
Ik snap er nml niets van, maar ik wil het wel gaan snappen

[crisp]

In de JS staat het volgende:

code:

document.onmouseover = domouseover;
document.onmouseout = domouseout;

Oftewel, er wordt een actie gekoppeld aan het mouseOver en mouseOut event.
De functies domouseover en domouseout checken vervolgens of het element waarop het event getriggerd is een link is, en voert vervolgens de fade-actie uit.
sim-pel

[Verwijderd]

Op dinsdag 30 april 2002 17:04 schreef crisp het volgende:
In de JS staat het volgende:

code:

document.onmouseover = domouseover;
document.onmouseout = domouseout;

Oftewel, er wordt een actie gekoppeld aan het mouseOver en mouseOut event.
De functies domouseover en domouseout checken vervolgens of het element waarop het event getriggerd is een link is, en voert vervolgens de fade-actie uit.
sim-pel

heej, die snapte ik, heb nml het .js bestand ook doorgebladerd
en op mijn 1e vraag was al antwoord gekomen, en ik snap ook hoe dit zo'n beetje gebeurd met javascript (na studie .js bestand )

nu mijn 2e vraag alleen nog

[JSchut]

ja je zal het wel met javascript moeten doen

html kan dat niet op die manier

met html (met behulp van css) kan je zo'n fade niet voor elkaar krijgen

[Verwijderd]

Op dinsdag 30 april 2002 17:22 schreef JSchut het volgende:
met html (met behulp van css) kan je zo'n fade niet voor elkaar krijgen

dus niet dat je met css een mouseover creeert die van kleur naar kleur gaat, ipv gewoon ram-kleurtje?

[Verwijderd]

Nee volgens mij kan dat wel met CSS hoor... Anyway dit is mijn eerste post hier Dus eh hoe doe je die formatting tags?

Hier is de code:
A { <opmaak voor normale link }
A:hover { <hover> }
A:active { <snap je vast wel> }
A:visited { <lijkt me ook duidelijk> }

Het werkt geloof ik alleen niet in Netscape, maar wel in IE en Opera

[Verwijderd]

check de FAQ voor formatting tags

[Verwijderd]

Op dinsdag 30 april 2002 21:25 schreef N0rBsTeR het volgende:
Nee volgens mij kan dat wel met CSS hoor... Anyway dit is mijn eerste post hier Dus eh hoe doe je die formatting tags?

Hier is de code:
A { <opmaak voor normale link }
A:hover { <hover> }
A:active { <snap je vast wel> }
A:visited { <lijkt me ook duidelijk> }

Het werkt geloof ik alleen niet in Netscape, maar wel in IE en Opera

code tags:
[code]

code:

 en [/ code]

ennuh, ik snap je wel met die css styles, maar ik vroeg me dus af of er bij A:hover ook meerdere kleuren in te stellen waren dan 'maar 1'

[Verwijderd]

Ok thx

Anyway je kun ook alle andere style dingen toepassen:

code:

A { text-decoration: none; color: #00CC00 }
A:hover { text-decoration: underline; color: #00FF00 }

Ik denk dat het zoiets is bij die XBox site

[Verwijderd]

Op dinsdag 30 april 2002 21:53 schreef N0rBsTeR het volgende:
Ok thx

Anyway je kun ook alle andere style dingen toepassen:

code:

A { text-decoration: none; color: #00CC00 }
A:hover { text-decoration: underline; color: #00FF00 }

Ik denk dat het zoiets is bij die XBox site

uhu, zoiets, en dan nog met die fade, maar die kan dus niet met alleen css (en html) te gebruiken...

Naja, ik heb mijn antwoorden iig

[Verwijderd]

die fade kan je toch maken met js met settimeout, de styl van het object en allemaal verschillende hex-codes?

[Kanivan]

Hier staat meer info over gloeiende tekst
http://www.web-con.nl/v2/tutorials.php?tutorial=112

[Bosmonster]

Op dinsdag 30 april 2002 22:05 schreef Junt het volgende:
die fade kan je toch maken met js met settimeout, de styl van het object en allemaal verschillende hex-codes?

Tis inderdaad gewoon een hele lap nutteloze JavaScript code.. Niveau Frontpage en Dreamweaver zeg maar...

[Verwijderd]

/me denkt dat Bosmonster gelijk heeft, een gif je is sneller en sim-pel-er

[André]

* André denkt dat bosmonster niet gelijk heeft

Je kunt die 'lap' heel snel verkleinen met een simpeler javascriptje. En als dat klaar is kun je heel snel nieuwe fade linkjes toevoegen. En dat lukt je met gif nooit zo snel.

[Verwijderd]

ik denk dat als je je gifjes met flash maakt, dat het dan wel heel simpel is om nieuwe linkjes aan te maken. kwestie van symbol wijzigen

[Bosmonster]

Op woensdag 01 mei 2002 12:12 schreef Yogho het volgende:
* Bosmonster denkt dat bosmonster niet gelijk heeft

Je kunt die 'lap' heel snel verkleinen met een simpeler javascriptje. En als dat klaar is kun je heel snel nieuwe fade linkjes toevoegen. En dat lukt je met gif nooit zo snel.

Hehe.. mijn idee was ook niet het vervangen met een gif, maar het er helemaal uit te halen.. het voegt toch niks toe aan interactie imho. Maar goed.. ben zelf vrij minimalistiash wat dat betreft

[André]

Daar heb je gelijk in. Maar ik vind het wel iets hebben. Het is net even wat anders dan normaal. (Het moet natuurlijk niet 'te' worden)