Scratch

sparks · 2011-01-08 15:41:44

Those look much better than mine! Thanks very much!

comp500 · 2011-01-09 03:58:34

smile

Daffy22 · 2011-01-09 10:14:59

comp500 wrote:
#300!
I can also do images!
Example:
Before:
http://www.block-library.freehostingclo … motion.png
http://www.block-library.freehostingclo … ontrol.png
http://www.block-library.freehostingclo … /looks.png
http://www.block-library.freehostingclo … ensing.png
http://www.block-library.freehostingclo … /sound.png
http://www.block-library.freehostingclo … rators.png
http://www.block-library.freehostingclo … es/pen.png
http://www.block-library.freehostingclo … iables.png
http://www.block-library.freehostingclo … /files.png
http://www.block-library.freehostingclo … colors.png
http://www.block-library.freehostingclo … /other.png
After:
http://img593.imageshack.us/img593/3461/files.png
http://img413.imageshack.us/img413/2981/motionu.png
http://img42.imageshack.us/img42/3952/looksa.png
http://img641.imageshack.us/img641/3383/otherd.png
http://img535.imageshack.us/img535/5973/pen.png
http://img834.imageshack.us/img834/3860/soundu.png
http://img831.imageshack.us/img831/9119/controlu.png
http://img839.imageshack.us/img839/4051/sensing.png
http://img41.imageshack.us/img41/9518/operators.png
http://img707.imageshack.us/img707/1977/variabless.png
http://img593.imageshack.us/img593/8551/colorsb.png

Ta Da!

yeah, We'll use them smile

comp500 · 2011-01-09 15:03:49

smile Also, we could use the ZeroClipboard library so users could copy the code without having to right-click!
I'll help you implement it if you want to.

Last edited by comp500 (2011-01-09 15:08:19)

comp500 · 2011-01-10 14:45:08

Working Example:

Code:

 <html><head><title></title></head>
        <body onload="init()">
                <script type="text/javascript" src="ZeroClipboard.js"></script>
        <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
        
                <div id="copybutton1" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                <div id="copybutton1text" style="display:none;">click a-me!</div>
        <div id="copybutton2" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                        <div id="copybutton2text" style="display:none;">click a-me!!!!</div>
        
                <script type="text/javascript">
                    var clip = null;

                    function init() {
                        // setup single ZeroClipboard object for all our elements
                        clip = new ZeroClipboard.Client();
                        clip.setHandCursor(true);

                        // assign a common mouseover function for all elements using jQuery
                        $('div.copybutton').mouseover(function () {
                            // set the clip text to our innerHTML
                            var cliptext = document.getElementById(this.id + "text");
                            clip.setText(cliptext.innerHTML);

                            // reposition the movie over our element
                            // or create it if this is the first time
                            if (clip.div) {
                                clip.receiveEvent('mouseout', null);
                                clip.reposition(this);
                            }
                            else clip.glue(this);

                            // gotta force these events due to the Flash movie
                            // moving all around.  This insures the CSS effects
                            // are properly updated.
                            clip.receiveEvent('mouseover', null);
                        });
                    }
                </script>
        </body>
        </html>

Requires:
The whole ZeroClipboard library in the same folder
http://code.jquery.com/jquery-1.4.4.min.js(jquery)

We can use a similar mechanism for the website.(with PHP,of course)

ProgrammingFreak · 2011-01-10 14:46:42

comp500 wrote:

Working Example:

Code:

 <html><head><title></title></head>
        <body onload="init()">
                <script type="text/javascript" src="ZeroClipboard.js"></script>
        <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
        
                <div id="copybutton1" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                <div id="copybutton1text" style="display:none;">click a-me!</div>
        <div id="copybutton2" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                        <div id="copybutton2text" style="display:none;">click a-me!!!!</div>
        
                <script type="text/javascript">
                    var clip = null;

                    function init() {
                        // setup single ZeroClipboard object for all our elements
                        clip = new ZeroClipboard.Client();
                        clip.setHandCursor(true);

                        // assign a common mouseover function for all elements using jQuery
                        $('div.copybutton').mouseover(function () {
                            // set the clip text to our innerHTML
                            var cliptext = document.getElementById(this.id + "text");
                            clip.setText(cliptext.innerHTML);

                            // reposition the movie over our element
                            // or create it if this is the first time
                            if (clip.div) {
                                clip.receiveEvent('mouseout', null);
                                clip.reposition(this);
                            }
                            else clip.glue(this);

                            // gotta force these events due to the Flash movie
                            // moving all around.  This insures the CSS effects
                            // are properly updated.
                            clip.receiveEvent('mouseover', null);
                        });
                    }
                </script>
        </body>
        </html>

Requires:
The whole ZeroClipboard library in the same folder
http://code.jquery.com/jquery-1.4.4.min.js(jquery)

We can use a similar mechanism for the website.(with PHP,of course)

to get jquery u could just implement it from google.

comp500 · 2011-01-11 02:34:25

ProgrammingFreak wrote:

comp500 wrote:

Working Example:

Code:

 <html><head><title></title></head>
        <body onload="init()">
                <script type="text/javascript" src="ZeroClipboard.js"></script>
        <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
        
                <div id="copybutton1" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                <div id="copybutton1text" style="display:none;">click a-me!</div>
        <div id="copybutton2" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                        <div id="copybutton2text" style="display:none;">click a-me!!!!</div>
        
                <script type="text/javascript">
                    var clip = null;

                    function init() {
                        // setup single ZeroClipboard object for all our elements
                        clip = new ZeroClipboard.Client();
                        clip.setHandCursor(true);

                        // assign a common mouseover function for all elements using jQuery
                        $('div.copybutton').mouseover(function () {
                            // set the clip text to our innerHTML
                            var cliptext = document.getElementById(this.id + "text");
                            clip.setText(cliptext.innerHTML);

                            // reposition the movie over our element
                            // or create it if this is the first time
                            if (clip.div) {
                                clip.receiveEvent('mouseout', null);
                                clip.reposition(this);
                            }
                            else clip.glue(this);

                            // gotta force these events due to the Flash movie
                            // moving all around.  This insures the CSS effects
                            // are properly updated.
                            clip.receiveEvent('mouseover', null);
                        });
                    }
                </script>
        </body>
        </html>

Requires:
The whole ZeroClipboard library in the same folder
http://code.jquery.com/jquery-1.4.4.min.js(jquery)

We can use a similar mechanism for the website.(with PHP,of course)

to get jquery u could just implement it from google.

?

comp500 · 2011-01-14 15:08:18

comp500 wrote:

ProgrammingFreak wrote:

comp500 wrote:

Working Example:

Code:

 <html><head><title></title></head>
        <body onload="init()">
                <script type="text/javascript" src="ZeroClipboard.js"></script>
        <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
        
                <div id="copybutton1" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                <div id="copybutton1text" style="display:none;">click a-me!</div>
        <div id="copybutton2" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                        <div id="copybutton2text" style="display:none;">click a-me!!!!</div>
        
                <script type="text/javascript">
                    var clip = null;

                    function init() {
                        // setup single ZeroClipboard object for all our elements
                        clip = new ZeroClipboard.Client();
                        clip.setHandCursor(true);

                        // assign a common mouseover function for all elements using jQuery
                        $('div.copybutton').mouseover(function () {
                            // set the clip text to our innerHTML
                            var cliptext = document.getElementById(this.id + "text");
                            clip.setText(cliptext.innerHTML);

                            // reposition the movie over our element
                            // or create it if this is the first time
                            if (clip.div) {
                                clip.receiveEvent('mouseout', null);
                                clip.reposition(this);
                            }
                            else clip.glue(this);

                            // gotta force these events due to the Flash movie
                            // moving all around.  This insures the CSS effects
                            // are properly updated.
                            clip.receiveEvent('mouseover', null);
                        });
                    }
                </script>
        </body>
        </html>

Requires:
The whole ZeroClipboard library in the same folder
http://code.jquery.com/jquery-1.4.4.min.js(jquery)

We can use a similar mechanism for the website.(with PHP,of course)

to get jquery u could just implement it from google.

?

Oh. I get it.

Bump!

floppy_gunk · 2011-01-14 15:38:30

comp500 wrote:
#300!
I can also do images!
Example:
Before:
http://www.block-library.freehostingclo … motion.png
http://www.block-library.freehostingclo … ontrol.png
http://www.block-library.freehostingclo … /looks.png
http://www.block-library.freehostingclo … ensing.png
http://www.block-library.freehostingclo … /sound.png
http://www.block-library.freehostingclo … rators.png
http://www.block-library.freehostingclo … es/pen.png
http://www.block-library.freehostingclo … iables.png
http://www.block-library.freehostingclo … /files.png
http://www.block-library.freehostingclo … colors.png
http://www.block-library.freehostingclo … /other.png
After:
http://img593.imageshack.us/img593/3461/files.png
http://img413.imageshack.us/img413/2981/motionu.png
http://img42.imageshack.us/img42/3952/looksa.png
http://img641.imageshack.us/img641/3383/otherd.png
http://img535.imageshack.us/img535/5973/pen.png
http://img834.imageshack.us/img834/3860/soundu.png
http://img831.imageshack.us/img831/9119/controlu.png
http://img839.imageshack.us/img839/4051/sensing.png
http://img41.imageshack.us/img41/9518/operators.png
http://img707.imageshack.us/img707/1977/variabless.png
http://img593.imageshack.us/img593/8551/colorsb.png

Ta Da!

Great smile

Maybe you should make the 'other' block gray, so it matches the Panther of BYOB 'other' color.

bbbeb · 2011-01-14 23:13:34

Uhh...err...ahh... oh yeah.

Need assistance? big_smile

comp500 · 2011-01-15 04:28:14

Nope. I can doo stuff on mi own tongue
I'll be starting on zeroclipboard soon!

comp500 · 2011-01-16 09:07:04

Bummmmpp.

comp500 · 2011-01-20 02:38:28

Bump.

ProgrammingFreak · 2011-01-20 14:34:19

Is this dead?

sparks · 2011-01-20 14:47:33

...

Let's get development back on the road! What's next on the to-do list? smile

ProgrammingFreak · 2011-01-20 15:06:51

Idk! I think Josh knows though. To bad hes offline.

sparks · 2011-01-20 15:41:36

Who's Josh?

ProgrammingFreak · 2011-01-20 15:44:10

sparks wrote:
Who's Josh?

Daffy22. smile

bbbeb · 2011-01-21 00:07:00

Can i help?
(I'll check tomorrow.)

comp500 · 2011-01-21 02:48:15

I'm ready for coding.

comp500 · 2011-01-21 03:08:20

[repost] smile Also, we could use the ZeroClipboard library so users could copy the code without having to right-click!
I'll help you implement it if you want me to.[/repost]

Last edited by comp500 (2011-01-21 03:10:46)

comp500 · 2011-01-21 03:10:20

[repost]Working Example:

Code:

 <html><head><title></title></head>
        <body onload="init()">
                <script type="text/javascript" src="ZeroClipboard.js"></script>
        <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
        
                <div id="copybutton1" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                <div id="copybutton1text" style="display:none;">click a-me!</div>
        <div id="copybutton2" style="padding:0px; width:16; height:16;" class="copybutton"><img src="page_white_copy.png" /></div>
                        <div id="copybutton2text" style="display:none;">click a-me!!!!</div>
        
                <script type="text/javascript">
                    var clip = null;

                    function init() {
                        // setup single ZeroClipboard object for all our elements
                        clip = new ZeroClipboard.Client();
                        clip.setHandCursor(true);

                        // assign a common mouseover function for all elements using jQuery
                        $('div.copybutton').mouseover(function () {
                            // set the clip text to our innerHTML
                            var cliptext = document.getElementById(this.id + "text");
                            clip.setText(cliptext.innerHTML);

                            // reposition the movie over our element
                            // or create it if this is the first time
                            if (clip.div) {
                                clip.receiveEvent('mouseout', null);
                                clip.reposition(this);
                            }
                            else clip.glue(this);

                            // gotta force these events due to the Flash movie
                            // moving all around.  This insures the CSS effects
                            // are properly updated.
                            clip.receiveEvent('mouseover', null);
                        });
                    }
                </script>
        </body>
        </html>

Requires:
The whole ZeroClipboard library in the same folder
http://code.jquery.com/jquery-1.4.4.min.js(jquery)

We can use a similar mechanism for the website.(with PHP,of course)[/repost]

sparks · 2011-01-21 04:22:45

Oh, I see, does that mean people will be able to click "copy" and the block contents will be pasted to their clipboard? Neat!

comp500 · 2011-01-21 10:40:51

Exactly. smile

Last edited by comp500 (2011-01-21 10:41:07)

sparks · 2011-01-21 11:07:44

That sounds very neat! We need Daffy22 to arrive, he's the one with the acess.

Scratch

archived forums

#301 2011-01-08 15:41:44

Re: Welcome to your local block library! - Website development thread.

#302 2011-01-09 03:58:34

Re: Welcome to your local block library! - Website development thread.

#303 2011-01-09 10:14:59

Re: Welcome to your local block library! - Website development thread.

comp500 wrote:

#304 2011-01-09 15:03:49

Re: Welcome to your local block library! - Website development thread.

#305 2011-01-10 14:45:08

Re: Welcome to your local block library! - Website development thread.

Code:

#306 2011-01-10 14:46:42

Re: Welcome to your local block library! - Website development thread.

comp500 wrote:

Code:

#307 2011-01-11 02:34:25

Re: Welcome to your local block library! - Website development thread.

ProgrammingFreak wrote:

comp500 wrote:

Code:

#308 2011-01-14 15:08:18

Re: Welcome to your local block library! - Website development thread.

comp500 wrote:

ProgrammingFreak wrote:

comp500 wrote:

Code:

#309 2011-01-14 15:38:30

Re: Welcome to your local block library! - Website development thread.

comp500 wrote:

#310 2011-01-14 23:13:34

Re: Welcome to your local block library! - Website development thread.

#311 2011-01-15 04:28:14

Re: Welcome to your local block library! - Website development thread.

#312 2011-01-16 09:07:04

Re: Welcome to your local block library! - Website development thread.

#313 2011-01-20 02:38:28

Re: Welcome to your local block library! - Website development thread.

#314 2011-01-20 14:34:19

Re: Welcome to your local block library! - Website development thread.

#315 2011-01-20 14:47:33

Re: Welcome to your local block library! - Website development thread.

#316 2011-01-20 15:06:51

Re: Welcome to your local block library! - Website development thread.

#317 2011-01-20 15:41:36

Re: Welcome to your local block library! - Website development thread.

#318 2011-01-20 15:44:10

Re: Welcome to your local block library! - Website development thread.

sparks wrote:

#319 2011-01-21 00:07:00

Re: Welcome to your local block library! - Website development thread.

#320 2011-01-21 02:48:15

Re: Welcome to your local block library! - Website development thread.

#321 2011-01-21 03:08:20

Re: Welcome to your local block library! - Website development thread.

#322 2011-01-21 03:10:20

Re: Welcome to your local block library! - Website development thread.

Code:

#323 2011-01-21 04:22:45

Re: Welcome to your local block library! - Website development thread.

#324 2011-01-21 10:40:51

Re: Welcome to your local block library! - Website development thread.

#325 2011-01-21 11:07:44

Re: Welcome to your local block library! - Website development thread.

Board footer