Avatar billede flol Nybegynder
29. oktober 2007 - 20:55 Der er 9 kommentarer og
1 løsning

firefox vs. farvescript

Hej. :)
Kan nogen fortælle mig, hvorfor det her script ikke virker i firefox?

-----------kode-------------
<html>
<head>
<style type="text/css">
<!--
a:link {
    color: #666666;
}
a:visited {
    color: #666666;
}
a:hover {
    color: #000000;
}
a:active {
    color: #FF0000;
}
.style3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: x-small;
}
-->
</style>
<script>

    NS4 = (document.layers)? true:false
    IE4 = (document.all)? true:false
    IE5 = (document.getElementById)? true:false
    NS6 = (document.getElementById && !document.all)?true:false;
 
function openDu(vis){
    var lag = (NS4)? document.layers['farver'] : (IE4)? document.all['farver'].style : document.getElementById('farver').style;
    if(vis){
    lag.visibility = "visible";
    }else lag.visibility= "hidden"
}
function color(farve){
    document.write("<center><font color='red' size='6'>Farve koden er: <strong>"+farve+"</strong><br><a href='color.php'>Vælge ny farve</a></font></center>");
}

</script>
</head>

<body bgcolor="#FFFFFF">
<center>
<FORM NAME="bestilling" ACTION="">
  <p><span class="style3">Klik i det sorte felt, og vælge en farve</span></p>
  <p><br>
      <input type="text" value="" id="farve" style="background-color:#000000;" readonly onClick="openDu(true);this.blur();">
    </p>
</form>
<div id="farver" style="visibility:hidden;">
<table width="100%">
<script>
c = new Array();
             
                c[1] = "FF";
                c[2] = "CC";
                c[3] = "99";
                c[4] = "66";
                c[5] = "33";
                c[6] = "00";
                d = 0;
             
                for (i=1;i <=6;i++){
                document.write("<tr>")
                    for (m=1;m <=6;m++){     
                        for (n=1;n <=6;n++){ 
                            d++;
                            colour = '"' + c[i] + c[m] + c[n] + '"';
                            document.write("<td value='"+colour+"' onclick='color("+colour+")' style='cursor:hand;background-color="+colour+"' onClick='document.getElementById(\"farve\").style.backgroundColor=this.value;openDu(false)'>&nbsp;</td>");
                        }
                    }
                    document.write("</tr>")
                }

</script>
</tr>
</table>
</div>
</center>
</body>
</html>
----------/kode----------
Avatar billede flol Nybegynder
29. oktober 2007 - 21:35 #1
Det virker sådan set fint i FireFox, Det er farverne der ikke vil komme frem i Firefox, alt virker fint i IE. ?
Avatar billede w13 Novice
29. oktober 2007 - 21:54 #2
Laver den td'erne, men bare uden farve?

For lige at bringe din kode lidt uptodate:

Alle script-tags, som indeholder JavaScript, skal have attributten type="text/javascript". Altså ret:
<script>
til:
<script type="text/javascript">

Og center-tag'et er dødt og begravet. Du kan i stedet bruge:

<div style="text-align:center">

Måske kan du i stedet lægge en style="text-align:center" på body.
Avatar billede flol Nybegynder
29. oktober 2007 - 22:06 #3
Har rettet center-tags med div og sat type="text/javascript" på.. men den er stadig ikk vild med at visse farverne i firefox..

Den laver fint td'erne men uden farve...
Avatar billede w13 Novice
29. oktober 2007 - 22:21 #4
Det skyldes vist, at du prøver at sætte det i style med background-color=color; som skal være background-color:color;

Prøv med:

                            document.write("<td value='"+colour+"' onclick='color("+colour+")' style='cursor:hand;background-color:"+colour+"' onClick='document.getElementById(\"farve\").style.backgroundColor=this.value;openDu(false)'>&nbsp;</td>");
Avatar billede flol Nybegynder
29. oktober 2007 - 22:25 #5
Hmm, hjalp ikke, den visse stadig ingen farve.. :/
Avatar billede w13 Novice
29. oktober 2007 - 23:03 #6
Mangler den ikke at indsætte # foran farvekoden?
Avatar billede flol Nybegynder
29. oktober 2007 - 23:05 #7
Har jeg prøvet men det er lige meget nu fandt et script der var lidt mere brugervenlig,
men ellers mange tak for hjælpen!
Avatar billede olebole Juniormester
31. oktober 2007 - 14:36 #8
<ole>

w13 gav dig da ellers det helt korrekte svar på, hvorfor dit script ikke virker: Der bliver ikke indsat en '#' før hex-værdien

/mvh
</bole>
Avatar billede w13 Novice
31. oktober 2007 - 15:44 #9
Ja, det ville jeg også mene. =)
Avatar billede flol Nybegynder
31. oktober 2007 - 19:05 #10
jo det er rigtig men det virkede heller ikke med det!! :/
så har hentet http://www.free-color-picker.com, som sys var en del bedre end det jeg havde gang i :P
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

Politiets Efterretningstjeneste

AI/ML udvikler i PET

Capgemini Danmark A/S

SAP S/4HANA Business Controlling

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Ingeniør til Satellitkommunikation