07. januar 2003 - 15:42Der 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.
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.
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
Ahh... på den måde! Ja, det var faktisk lige det jeg savnede :)
Synes godt om
Ny brugerNybegynder
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.