Just nu i M3-nätverket
Jump to content

ändra backgrundsfärg på textfält?


Wippika

Recommended Posts

Mr Andersson

Så här tex (obs, inte snygg-kod, men visar principen)

 

<html>

 

<!-- Med javascript -->

<input type="text" name="ruta" id="ruta" value="">

<script>

top.ruta.style.background = '#ff00ff'; // lila

</script>

 

 

<!-- Med CSS -->

<style>

.snyggt { background: #ffff00;} // gult

</style>

<input type="text" name="ruta2" id="ruta2" value="" class="snyggt">

 

</html>

 

 

Du bör göra det med CSS, att ändra färger och design med Javascript är svårunderhållet och risken för fel är stor.

 

 

Link to comment
Share on other sites

Ska det vara en färg som ska vara bestoende hela tiden är det helt klart CSS du ska använda.

 

Är det så att du vill ändra det med en knapp just för stunden kan du lägga det direkt i knappen:

<form action="" name="test">
<textarea name="visa" rows="5" cols="30"></textarea><br>
<input type="button" value="skifta färg" onClick="window.document.forms[0].visa.style.background='red';">
</form>

 

Link to comment
Share on other sites

Mr Andersson
kan jag göra samma med lite text inom en TD tag som jag satt ett NAME på ??

 

Japp, men det är inte name du ska använda utan id, dock är det oftast bättre att använda CSS (attributet class). Sen bör man inte använda tabeller för att styra designen eftersom detta är jobbigt, struligt och svårt att få snyggt. Använd lager (<span> och <div>). Tabeller bör bara användas där man faktiskt vill visa data som kräver tabéller , tex en tidtabell eller resultatlista av något slag.

 

 

 

Link to comment
Share on other sites

Som Mr Andersson nämnde så är det ID du använder.

 

Är det färgen på texten som står i cellen du vill ändra så gör såhär:

onClick="document.getElementById('text').style.color='red'

 

Cellen har alltså id="text" i mitt exempel.

 

Men vad är det du egentligen ska använda det till?

Är det saker som alltid ska ha en viss färg är det CSS du ska använda!

 

Micke

 

Edit:

Låter rätt "tungt" med Mr Andersson :)

Coolt!

[inlägget ändrat 2006-01-09 21:51:23 av Micke_skane]

[inlägget ändrat 2006-01-09 21:51:57 av Micke_skane]

Link to comment
Share on other sites

  • 1 month later...

Vad fungerade inte innan?

Vilken lösning använder du nu då?

 

Vi kanske inte riktigt förstod vad du menade :)

 

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...