Avatar billede Slettet bruger
22. juni 1999 - 11:22 Der er 57 kommentarer og
1 løsning

ok - nu vil jeg fandme have de onmouseover tekst links til at virke

hvordan ændrer jeg farven på et text link når jeg holder musen over det?

jeg har set de tidligere poster - men jeg kan sq ikke få de eksempler til at virke!
Avatar billede brian_d Nybegynder
22. juni 1999 - 11:37 #1
Her et eksempel

<head>
<style type="text/css">
<!--
a            {text-decoration:none;}
a:active    {text-decoration:none}
a:hover        {text-decoration:underline;}
-->
</style>
</head>

Brian_d
Avatar billede jinxed Nybegynder
22. juni 1999 - 11:43 #2
<head>
<style type="text/css">
  a        {text-decoration:underline;color:"#000000"}
  a:active    {text-decoration:none;color:"#000080"}
  a:hover    {text-decoration:underline;color:"#000080"}
</style>
</head>

bare skift #xxxxxx ud til den farve du vil have

Jinxed : )
Avatar billede jinxed Nybegynder
22. juni 1999 - 11:44 #3
Havde jeg ikke sat den til et svar?¿?
Avatar billede hojben Novice
22. juni 1999 - 11:52 #4
Bare en kommentar...

I kan hente denne zipfil der indeholder masser af javastuff. Meget pænt opdelt med en menu, og forklaring på hvilken browser den understøtter;-)

www.pander.dk/zip/jvscript.zip

Jeg er modtagelig overfor flere zipfiler med anything som I tror at ekspertens brugere kan have nytte af..
Avatar billede Slettet bruger
22. juni 1999 - 12:03 #5
Den laver javascript fejl
JavaScript error: Type 'javascript' into Location for details
Avatar billede jinxed Nybegynder
22. juni 1999 - 12:12 #6
joker > prøv at kigge på http://www.westerlund.dk

selve hoved framen bruger den jeg skrev ovenover
Avatar billede Slettet bruger
22. juni 1999 - 12:18 #7
jeg kan godt se det - jeg forstår bare ikke hvorfor jeg ikke kan få det til at virke
Avatar billede cyberesben Nybegynder
22. juni 1999 - 12:24 #8
hvorfor ikke?
Avatar billede Slettet bruger
22. juni 1999 - 12:31 #9
jeg ved det ikke - jeg kan ikke umidlbart se nogen fejl.
Den laver bare jascript error
Avatar billede justincase Nybegynder
22. juni 1999 - 12:31 #10
Prøv at taste "java script:" ind i  Location og post så den fejlmeddelese du får.
Avatar billede Slettet bruger
22. juni 1999 - 12:36 #11
hvordan?
Avatar billede justincase Nybegynder
22. juni 1999 - 12:39 #12
Ligesom du skriver www.etelleandet.dk
Avatar billede Slettet bruger
22. juni 1999 - 12:49 #13
ja ok - jeg leger lidt med det og vender tilnage i aften
Avatar billede kn Nybegynder
22. juni 1999 - 13:17 #14
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 13:18 #15
Det er sikkert en JavaScript fejl der har med noget andet at gøre, end det med onmouseover
Avatar billede justincase Nybegynder
22. juni 1999 - 13:21 #16
Højst sandsynligt.

Nescape kan vel ikke heller ikke håndtere hover, og linkfarveskift.
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 13:24 #17
I Ver 5 (ikke helt færdig endnu) kan den men ellers ikke
Avatar billede swjensen Nybegynder
22. juni 1999 - 13:24 #18
A:hover virker da ikke i Netscape, gør det?
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 13:32 #19
hehe jeg kom lige nogle mlisekunder først :)
Avatar billede Slettet bruger
22. juni 1999 - 14:29 #20
jamen...
jamen.....
hvad fagen gør jeg så?
=)
Avatar billede Slettet bruger
22. juni 1999 - 14:33 #21
jeg skal jo kunne bruge begge browsere
Avatar billede Slettet bruger
22. juni 1999 - 14:49 #22
så blev der ligepludselig MEGET stille
hehe
er der ingen der ved det?
=)
Avatar billede justincase Nybegynder
22. juni 1999 - 15:20 #23
Jeg vil regne med at små billeder ikke er en mulighed !?

:)

JustinCase
Avatar billede Slettet bruger
22. juni 1999 - 15:55 #24
hele pointen er IKKE at bruge billeder
Avatar billede qwa Nybegynder
22. juni 1999 - 17:10 #25
Joker>>

Her er et andet script prøv at kigge lidt på det for der er 3 popdown menuer du skal bare lige ændre noget af det der står i det.

Jeg er ikke sikker på om det virker, men prøv.
Avatar billede Slettet bruger
22. juni 1999 - 17:47 #26
må jeg se? =)
Avatar billede cyberesben Nybegynder
22. juni 1999 - 18:26 #27
hover kommandoen er så vidt jeg ved ikke understøttet af nuværende netscape 4 til 4.61
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 19:11 #28
NEJ men den kommer i VER. 5 !!!!!!!!!!!!
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 19:12 #29
Prøv at se efter noget med rollovers (mener jeg det hed) på: http://www.siteexperts.com/ (de fleste dcripts der virker både i Nets.. og IE)
Avatar billede Slettet bruger
22. juni 1999 - 19:19 #30
lol - folk tunger den lidt =)
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 19:26 #31
under "Cross Browser DHTML" selvfølgelig :)
Avatar billede cyberesben Nybegynder
22. juni 1999 - 19:29 #32
det skal laves med layers hvis det skal virke i Netscape 4
Avatar billede justincase Nybegynder
22. juni 1999 - 20:04 #33
Puha, det var virkelig en hård nød.

But here goes.

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>


Koden her er ikke fleksibel nok, men det er en start.
Hvis du har spørgsmål, eller vil have noget uddybet, så spørg endelig.

:)

JustinCase
Avatar billede cyberesben Nybegynder
22. juni 1999 - 21:21 #34
virker den i netscape?
Avatar billede justincase Nybegynder
22. juni 1999 - 21:33 #35
Yep. I min NN4.6 gør den.

Lad os håbe at de ikke har glemt at låne gode ideer på Netscape og får den med i NN5.

:)

JustinCase
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 21:36 #36
Følgende virker fint i Netscape ver. 5

<head>
<style type="text/css">
  a        {text-decoration:underline;color:"#000000"}
  a:active    {text-decoration:none;color:"#000080"}
  a:hover    {text-decoration:underline;color:"#000080"}
</style>
</head>
Avatar billede justincase Nybegynder
22. juni 1999 - 21:44 #37
Hvor har du NN5 fra ?

Jeg har ikke set den endnum og var egentlig i god tro om at NN4.6 var den nyeste  :)
Avatar billede cyberesben Nybegynder
22. juni 1999 - 21:48 #38
til gengæld virker netscape 5 IKKE! *GG*
Avatar billede 127144146281 Nybegynder
22. juni 1999 - 22:22 #39
JO, de alpha eller tidligere udgaver gør (men selvfølgelig er jeg også programmør så jeg ved hvordan men skal bruge den, da det ikke er færdige usgaver man kan hente
Avatar billede cyberesben Nybegynder
22. juni 1999 - 22:29 #40
den beta jeg har, har en bedre fortolker men ellers funger den af lort
Avatar billede qwa Nybegynder
23. juni 1999 - 00:29 #41
Undskyld, men jeg kunne ikke lige finde det, men her er det. B-)

<HTML>
<HEAD><TITLE>Prøve</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
    NS4 = (document.layers);
    IE4 = (document.all);
    ver4 = (NS4 &#124;&#124;&#124;&#124; IE4); 
  isMac = (navigator.appVersion.indexOf("Mac") != -1);
  isMenu = (NS4 &#124;&#124;&#124;&#124; (IE4 && !isMac));
function popUp(){return};
function popDown(){return};
function startIt(){return}
if (!ver4) event=null;
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
if (isMenu) {
menuVersion = 3;
menuWidth = 160;
childOverlap = 20;
childOffset = 5;
perCentOver = null;
secondsVisible = 0;
fntCol = "white";
fntSiz = "10";
fntBold = false;
fntItal = false;
fntFam = "verdana";
backCol = "#006699";
overCol = "#0088aa";
overFnt = "white";
borWid = 1;
borCol = "navy";
borSty = "solid";  //Solid,double, groove, outset, inset eller ridge  el ingenting
itemPad = 3;
imgSrc = "tri.gif";
imgSiz = 10;
separator = 1;
separatorCol = "white";
isFrames = false;
keepHilite = true;
NSfontOver = true;
clickStart = false;
clickKill = false;
showVisited = "green";
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
if (isMenu) {
document.write("<SCRIPT LANGUAGE='JavaScript1.2' SRC='hierArraysvoid.js'><\/SCRIPT>");
document.write("<SCRIPT LANGUAGE='JavaScript1.2' SRC='hierMenus.js'><\/SCRIPT>");
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF" background="Navnet på dit billede.xxx" TEXT="#000000" LINK="#006699" VLINK="#0066aa" ALINK="#FF99FF">

<blockquote>
<blockquote>
<blockquote>
  <p>&nbsp;</p>
<p>&nbsp;</p>
<br>
<table border="0" width="471" cellspacing="10">
      <tr>
        <td width="319" rowspan="3" valign="top" align="right"><img src="det biledet hedder.xxx"
        width="300" height="107" alt="Prøve.">
<font face="Verdana" size="1">Prøve<br>
Prøve<br>
email: <a href="mailto:Din e-mail">resten af den</a></font></td>
        <td width="16" rowspan="3" valign="top" align="left" background="navn på billedet.xxx"></td>
        <td width="236" valign="middle" align="left"><img src="navn på billedet.gif" width="45"
        height="45" alt="products" align="middle" border="0"><A CLASS=leftMenuMore HREF="#1" onMouseOver="popUp('elMenu1',event)" onMouseOut="popDown('elMenu1')"><strong><font
        face="Verdana" font color="#006699">Products</font></strong></td>
      </tr>
      <tr>
        <td width="236" valign="middle" align="left"><img src="navn på billede.xxx" width="45"
        height="45" alt="profile" align="middle" border="0"><A CLASS=leftMenuMore HREF="#1" onMouseOver="popUp('elMenu2',event)" onMouseOut="popDown('elMenu2')"><strong><font
        face="Verdana" font color="#006699">Profile</font></strong></td>
      </tr>
      <tr>
        <td width="236" valign="middle" align="left"><img src="navn på billed.xxx" width="45"
        height="45" alt="contact" align="middle" border="0"><A CLASS=leftMenuMore HREF="#1" onMouseOver="popUp('elMenu3',event)" onMouseOut="popDown('elMenu3')"><strong><font
        face="Verdana" font color="#006699">Contact</font></strong></td>
      </tr>
    </table>
</blockquote>
</blockquote>
</blockquote>
</BODY>
</HTML>

Avatar billede helle_fred Nybegynder
23. juni 1999 - 08:52 #42
En løsning på mouseover til tekster, som både virker med Netscape og Explorer kan ses på:
http://hjem.get2net.dk/web/mouseover/test/t2.html
men den flimrer i Netscape.

vh Helle
Avatar billede 127144146281 Nybegynder
23. juni 1999 - 12:27 #43
Det gør den godt nok også i IE5 (RIGTIGT MEGET)
Avatar billede justincase Nybegynder
23. juni 1999 - 12:37 #44
Principielt gør det script det samme om mit gør. Forskellen er bar at når man laver mouse over på min, bliver linkiet lavet om så der kun er en onMouseOut event i. Og omvendt.
Det er fordi, at et layer kun fyrer eventen af på det som er renderet inde i det.
Dvs. Mouse over på cirklen i et O, men Mouse out på hullet.

Nåja, og så at det ikke er et Layerswap, men en udkiftnig af selver html og tekst inde i SPAN.

:)

JustinCase
Avatar billede xastur Nybegynder
25. juni 1999 - 11:29 #45
<style type="text/css">
<!--

A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:visited { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:active { COLOR: black; TEXT-DECORATION: none }
A:hover { COLOR: blue; TEXT-DECORATION: none; font-weight: none }

-->
</style>

Avatar billede justincase Nybegynder
28. juni 1999 - 13:07 #46
Joker >>
  Fik du det til at virke ??
Avatar billede gorba Nybegynder
29. juni 1999 - 00:55 #47
okey joker!!
er den accepteret bare ærgeligt.
men her er den du skal bruge.

<A HREF="bil.html" TARGET="Info" ONMOUSEOVER="this.style.color='red';" ONMOUSEOUT="this.style.color=''white';"><BR>Biler</A></TD>

den er i forbindelse med et link som du kan se...
og du kan ændre style.color=' et eller andet--'

gorba
se på onmouseover...
Avatar billede cyberesben Nybegynder
29. juni 1999 - 01:03 #48
den virker stadig kun i IE
Avatar billede gorba Nybegynder
29. juni 1999 - 23:38 #49
cyb:
Jamen, det er javascript, ik.
den burde netscape da æde, " livescript"
Avatar billede Slettet bruger
06. juli 1999 - 04:33 #50
der er ingen svar men kun komentarer - ingen point i denne omgang
Avatar billede justincase Nybegynder
06. juli 1999 - 09:42 #51
joker>> Det er klart at der kun er kommentarer, når du ikke afviser et svar du ikke kan bruge !!!

Men her er dit svar. Den funktion jeg har lavet længere oppe, er den eneste der virker i både IE og NN. Og hvis du har problemer med den, så skriv tilbage !!!

:)

JustinCase
Avatar billede cyberesben Nybegynder
06. juli 1999 - 18:12 #52
gorba>> microsoft har deres egen måde at lave javascrip og CSS på, så derfor kan du ikke være sikker på at det også virker andre steder, hvis det virker i IE
Avatar billede gorba Nybegynder
06. juli 1999 - 23:44 #53
cyber:
jepper,,
det er rigtigt..
læste i bogen,,, virker kun til IE..
sorry joker..
Avatar billede spaden Nybegynder
21. juli 1999 - 12:11 #54
<STYLE type="text/css"><!--




BODY      { margin: 0px; }




A:link    { COLOR: White; TEXT-DECORATION: none; font-weight: regular }




A:visited { COLOR: White; TEXT-DECORATION: none; font-weight: regular }




A:active  { COLOR: black }




a:hover  { COLOR: #216CC0; TEXT-DECORATION: flash }




--></STYLE>
Avatar billede justincase Nybegynder
21. juli 1999 - 12:20 #55
spaden >> Det var da utroligt. Prøv at læse indlæggene igennem først. For det første er det forslag givet som afvist svar og 150 kommentarer før. Og så virker det stadig kun i IE.
Avatar billede helle_fred Nybegynder
21. juli 1999 - 14:34 #56
Det er meget svært at lave en mouseover på tekst, som virker både i Explorer og i Netscape. Et eksempel kan ses på  hjem.get2net.dk/web/mouseover/test/t2.html  - men det flimrer, og koden er ikke sjov at splejse ind på ens websider. Flimmerriet skyldes, at der skiftes farve så snart man ikke har mouseover på tekststregerne

Helle
Avatar billede douglas Nybegynder
18. oktober 1999 - 18:56 #57
Bare indsæt

<STYLE>A:Hover {color: #00FF00}</STYLE>

i mellem <Head></Head>

Og når du så kører musens hen over det, vil farven skifte til grøn(#00FF00)

/Douglas
Avatar billede Slettet bruger
01. august 2000 - 15:02 #58
whateva
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