Avatar billede emptry Nybegynder
23. november 2010 - 12:12 Der er 8 kommentarer og
1 løsning

Updaterer tekst med javascript

<head>
<script type="text/javascript">
function ChangeValue(str) {
    var color = str.color.value;
    document.getElementById('d1').className = 'color: value';
}
</script>
</head>
<form method="post" action="index.php?id=hvad_er_duit&action=1">
<select id="color" onChange="ChangeValue(this.form);">
    <option>Blue</option>
    <option>Red</option>
    <option>Green</option>
</select>
<div id="d1">Hej med dig</div>
</form>

Syntes ikke rigtigt jeg kan få det til at virke, nogen der kan hjælpe ?, vil også gerne kunne ændre størrelse og sådan ..
Avatar billede webblaster2011 Nybegynder
23. november 2010 - 12:23 #1
hvis du bruger jquery istedet for kan du gøre det super nemt

så ville koden være

<script type="text/javascript">

$('#color').change(function(){

    $('#d1').addClass($('#color').val())

})


</script>

du kan læse om jquery (javascript bibloteket) her :
http://jquery.com/
Avatar billede majbom Novice
23. november 2010 - 12:39 #2
prøv med:

<head>
<script type="text/javascript">
function ChangeValue(select) {
    var color = select.options[select.selectedIndex].value;
    document.getElementById('d1').style.color = color;
}
</script>
</head>
<form method="post" action="index.php?id=hvad_er_duit&action=1">
<select id="color" onchange="ChangeValue(this);">
    <option>Blue</option>
    <option>Red</option>
    <option>Green</option>
</select>
<div id="d1">Hej med dig</div>
</form>
Avatar billede emptry Nybegynder
23. november 2010 - 14:25 #3
Mange tak, hva så hvis jeg også gerne vil ændre størrelsen og font?
Avatar billede majbom Novice
23. november 2010 - 14:52 #4
der er en oversigt over alle attributerne her: http://www.comptechdoc.org/independent/web/cgi/javamanual/javastyle.html
Avatar billede emptry Nybegynder
23. november 2010 - 15:08 #5
Kanont splazz,

Jeg er ikke så skarp på js, så her kommer lige et mere..

Det jeg skriver i en edit skal vises i en <div> ?

Så skulle jeg have det hele jeg skal bruge :)
Avatar billede emptry Nybegynder
23. november 2010 - 15:16 #6
<head>
<script type="text/javascript">
function ChangeValue(select) {
    var color = select.options[select.selectedIndex].value;
    document.getElementById('d1').style.color = color;

    var fonts = select.options[select.selectedIndex].value;
    document.getElementById('d1').style.font-size = fonts;

    var font = select.options[select.selectedIndex].value;
    document.getElementById('d1').style.font = font;
}
</script>
</head>
<form method="post" action="index.php?id=hvad_er_duit&action=1">
<select id="color" onchange="ChangeValue(this);">
    <option>Blue</option>
    <option>Red</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>White</option>
    <option>Black</option>
</select>
<select id="font-size" onchange="ChangeValue(this);">
    <option>12px</option>
    <option>14px</option>
    <option>16px</option>
    <option>18px</option>
    <option>20px</option>
    <option>22px</option>
</select>
<select id="font" onchange="ChangeValue(this);">
    <option>Ariel</option>
    <option>Verdana</option>
    <option>Calibri</option>
    <option>Yellow</option>
    <option>White</option>
    <option>Black</option>
</select>
<br>
<br>
<br>
<br>
<div id="d1">Hej med dig</div>
</form>

Nu kan jeg sku ikke få det der til at virke :S
Avatar billede majbom Novice
23. november 2010 - 21:09 #7
hvad er en edit?
Avatar billede emptry Nybegynder
12. september 2011 - 11:11 #8
Gammelt indlæg, som jeg lukker .. tak for hjælpen :)
Avatar billede majbom Novice
12. september 2011 - 12:20 #9
øøh - selv tak ?
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