Avatar billede warpgiga Nybegynder
08. juli 1999 - 15:55 Der er 13 kommentarer og
1 løsning

Text RollOver i Netscape 4.x ( alá A:hover )

Hej kodefolk ;-)

Jeg fandt forleden et script, som kan få netscape''s links, til at skifte farve
når musen pegede på dem (ligesom med A:Hover i IE4+).

Nu hvor jeg skal bruge det, kan jeg slet ikke finde det...  ;''-('' ''  ''

Det skal være et script som kunne se nogenlunde således ud:

<a id="link_1"
    href="http://www.yahoo.com"
    onMouseOver="document.link_1.color = ''#00FF00'';">Klik her!</A>

og så selvfølgelig en mouseOut osv...  Kan du få dette til at virke? ;-)

P.S:
      Ikke noget med layers der ligger foran hindanden,
      og andre super smarte ting ;) - det skal være så simpelt som muligt ;)

Mvh Fini A. Alring - JavaScripter.
Avatar billede justincase Nybegynder
08. juli 1999 - 16:15 #1
Du finder ikke noget script der kan lave en tekst hover i NN4 uden brug af layers eller span, eftersom anchor objectet kun har read atributter og ikke kan sættes !!!!

Men hvis du alligevel vil bruge span, så sig til.

:)

JustinCase
Avatar billede sirius Nybegynder
08. juli 1999 - 16:50 #2
hvis css scripts virker i netscape har jeg et...
Avatar billede justincase Nybegynder
08. juli 1999 - 18:40 #3
Hover virker ikke !!
Avatar billede warpgiga Nybegynder
09. juli 1999 - 09:18 #4
JustinCase: der må gerne bruges layers/span. Jeg udtrykte mig vidst lidt forkert i spørgsmålet:

Men jeg så bare et eksempel, hvor man havde lavet to lag, med hver sin farve, og så switchede man z-order på lagene... ;)
Det var en skod metode, som jeg gerne ville finde et alternativ til.

SIRIUS: Man kan ikke regne med at hvis det virker i IE-css så virker den i Netscape-css, nogle ting virker, andet gør ikke...  som JustinCase siger ovenover; css: A:Hover {...}  metoden er en no-go i netscape...
Avatar billede justincase Nybegynder
09. juli 1999 - 10:49 #5
OK, nu har jeg kun lige copy/pastet fra men kommentar på : http://www.eksperten.dk/spm.asp?id=2050

Og som jeg skrev der, så er koden ikke dynamisk nok, men den kan gå an :

Du har brug for et par style defenitions :
<STYLE TYPE="text/css">
<!--
.blue {
  color: blue;
}
.red {
  color: red;
}
// -->
</STYLE>

Et lille script:
<script language="JavaScript">
<!--
function swap(span,color, isOver){
  if ( isOver ) {
    str = "<a CLASS="+color+" href=# onMouseOut=\"swap('swpSpan','blue',false)\">Netscape</a>";
  }
  else {
    str = "<a CLASS="+color+" href=# onMouseOver=\"swap('swpSpan','red',true)\">Netscape</a>";
  }
  if (document.layers) {
    with (document[span].document) {
      open();
      write(str);
      close();
    }
  }
  else {
    document.all[span].innerHTML = str;
  }
}
//-->
</script>

Og en Href pakket ind i en SPAN :
<SPAN ID="swpSpan" STYLE="position: absolute"><A CLASS="blue" HREF="#" onMouseOver="swap('swpSpan','red',true)" onMouseOut="swap('swpSpan','red')">Netscape</A></span>

Jeg skal nok lave den bedre, men det må blive lidt senere. Hvis du ikke får det til at virke, eller hvis jeg skal forklare dig hvad det er som sker, så skriv.


:)

JustinCase
Avatar billede warpgiga Nybegynder
09. juli 1999 - 10:53 #6
jeg har lige selv fundet dette eksempel:
http://www.webreference.com/js/column4/workaround.html

JustinCase: den ligner lidt dit eksempel, tak skal du have ;-) Du er for cool!
Her er din gave.. ;-) [I form af point, hvad er meningen med disse point? jeg har (1545+60) point.. ;) - har jeg så fået 60 ekstra?]

Avatar billede snowball Novice
09. juli 1999 - 13:46 #7
Nej, de point der står efter + er dem som du har stillet til rådighed via de spørgsmål du har stillet.

Snowball
Avatar billede warpgiga Nybegynder
09. juli 1999 - 14:12 #8
Snowball: ok, tak skal du have..
Avatar billede snowball Novice
09. juli 1999 - 15:28 #9
U'r welcome :-))

Snowball
Avatar billede gertnissen Nybegynder
09. juli 1999 - 15:36 #10
Her er et jeg ikke selv har lavet (husker ikke hvorfra) men det bruger SPAN, se om det ikke er simpelt nok alligevel

<STYLE TYPE="text/css">
<!--
.blue {
  color: blue;
}
.red {
  color: red;
}
// -->
</STYLE>

Et lille script:
<script language="JavaScript">
<!--
function swap(span,color, isOver){
  if ( isOver ) {
    str = "<a CLASS="+color+" href=# onMouseOut=\"swap('swpSpan','blue',false)\">Netscape</a>";
  }
  else {
    str = "<a CLASS="+color+" href=# onMouseOver=\"swap('swpSpan','red',true)\">Netscape</a>";
  }
  if (document.layers) {
    with (document[span].document) {
      open();
      write(str);
      close();
    }
  }
  else {
    document.all[span].innerHTML = str;
  }
}
//-->
</script>

Og en Href pakket ind i en SPAN :
<SPAN ID="swpSpan" STYLE="position: absolute"><A CLASS="blue" HREF="#" onMouseOver="swap('swpSpan','red',true)" onMouseOut="swap('swpSpan','red')">Netscape</A></span>
Avatar billede warpgiga Nybegynder
09. juli 1999 - 15:40 #11
Gertnissen: Tak for det, jeg fandt et lignende for nogle timer siden.. ;)

Jeg fandt dog ud af at jeg har endnu et problem:

Jeg kan ikke accesse et layer i et layer via Netscape..

altså

<span id="s0">
  <span id="s0_1">  bla bla </span>
  <span id="s0_2"> bla      </span>
</span>

jeg skal nemlig bruge scriptet hvor links'ne skal være inde i et layer i forvejen.. det giver mig store problemer mht. Netscape...
Avatar billede gertnissen Nybegynder
09. juli 1999 - 15:41 #12
Ups, undskyld alle - jeg var vist lige lidt for hurtig med min kommentar, men jeg opdagede da hvor det var jeg muligvis havde >- sakset >- det fra.

Genialt script forøvrigt.
Avatar billede justincase Nybegynder
09. juli 1999 - 22:10 #13
Nu skal jeg se om jeg husker rigtig :

I IE behøver du ikke noget specielt for at bruge nested layers.

I NN kan du bruge:
document[span].document[nestedSpan].document

Det er ikke sikkert det virker, men ellers må det blive imorgen :))))

gertnissen>> :)

JustinCase
Avatar billede warpgiga Nybegynder
12. juli 1999 - 10:52 #14
JustionCase: ja det må jo være sådan noget lignende.. må se at få lavet nogle tests... ellers vender jeg stygt tilbage ;-) - foreløbig super cool!! ;-D

Gertnissen: jeg forstår ikke lige din sidste kommentar...  (=

See ya! - god uge!
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