Avatar billede japtus Nybegynder
03. september 2001 - 11:09 Der er 9 kommentarer og
2 løsninger

Farver i en <input> linje......

Dette er en meget lang tekst ...

Jeg har hentet et ur fra en side på nettet:
http://www.Speedworld.dk/javascript/

Uret går som det skal og deet kan anbefales at kigge nærmere på siden .. :-)
MEN!!!
Farverne på uret passer ikke ind på min side, hvid baggrund og sort tekst samt en standard ramme ...
Den form der skriver uret ser sålede ud:
<form name=\"clockForm\">
      <p><center><input \"text\" name=\"clock\" size=\"6\" ></center> </p>
    </form>
Scriptet er således: ( snup det endelig )
<!-- this script and many others avaliable from A1 javascripts. http://www.A1javascripts.com. please keep this information if using this script- all credits to the unknown author -->
<script Language=\"JavaScript\">
function tickClock()
{
        // this tells the browser to call the \"tickClock()\" function every 1 second
        setTimeout(\"tickClock()\", 1000);

        thisTime = new Date()
        hours = thisTime.getHours()
        minutes = thisTime.getMinutes()
        seconds = thisTime.getSeconds()

        // convert the digit to string
        // make sure there\'re at least 2 digits
        if (hours>=12)
        {
                hours-=12
        }
               
        hourString=\"0\"+hours+\"\"
        minuteString=\"0\"+minutes+\"\"
        secondString=\"0\"+seconds+\"\"

        // format the hour
        hour1=parseInt(hourString.charAt(hourString.length-1))
        hour2=parseInt(hourString.charAt(hourString.length-2))

        // format the minute
        minute1=parseInt(minuteString.charAt(minuteString.length-1))
        minute2=parseInt(minuteString.charAt(minuteString.length-2))

        // format the seconds
        second1=parseInt(secondString.charAt(secondString.length-1))
        second2=parseInt(secondString.charAt(secondString.length-2))

        document.clockForm.clock.value=\"\"+hour2+hour1+\":\"+minute2+minute1+\":\"+second2+second1
}
</script>

<!-- --><body onLoad=\"tickClock()\"><!-- -->


<script LANGUAGE=\"JavaScript\">

</script>
<!-- support provided by A1 javascripts-->


Avatar billede krogstrup Nybegynder
03. september 2001 - 11:12 #1
tilføj en class til din input:

<input \"text\" name=\"clock\" size=\"6\" class=\"minINPUT\">


Og tilføj så følgende mellem HEAD & /HEAD:

<style>
.minINPUT {border: 1px solid red, background-color:white; color:black;}
</style>
Avatar billede krogstrup Nybegynder
03. september 2001 - 11:12 #2
Så kan du naturligvis selv modificere farverne, jeg har angivet....!
Avatar billede nute Nybegynder
03. september 2001 - 11:13 #3
du kan lese mer om formattering av <input> elementer her:

http://www.builder.dk/artikler/article.asp?AID=135

/nute
Avatar billede japtus Nybegynder
03. september 2001 - 11:41 #4
Idéen er at uret skal have samme farveskema som linket til min E-mail
a {    border-style:        groove;
    border-color:        silver;
    border-width:        3px;
    font-family:        \"book antiqua\";
    font-weight:        bold;
    color:             gold;
Opsætningen af siden bliver styret af en CSS ...
Det der med Class=\"mininput\" virker desværre ikke ...
Heller ikke selvom jeg presser det ind i head sektionen hvor selve scriptet også står ...
Avatar billede nute Nybegynder
03. september 2001 - 11:45 #5
dette fungerer da for meg:

<html>
<style>
.minINPUT {   
    border-style:        groove;
    border-color:        silver;
    border-width:        3px;
    font-family:        \"book antiqua\";
    font-weight:        bold;
    color:            gold;
}
</style>
<body>
<input \"text\" name=\"clock\" size=\"6\" class=\"minINPUT\">
</body></html>

/nute
Avatar billede japtus Nybegynder
03. september 2001 - 11:59 #6
YESSSS det virkede :-)

Jeg satte dog noget ind ... her er resultatet:
<style>
    .minINPUT {     background-color: black;
            border-color:     gold;
            border-style:     groove;
            border-width:     3px;
            font-family:     \"book antigua\";
            color:        gold;}
    </style>



Mange tak for hjælpen
Avatar billede olebole Juniormester
05. september 2001 - 10:05 #7
<ole>
Du kan også skrive:

<style type=\"text/css\">
input {
  background-color: black;
  border-color:    gold;
  border-style:    groove;
  border-width:    3px;
  font-family:      \"book antigua\";
  color:            gold;
}
</style>

...så tildeles alle inputs på siden dette style-sheet.
/mvh
</bole>
Avatar billede olebole Juniormester
05. september 2001 - 10:06 #8
Hov.....slet under alle omstændigheder gåseøjnene omkring font-navnet - uanset hvilken løsning du vælger.
/mvh
Avatar billede japtus Nybegynder
05. september 2001 - 10:44 #9
>> olebole>>

Du tænker nok på ---font-family: \"book antiqua\" ---- ???

Jeg havde en CSS manual ting liggende da jeg skrev koden og der stode der at der SKAL \"\" rundt om fontnavne der indeholder mellemrum ellers vil de ikke virke .... 
Det \"færdige\" resultat kan ses på http://www.japtus.whitehat.dk
Avatar billede olebole Juniormester
05. september 2001 - 10:47 #10
Selvfølgelig.....jeg tænkte ikke på mellemrummet......dooohhhhhhhhhhh....!  :oP
Avatar billede olebole Juniormester
05. september 2001 - 10:49 #11
psssssst: To (...eller tre, om du vil) f\'er i \'Filosoffen\'  ;o)
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