Avatar billede lund_dk Praktikant
09. juli 2004 - 11:12 Der er 10 kommentarer og
1 løsning

Color picker

Jeg er på jagt efter et Color Picker script i stil med
www.lund.dk/arto/nystyle.asp

Er der nogen som kender et ligende script som jeg kan benytte mig af?
Avatar billede michael_stim Ekspert
09. juli 2004 - 11:20 #1
Avatar billede lund_dk Praktikant
09. juli 2004 - 11:24 #2
michael_stim > Ikke noget jeg kan bruge :/
Avatar billede michael_stim Ekspert
09. juli 2004 - 11:30 #3
Kan du ikke bare skrive til www.lund.dk og höre om du ikke må bruge hans script?

<style type="text/css">
 
 
  .ColorInputBox{
      position:relative;overflow:hidden;height:22;width:22;border:1px solid;left:4;top:1px;
        }
  </style>
    <script>
    // Change background color...
    var palette = new Array('FFFFFF','CCCCCC','999999','666666','333333','000000','FFCC00','FF9900','FF6600','FF3300','000000','333333','666666','999999','CCCCCC','FFFFFF','99CC00','000000','000000','000000','000000','CC9900','FFCC33','FFCC66','FF9966','FF6633','CC3300','000000','000000','000000','000000','CC0033','CCFF00','CCFF33','333300','666600','999900','CCCC00','FFFF00','CC9933','CC6633','330000','660000','990000','CC0000','FF0000','FF3366','FF0033','99FF00','CCFF66','99CC33','666633','999933','CCCC33','FFFF33','996600','993300','663333','993333','CC3333','FF3333','CC3366','FF6699','FF0066','66FF00','99FF66','66CC33','669900','999966','CCCC66','FFFF66','996633','663300','996666','CC6666','FF6666','990033','CC3399','FF66CC','FF0099','33FF00','66FF33','339900','66CC00','99FF33','CCCC99','FFFF99','CC9966','CC6600','CC9999','FF9999','FF3399','CC0066','990066','FF33CC','FF00CC','00CC00','33CC00','336600','669933','99CC66','CCFF99','FFFFCC','FFCC99','FF9933','FFCCCC','FF99CC','CC6699','993366','660033','CC0099','330033','33CC33','66CC66','00FF00','33FF33','66FF66','99FF99','CCFFCC','000000','000000','000000','CC99CC','996699','993399','990099','663366','660066','006600','336633','009900','339933','669966','99CC99','000000','000000','000000','FFCCFF','FF99FF','FF66FF','FF33FF','FF00FF','CC66CC','CC33CC','003300','00CC33','006633','339966','66CC99','99FFCC','CCFFFF','3399FF','99CCFF','CCCCFF','CC99FF','9966CC','663399','330066','9900CC','CC00CC','00FF33','33FF66','009933','00CC66','33FF99','99FFFF','99CCCC','0066CC','6699CC','9999FF','9999CC','9933FF','6600CC','660099','CC33FF','CC00FF','00FF66','66FF99','33CC66','009966','66FFFF','66CCCC','669999','003366','336699','6666FF','6666CC','666699','330099','9933CC','CC66FF','9900FF','00FF99','66FFCC','33CC99','33FFFF','33CCCC','339999','336666','006699','003399','3333FF','3333CC','333399','333366','6633CC','9966FF','6600FF','00FFCC','33FFCC','00FFFF','00CCCC','009999','006666','003333','3399CC','3366CC','0000FF','0000CC','000099','000066','000033','6633FF','3300FF','00CC99','000000','000000','000000','000000','0099CC','33CCFF','66CCFF','6699FF','3366FF','0033CC','000000','000000','000000','000000','3300CC','FFFFFF','CCCCCC','999999','666666','333333','000000','00CCFF','0099FF','0066FF','0033FF','000000','333333','666666','999999','CCCCCC','FFFFFF')
    var CurObject = null
    var WinIsUp = legitQuit = false
    //window.onerror = function(){event.returnValue=true}
    function PickColor(ColorString,fromField){
        window.status = ColorString.length
      CurObject.style.color =    ColorString
      window['C' + CurObjectID].style.backgroundColor = ColorString
        if(!fromField){
          document.forms["EditSettingsForm"]["TX" + CurObjectID].value = ColorString.slice(1,7)
        }
        if(CurObjectID == "ColMal"){
            m1.style.color = ColorString
            m2.style.color = ColorString
       
        }else if(CurObjectID == "CollinkBarBody"){
            CurObject.style.backgroundColor =    ColorString
           
        }else if(CurObjectID == "ColTopBody"){
            CurObject.style.backgroundColor =    ColorString

        }else if(CurObjectID == "ColtopKnapTopInaktiv"){
            CurObject.style.backgroundColor =    ColorString
           
        }else if(CurObjectID == "ColLinkBarKnapBorder"){
            CurObject.style.backgroundColor =    ColorString
               
       
        }
    }
    function closeWin(){
        legitQuit = true
        WinIsUp = false
        Colors.style.display="none"
    }
    document.body.onclick=function(){if(WinIsUp==true){closeWin()}}
   
    function showWin(what){
        legitQuit = false
        WinIsUp = true
        event.cancelBubble = true
        CurObjectID = what.getAttribute("PropertyName")
        CurObject = window[CurObjectID]
        startColor=CurObject.style.color
        // larse
        if (document.documentElement) {
           
            Colors.style.posLeft = document.documentElement.scrollLeft + event.clientX
            Colors.style.posTop = document.documentElement.scrollTop + event.clientY
        }
        else if (document.body) {
           
            Colors.style.posLeft = document.body.scrollLeft + event.clientX
            Colors.style.posTop = document.body.scrollTop + event.clientY
        }
        Colors.style.display = "block"
    }
    function testKey(what){
        var s =String.fromCharCode(event.keyCode)
        if(!/[0-9A-F\x08]/.test(s))
            return event.returnValue=false
  }
  function testTxtColor(what){
    if(what.value.length==6){
          CurObjectID = what.getAttribute("PropertyName")
          CurObject = window[CurObjectID]
          PickColor("#" + what.value,true)
        }
    }

  </script>    <div ID="Colors" onmouseout="if(!legitQuit){PickColor(startColor)}" onselectStart="return false" style="z-Index:9000;display:none;width:50;height:50;position:absolute;border:1px solid black">
    <script language="JavaScript">
        rowFields = 16
        currField = 0

        palLines = ' '
        for (rowCount=1; rowCount <= palette.length / rowFields; rowCount++){
          palLines += '<tr>'
          for (colCount = 1; colCount <= rowFields; colCount++){
            palLines += '<td onMouseMove="PickColor(this.style.backgroundColor)" onMouseUp="closeWin()" onMouseDown="" onClick="PickColor(this.style.backgroundColor);closeWin()" style="BACKGROUND-COLOR: #' + palette[currField] + '"></td>'
            currField++
          }
          palLines += '</tr>'
        }
        document.write('<table cellpadding=0 cellspacing=0 ondragstart="return false" width=100 height=100>'+palLines+'</table>')
        document.close()
    </script>
Avatar billede michael_stim Ekspert
09. juli 2004 - 11:32 #4
Fik ikke klippet rigtigt, der mangler en masse i arrayet.
Avatar billede lund_dk Praktikant
09. juli 2004 - 11:36 #5
michael_stim: Lund.dk er mig selv ;)
Den kode jeg benytter er under copyright, så er ikke noget jeg kan benytte mig af officielt.
Derfor er jeg på jagt efter en tilsvarende kode som jeg frit kan benytte mig af.
Avatar billede michael_stim Ekspert
09. juli 2004 - 11:37 #6
Sorry så ikke dit navn :oD
Avatar billede michael_stim Ekspert
09. juli 2004 - 11:40 #7
http://www.cpcug.org/scripts/colorframe/
Er godt nok ikke med cifre men det kan du selv lave om på.
Avatar billede michael_stim Ekspert
09. juli 2004 - 11:44 #8
Ellers sög på google, der er nok en masse du kan finde.
colorpicker +javascript
Avatar billede michael_stim Ekspert
09. juli 2004 - 11:47 #10
-mundi->>Det er samme princip som jeg sendte til lund. Det er ikke det han leder efter.
Avatar billede lund_dk Praktikant
03. januar 2005 - 14:33 #11
Fandt ikke det jeg ledte efter
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

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Solution Manager til Cyberdivisionen

TD SYNNEX Denmark ApS

Sales Coordinator