Avatar billede m_bold Praktikant
06. januar 2008 - 20:44 Der er 4 kommentarer og
1 løsning

ændr BGcolor ved ændring af værdi

Hej.

Nedenstående skulle ændre baggrundsfarven af "farve", når en farvekode returneres til feltet "choose" (farvekoden kommer via en funktion, så feltet bliver ikke klikket på). Det virker som om at onSelect ikke fungerer her... Kan nogen gennemskue det?


<script language="javascript">
function myOnClick(color)
{
var farve = document.getElementById("farve");
farve.style.backgroundColor = color;
}
</script>


<input type="Text" name="farve">
<input type="Text" name="choose" onSelect="myOnClick(this.form.choose.value);">
Avatar billede cpufan Juniormester
06. januar 2008 - 22:24 #1
har du prøvet:

onSelect="myOnClick(this.value);">
Avatar billede cpufan Juniormester
06. januar 2008 - 22:27 #2
<input type="Text" value="#cccccc" name="choose" onSelect="myOnClick(this.value);">

så skulle den gerne blive grå

det er jo et textinputfelt du roder med ikke en selectbox
Avatar billede m_bold Praktikant
06. januar 2008 - 22:51 #3
Ja, mit problem er vist, at textinputfeltet først skal få farven, idet værdien kommer ind i feltet "choose". Og det gør den først, når det efterfølgende link returnerer en farvekode til feltet. Det ser sådan ud:

<input type="Text" name="farve">
<input type="Text" value="#cccccc" name="choose" onSelect="myOnClick(this.value);">
<a href="java script:TCP.popup(document.forms['edit_info'].elements['choose'])">Link</a>
Avatar billede roenving Novice
08. januar 2008 - 00:17 #4
-- så skal du nok ændre koden i den color-pcker, du har valgt !-)
Avatar billede m_bold Praktikant
08. januar 2008 - 09:48 #5
Jeg fik det til at virke. Koden ser nu sådan ud:

<script language="javascript">
function myOnClick(color){
    var farve = document.getElementById("farve");
    if (color==''){
        farve.style.backgroundColor = '';
        farve.value = '  X  ';
    }else{
        farve.style.backgroundColor = color;
        farve.value = '';
    }
}
</script>

...

<input type="Text" name="farve" size="1" style="border:1px solid black;">
<input type="Text" value="#cccccc" name="choose" readonly style="font-size:10px;" size="7" onChange="myOnClick(this.value);" onFocus="myOnClick(this.value);">
<input type="button" name="submit" value="Vælg farve" style="font-size:12px;" onClick="java script:TCP.popup(document.forms['edit_info'].elements['choose'])">
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

IT-JOB

Netcompany A/S

Network Engineer

Politiets Efterretningstjeneste

CNE-specialist til PET`s indhentningsafdeling

Nextway Software A/S

Product Configuration Specialist

Csis Security Group A/S

Sales Executive