Avatar billede oasen Nybegynder
07. januar 2003 - 15:42 Der er 8 kommentarer og
1 løsning

Overflyt værdi fra inputboks til anden

Jeg sidder lige og pusler lidt med en CSS-generator. Her kan man vælge en række egenskaber, såsom font-size, color m.m. i nogle selectbokse og tekstfelter.
Det er så meningen, at der skal være et eksempel på, hvordan teksten vil se ud med netop det valg, man lige har foretaget.
F.eks. hvis man vælger farven blå, skal test-teksten blive blå. Men det kræver jeg har en style på test-teksten, der kan genereres via javascript ud fra, hvad der nu er valgt.

Nogen der kan hjælpe med det?
Avatar billede Slettet bruger
07. januar 2003 - 17:48 #1
Hm, det er lidt snørklet sagt... Prøv at vise en side, hvor effekten skal forekomme.
Avatar billede oasen Nybegynder
07. januar 2003 - 19:51 #2
Selvfølgelig - http://80.196.131.173/opfinderen/makecss.asp

Den er dog ikke færdig, men jeg tror, du kan se idéen.
Avatar billede oasen Nybegynder
07. januar 2003 - 23:44 #3
Er det muligt, tror du?
Avatar billede olebole Juniormester
08. januar 2003 - 02:13 #4
<ole>

Skriv teksten ind i et div i stedet. Det gør du med:
  document.getElementById("testDiv").innerHTML = "En tekst";
Hvis dit div har id="testDiv".

Så kan du sætte styles på div'et:
  document.getElementById("testDiv").style.fontFamily = "verdana";
  document.getElementById("testDiv").style.fonSize = "10px";
  document.getElementById("testDiv").style.color = "#ffff00";
  document.getElementById("testDiv").style.backgroundColor = "#3366cc";
... osv, osv.

Læg mærke til, at når du sætter properties på div'ets style-objekt, skal bindestregen (hvis der er en) i property-navnet slettes, men bogstavet efter gøres stort.

Skriv kun én tekst - og sæt så alle styles på div'et, den er skrevet ind i. Det giver god mulighed for sammenligning, hvis teksten hele tiden er den samme og kun egenskaberne skifter.

/mvh
</bole>
Avatar billede oasen Nybegynder
08. januar 2003 - 05:33 #5
Det virker fint, men jeg er lidt i tvivl om:

document.getElementById("testDiv").innerHTML = "En tekst";

Som det er nu, har jeg bare lavet en div:

<div id="testDiv">Sådan vil teksten se ud!</div>
Avatar billede Slettet bruger
08. januar 2003 - 15:43 #6
Og den div kan du så ændre fx skriftfarven på vha. document.getElementById("testDiv").style.color = "#XXXXXX";
Avatar billede oasen Nybegynder
09. januar 2003 - 04:31 #7
Ja, så langt har jeg forstået, men hvor kommer innerHTML ind i billedet. Hvad gør den godt for, og hvor skal den placeres?
Avatar billede olebole Juniormester
09. januar 2003 - 05:01 #8
Det var bare, så du kunne skrive en tekst dynamisk ind i dit div. F.eks:
  <button onclick="document.getElementById('testDiv').innerHTML='En tekst';">Test</button>
/mvh
Avatar billede oasen Nybegynder
09. januar 2003 - 06:09 #9
Ahh... på den måde! Ja, det var faktisk lige det jeg savnede :)
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