Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

ändra backgrundsfärg på textfält?

Wippika

Startad av Wippika,
i Webbutveckling

Rekommendera Poster

Mr Andersson

Mr Andersson

Postad
Postad

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.

 

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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>

 

Länk till kommentar
Dela på andra webbplatser
Mr Andersson

Mr Andersson

Postad
Postad
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.

 

 

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
  • 1 month later...
Micke_skane

Micke_skane

Postad
Postad

Vad fungerade inte innan?

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

 

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

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...