[JS?] Meerdere text links laten knipperen...

Pagina: 1
Acties:

  • Victorio
  • Registratie: Januari 2001
  • Laatst online: 01-02-2024
Ik heb dit script maar hiermee kan je maar één link laten knipperen... ;(

<SCRIPT LANGUAGE="JavaScript1.2">
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}

var ctext = "BLABLABLA";
var speed = 1000;
var x = 0;
var color = new initArray(
"#F0FF00",
"#FF0000"
);
if(navigator.appName == "Netscape") {
document.write('<layer id="c">'+ctext+'</layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<div id="c">'+ctext+'</div>');
}
function chcolor(){
if(navigator.appName == "Netscape") {
document.c.document.write('<font size=9pt color="'+color[x]);
document.c.document.write('">'+ctext+'</font>');
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",500);
</script>

Ik heb dus een paar text links op een pagina die ik op wil laten vallen door ze te laten knipperen. (Wil geen gifjes maken)
Wat is de beste manier hiervoor?

  • MrEdge_
  • Registratie: April 2000
  • Laatst online: 17-11-2023
Functie kopieren? Sowieso een beetje rare manier om te doen. Je zou gewoon een "knipperfunctie" moeten maken waaraan je je link als argument kan meegeven.

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 23:47

Pelle

🚴‍♂️

code:
1
2
3
4
5
6
7
8
9
10
function zoiets(linkje) {
    if (document.layers) {
      document.write('<a href="' + linkje + '"<blink>' + linkje + '</blink></a>');
    } else {
      alert('Your browser does not support this tag. Please get yourself a decent one :)');
    }
}

zoiets('http://www.av.com');
zoiets('http://gathering.tweakers.net'):

;)

/edit
Mr Edge heeft het antwoord al min of meer gegeven: maak er een functie van.

  • MrEdge_
  • Registratie: April 2000
  • Laatst online: 17-11-2023
Op vrijdag 19 april 2002 11:36 schreef Pelle een stukje code
psies :) alleen dan natuurlijk een functie die de 5% Netscapende internetters ook een knipperlinkje biedt ;)

[edit]
maar dat heb je in principe al. Dus zet het geheel in een fuctie waaraan je je link mee kan geven en als je slim bent ook de text kleuren.

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 10:03

RM-rf

1 2 3 4 5 7 6 8 9

voor netscape6 en Opera kun je beste
code:
1
text-decoration: blink

enkel weet ik niet wat er dan met je underline gebeurt, misschien moet je
code:
1
text-decoration: underline blink

doen.

voor msie kun je iets doen als:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script>
for (a in document.all)
{
 if (document.all[a].tagName = "A")
    {
       document.all[a].onmouseover = blinker()
       document.all[a].onmouseout = blinkout()
    }
}
function blink()
{
   oldColor = this.style.color
   if ( this.style.oldColor)
    this.style.color = this.style.oldColor
   else this.style.color = this.currentStyle.bgColor
   this.style.oldColor = oldColor
}
function blinker()
{
   this.interval = setInterval("document.all['"this.id"']blink()", 100)
}
function blinkout()
{
   clearInterval(this.interval)
   if ( this.style.color == this.currentStyle.bgColor)
    this.style.color = this.style.oldColor
}
</script>

overigens is het gebrek aan ondersteuning voor text-decoration: blink door msie een oorlogswond uit de browserwar:
vreemd want in theorie is msie best in staat dit te ondersteunen en kent msie zelfs een specifieke propertie om de aanwezigheid van blink-style te checken:
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/textdecorationblink.asp

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen