The learning curve for jsfiddle is very low - go try it; I'm sure you'll
figure it out quickly. What's unlikely to happen is anyone here debugging
your issues with code pasted into the message board.
On Thu, Jan 5, 2012 at 4:06 AM, Bob Grimes <bobbygri...@aol.com> wrote:
> Sorry Don't know anything about jsfiddle
> but here is simple code that fails if full built.js library is used
> but is ok if only Stickywun is included.
> The example is complete in itself, just needs mootools and built
> libraries
>
> <!DOCTYPE HTML>
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
> <title>Untitled Document</title>
> <style type="text/css">
> #container {
> height: 400px;
> width: 600px;
> margin-right: auto;
> margin-left: auto;
> }
> #login {
> background-color: #00F;
> height: 200px;
> width: 450px;
> border-radius: 10px;
> moz-border-radius: 10px;
> webkit-border-radius: 10px;
> }
> #login form {
> padding: 20px 0px 20px 10px
> float: right;
> width: 450px;
> color: #FFF;
> }
> #login form label {
> font-family: "Comic Sans MS", cursive;
> font-size: 16px;
> display:block;
> margin: auto;
> text-align:center;
> }
> #login form input[type=text], input[type=email], input[type=password],
> input[type=url], textarea {
> background-color: #FFF;
> border: 2px solid #0F0;
> display:block;
> font-style:normal;
> font-family: Arial, Helvetica, sans-serif;
> }
> :invalid {
> box-shadow: none;
> }
>
> :-webkit-input-placeholder { color:#333; }
> .formular .fc-error {
> width: 300px;
> color: #555;
> padding: 4px;
> border: 1px solid #B5B8C8;
> font-size: 12px;
> margin-bottom: 15px;
> background: #FFEAEA;
> }
> </style>
> <script src="mootools/mootools-core.js"></script>
> <script src="mootools/mootools-more.js"></script>
> <script src="mootools/built.js"></script>
> <script>
> function makeAStickyWin() {
> myWin = new StickyWin({
> draggable: true,
> content: StickyWin.ui('A
> StickyWin', 'Just some text', {
> width:'300px',
> cornerHandle: true,
> closeButton: true,
> })
> });
> }
> </script>
> </head>
>
> <body>
> <div id="container">
> <a href="javascript:makeAStickyWin()">Click for Stickywin</a>
> <a id="alreadyreg" href="#">Click for slider</a>
> <div id="login">
> <form id="signon" method="post" action="#" >
> <table>
> <tr>
> <td>
> <label for="email">Email:</label>
> </td>
> <td>
> <input type="email" id="email"
> name="email" size="50" width="50" autofocus="autofocus" required
> value="">
> </tr>
> <tr>
> <td>
> <label for="password">Password:</label>
> </td>
> <td>
> <input type="password" id="password"
> name="password" size="12" width="12" pattern="\S{6,12}" required>
> </td>
> </tr>
> </table>
> <input type="submit" id="signon" value="Sign On"/>
> </form>
> </div>
> </div>
> <script>
> window.addEvent('domready', function(){
> var mySlide = new Fx.Slide('login');
> mySlide.hide();
> $('alreadyreg').addEvent('click', function(e){
> mySlide.slideIn();
> });
> });
> </script>
> </body>
> </html>
>
>
> On Jan 4, 6:40 pm, Aaron Newton <anut...@gmail.com> wrote:
> > Can you elaborate? Maybe post an example on jsfiddle?
> >
> >
> >
> >
> >
> >
> >
> > On Wed, Jan 4, 2012 at 4:25 AM, Bob Grimes <bobbygri...@aol.com> wrote:
> > > It seems that including built.js (to use StickyWin) seems to break
> > > More Fx. Any Suugestions?
> > > If anybody is interested I am willing to send the code.
>
