diff options
| author | plegall <plg@piwigo.org> | 2010-03-24 23:24:56 +0000 |
|---|---|---|
| committer | plegall <plg@piwigo.org> | 2010-03-24 23:24:56 +0000 |
| commit | f9c4587dbd4148e370f7a0d51c47c7e94265a80d (patch) | |
| tree | a3561d77e3331a6c37f1fc3f9f9ebf86e3fece88 /plugins/SwiftThemeCreator/farbtastic/demo2.html | |
| parent | f9b339cf796e1b78e2a3416f594897c0b808c156 (diff) | |
move SwiftThemeCreator plugin from core to extensions
git-svn-id: http://piwigo.org/svn/trunk@5329 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'plugins/SwiftThemeCreator/farbtastic/demo2.html')
| -rw-r--r-- | plugins/SwiftThemeCreator/farbtastic/demo2.html | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/plugins/SwiftThemeCreator/farbtastic/demo2.html b/plugins/SwiftThemeCreator/farbtastic/demo2.html deleted file mode 100644 index 59a93257a..000000000 --- a/plugins/SwiftThemeCreator/farbtastic/demo2.html +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> -<html> -<head> - <title>Farbtastic</title> - <script type="text/javascript" src="jquery.js"></script> - <script type="text/javascript" src="farbtastic.js"></script> - <link rel="stylesheet" href="farbtastic.css" type="text/css" /> - <style type="text/css" media="screen"> - .colorwell { - border: 2px solid #fff; - width: 6em; - text-align: center; - cursor: pointer; - } - body .colorwell-selected { - border: 2px solid #000; - font-weight: bold; - } - </style> - - <script type="text/javascript" charset="utf-8"> - $(document).ready(function() { - $('#demo').hide(); - var f = $.farbtastic('#picker'); - var p = $('#picker').css('opacity', 0.25); - var selected; - $('.colorwell') - .each(function () { f.linkTo(this); $(this).css('opacity', 0.75); }) - .focus(function() { - if (selected) { - $(selected).css('opacity', 0.75).removeClass('colorwell-selected'); - } - f.linkTo(this); - p.css('opacity', 1); - $(selected = this).css('opacity', 1).addClass('colorwell-selected'); - }); - }); - </script> -</head> -<body> -<h1>jQuery Color Picker: Farbtastic</h1> - -<div id="demo" style="color: red; font-size: 1.4em">jQuery.js is not present. You must install jQuery in this folder for the demo to work.</div> - -<form action="" style="width: 500px;"> - <div id="picker" style="float: right;"></div> - <div class="form-item"><label for="color1">Color 1:</label><input type="text" id="color1" name="color1" class="colorwell" value="#123456" /></div> - <div class="form-item"><label for="color2">Color 2:</label><input type="text" id="color2" name="color2" class="colorwell" value="#123456" /></div> - <div class="form-item"><label for="color3">Color 3:</label><input type="text" id="color3" name="color3" class="colorwell" value="#123456" /></div> - -</form> - -<p>More info on <a href="http://www.acko.net/dev/farbtastic">Acko.net</a>.</p> -<p>Created by <a href="http://www.acko.net/">Steven Wittens</a>.</p> -</body> -</html> |