Principala » fisiere » Scripturi » HTML [ Adauga un material nou ]

HTML Color Codes

2010-08-13, 9:49 AM

HTML Color Codes

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

<title>HTML Color Codes</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="http://moldshare.big.md/fader/favicon0.ico">
<link rel="stylesheet" href="color_files/quackit0.css">
<script type="text/javascript">
<!-- hide
function addToFavorites(title, url){
if (document.all)
window.external.AddFavorite(url, title);
else if (window.sidebar)
window.sidebar.addPanel(title, url, "")
}
  // Popup window function
  function newWindow(url) {
  popupWindow = window.open(url,'popUpWindow','height=600,width=600,left=50,top=50,resizable=yes,scrollbars=1,toolbar=no,menubar=no,location=no,directories=no,status=no');
  }
// end hide -->
</script>
<script style="" src="color_files/alternat.js"></script>
<script charset="utf-8" id="injection_graph_func" src="http://torrents-portal.com/color_files/injection_graph_func.js"></script></head><body>
<script language="javascript" type="text/javascript">
<!-- hide
function jumpToUrl(x){

if (document.siteNavForm.siteNavSelect.value != "null") {
  document.location.href = x
  }
}

// end hide -->

</script>
<link rel="stylesheet" type="text/css" href="http://torrents-portal.com/color_files/screen00.css">
<script type="text/javascript" src="http://torrents-portal.com/color_files/ddcolorp.js"></script>
<script type="text/javascript" src="http://torrents-portal.com/color_files/YAHOO000.js"></script>
<script type="text/javascript2" src="http://torrents-portal.com/color_files/log00000.js"></script>
<script type="text/javascript" src="http://torrents-portal.com/color_files/color000.js"></script>

<script type="text/javascript" src="http://torrents-portal.com/color_files/event000.js"></script>

<script type="text/javascript" src="http://torrents-portal.com/color_files/dom00000.js"></script>
<script type="text/javascript" src="http://torrents-portal.com/color_files/animatio.js"></script>

<script type="text/javascript" src="http://torrents-portal.com/color_files/dragdrop.js"></script>

<script type="text/javascript" src="http://torrents-portal.com/color_files/slider00.js"></script>
<script type="text/javascript">

  var hue;
  var picker;
  //var gLogger;
  var dd1, dd2;
  var r, g, b;

  function init() {
  if (typeof(ygLogger) != "undefined")
  ygLogger.init(document.getElementById("logDiv"));
  pickerInit();
  ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
  ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
  ddcolorposter.fillcolorbox("colorfield3", "colorbox3") //PREFILL "colorbox1" with hex value from "colorfield1"
  }

  // Picker ---------------------------------------------------------

  function pickerInit() {
  hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
  hue.onChange = function(newVal) { hueUpdate(newVal); };

  picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector",
  0, 180, 0, 180);
  picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };

  hueUpdate();

  dd1 = new YAHOO.util.DD("pickerPanel");
  dd1.setHandleElId("pickerHandle");
  dd1.endDrag = function(e) {
  // picker.thumb.resetConstraints();
  // hue.thumb.resetConstraints();
  };
  }

  executeonload(init);

  function pickerUpdate(newX, newY) {
  pickerSwatchUpdate();
  }

  function hueUpdate(newVal) {

  var h = (180 - hue.getValue()) / 180;
  if (h == 1) { h = 0; }

  var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);

  document.getElementById("pickerDiv").style.backgroundColor =
  "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

  pickerSwatchUpdate();
  }

  function pickerSwatchUpdate() {
  var h = (180 - hue.getValue());
  if (h == 180) { h = 0; }
  document.getElementById("pickerhval").value = (h*2);

  h = h / 180;

  var s = picker.getXValue() / 180;
  document.getElementById("pickersval").value = Math.round(s * 100);

  var v = (180 - picker.getYValue()) / 180;
  document.getElementById("pickervval").value = Math.round(v * 100);

  var a = YAHOO.util.Color.hsv2rgb( h, s, v );

  document.getElementById("pickerSwatch").style.backgroundColor =
  "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";

  document.getElementById("pickerrval").value = a[0];
  document.getElementById("pickergval").value = a[1];
  document.getElementById("pickerbval").value = a[2];
  var hexvalue = document.getElementById("pickerhexval").value =
  YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
  ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
  }

</script>

<table>
<tbody><tr>
<td style="vertical-align: top;">

  <div id="pickerPanel" class="dragPanel">

  <h4 id="pickerHandle"> </h4>
  <div style="background-color: rgb(255, 0, 0);" id="pickerDiv">
  <img id="pickerbg" src="http://torrents-portal.com/color_files/pickerbg.png" alt="">

  <div style="left: 0px; top: 0px;" id="selector"><img src="http://torrents-portal.com/color_files/select00.gif"></div>
  </div>

  <div id="hueBg">
  <div style="left: 0px; top: 0px;" id="hueThumb"><img src="http://torrents-portal.com/color_files/hline000.png"></div>
  </div>

  <div id="pickervaldiv">
  <form name="pickerform" onsubmit="return pickerUpdate()">
  <br>

  R <input name="pickerrval" id="pickerrval" value="0" size="3" maxlength="3" type="text">
  H <input name="pickerhval" id="pickerhval" value="0" size="3" maxlength="3" type="text">
  <br>
  G <input name="pickergval" id="pickergval" value="0" size="3" maxlength="3" type="text">

  S <input name="pickergsal" id="pickersval" value="0" size="3" maxlength="3" type="text">
  <br>
  B <input name="pickerbval" id="pickerbval" value="0" size="3" maxlength="3" type="text">

  V <input name="pickervval" id="pickervval" value="0" size="3" maxlength="3" type="text">
  <br>
  <br>
  # <input name="pickerhexval" id="pickerhexval" value="0" size="6" maxlength="6" style="font-weight: bold; font-size: 18px;" type="text">

  <br>

  </form>
  </div>

  <div style="background-color: rgb(255, 255, 255);" id="pickerSwatch"> </div>
  </div>

   

   
   

</td>

</tr></tbody></table>

<style>
.ColorRow {height:25px;}
.TextRow {height:25px;vertical-align:top;}
.TextCell {font-size:xx-small;}
</style>

   

<script src="http://torrents-portal.com/color_files/urchin00.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-269964-1";
urchinTracker();
</script>

<!-- END FOOTER -->

Categorie: HTML | Adaugat de: kopceak | Tags: HTML
Vizualizari: 941 | Downloads: | Raging: 0.0/0
Total comentarii : 0
Doar utilizatorii inregistrati pot comenta
[ Inregistrare | Login ]
Schimbul de fişiere este realizat de către utilizatorii site-ului, administraţia nu poartă nici o răspundere pentru conţinutul acestora sau pentru prejudiciile provocate. INTERFILM.MD nu dispune de conţinutul pus la schimb de către utilizatori, ci doar este un catalog al resurselor. Vă atenţionăm să nu încărcaţi pe site fişiere protejate de drepturile autorului sau fişiere cu conţinut ilegal. În cazul în care sunteţi deţinătorul drepturilor de autor al unui torrent şi doriţi să fie şters vă rugăm să ne scrieţi la adresa abuse@interfilm.md şi imediat se vor lua măsuri. Întregul text privind regulile şi condiţiile de utilizare a siteului poate fi găsit aici.