Jeg har lige 2 spørgsmål: 1. Kan jeg også manipulere med font type mv. i samme function? 2. Kan jeg gøre så der vises en pege-finger når musen køres over rækken?
Mht. spørgsmål 1 er mit problem, at den tekst som står i feltet har fået sat farven vha. <font ... color="red">, dette gør at man ikke kan ændre tekst farven med min mouse-over function, det kan man derimod godt, hvis jeg fjerner farve definitionen fra font tagged, men det ønsker jeg ikke, da default farven på siden er en anden end den ønskede (defineret i body)!
i javascript styrer du cursoren med: ditElement.style.cursor = 'pointer'; hvis du vil have en pegefinger, og skrift styrer du med: ditElement.style.fontFamily = 'Verdana, Arial, sans-serif'; f.eks.
jeg vil anbefale dig helt at droppe <font> tag'et og i stedet bruge CSS.
så det du har allerede: st.color = overcoltext; angiver netop skriftfarven. jeg går ud fra at "overcoltext" allerede er defineret i scriptet som en hexværdi-farve som f.eks. #ffcc00; e.l.
F.eks. sådan (indsættes mellem <head> og </head> - "ditElement" skal være værdien af id atributten i det element det drejer sig om, f.eks. <div id="menu"></div>)
hvis det bare er tekst du vil have skiftet farve på skal du lægge den ind i et element du kan tildele en id eller en class. Hvis det er midt i en linje, kan du bruge <span>, hvis det er en blok (dvs. med linjeskift før og efter), kan du bruge <div>. Altså:
<span onmouseover="this.style.color='red';">denne tekst skal skifte farve</span>
lige en ting: det har ingen mening at angive font-family under mainMenu hvis det ikke er fordi den skal være anderledes end fonten i de omgivende elementer. Så du bør også angive en (anden) font-family under body i dit css.
takke :-) nu virker det med style sheeted. Og teksten skifter farve når jeg kører musen over teksten. Men teksten skifter ikke farve vha. mit java script når jeg kører musen over feltet i menuen (inden musen rammer teksten). Fordi style sheeted overruler min st.color i javascripted!?
okay, jeg vil have at baggrund og tekst i et <td> i min tabel skifter farver med mouse over. Det gør jeg med mit javascript, og det virker fint. Men efter som teksten i min menu har en anden farve en standard (body text) så bliver jeg nødt til at definere en farve. Det gjorde jeg først med font tag, men så anbefalede du at jeg skulle bruge style, det gør jeg så nu. Men når man definere en farve enten med font tag eller style, så skifter teksten ikke farve med mouse over. Så tilføjede jeg i min span tag (onmouseover="this.style.color='white'). Så skifter baggrund farve som den skal, men teksten skifter først farve når jeg rammer teksten med min muse pil.
Her er html koden: <td bgcolor=<%=farve1%> onMouseOver="chOver(this,'over','<%=farve2%>','<%=farve1%>','<%=farve3%>','<%=farve4%>')" onMouseOut="chOver(this,'out','<%=farve2%>','<%=farve1%>','<%=farve3%>','<%=farve4%>')"> <span id="mainMenu" onmouseover="this.style.color='<%=farve3%>';" onmouseout="this.style.color='<%=farve4%>';">Menu punkt 1</span> </td>
det er asp variabler - Som sagt, så virker det ikke hvis jeg giver teksten en anden farve med font tag eller med style.
Nu har jeg gjordt det helt simpelt:
<td bgcolor=farve1 onmouseover="this.style.backgroundColor='farve2'; this.style.color='farve3';" onmouseout="this.style.backgroundColor='farve1'; this.style.color='farve4';"> Menu punkt 1 </td>
Det virker, men teksten er sort = forkert, teksten skal være = farve4 inden mouse over
nu ved jeg jo ikke hvor du har script funktionen fra, men det ligner noget af et større menu script. og så kan du jo nemt komme i konfkikt med dette hvis du samtidig gør andre ting. Hvis du vil beholde dit script er det bedre at finde ud af hvor i scriptet egenskaberne backckgroundColor og color er angivet og så styre dem der.
html <td id="menuTd" onmouseover="this.style.backgroundColor='farve2'; this.style.color='farve3';" onmouseout="this.style.backgroundColor='farve1'; this.style.color='farve4';">Menu punkt 1</td>
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.
