PEBBLE - Picaxe Electronic Bread Board Layout Emulator

I just tried the pebble 3.1e part A update for IE (IE 11). It no longer asks me to enable scripts, and the screen I get is this:

pebble3.1.jpg

What do I need to do to get this to work as before?

I reverted to the previous version of 3.1, which I had saved, and that worked.
 
Thanks for the "Bug" report.

I suspect a corruption has occurred in the html file.

Version on my PC is/was working.

Took a copy of 3.1 and applied the V3.1e patch over that. First time run under IE11 seemed okay, second time a minor menu aberration (small black rectangle under the insulated wires) but third time has the same screen you posted.

Here is the P_for_IE from my PC in a zip file.
Try copying the html file into your PEBBLE folder/directory and see if that resolves the problem.
 

Attachments

On my PC IE (when used) still requires me to enable scripts.
Believe that is more an IE aspect than something in the by law file.
Maybe you have made a more permanent acceptance as an option.
 
Maybe you have made a more permanent acceptance as an option.

Not intentionally. Yesterday after I reverted to 3.1, it asked me to enable scripts. Today, with 3.1e and the P_for_IE.html file you sent, it didn't. But Windows is full of mysteries. Maybe when I next reboot and try Pebble, I will again be asked.

Meanwhile, thank you for all your efforts on this program, which I find very useful.
 
I just noticed that the Notes in Firefox don't register. I change the text in the textfield and click OK and it doesn't change on the label. When I open the edit box back up it is back to saying Note again. Works fine in Chrome though. Great program. Still figuring out the programming aspects of it in order to make some personal improvements I would like to see. Like changing the color of the wires on the switches and so forth. I will let you know when I get something working that is easy to replicate.
 
Hello Zipster,

Welcome to the PICAXE forum.

Unsure why you have problems with FF.

I am using Win10Pro 64-bit and FF 49.0.2 and the Note "component" is working fine.
Note2.png
This image is after a note is created and then reopened.
The note shows "Hello" and the edit window on re-opening is also showing the previously recorded text.
 
Hello folks,

I attach here a new PEBBLE V3.1e update.
This "should" have the fixed html front end file and now also extended language translation/localisation files for Spanish (courtesy of Sedeap) and Czech (courtesy of Sinyaweo) associated with the new features/components.

If others here have the time to verify that all is now functioning correctly and the translations do not pose problems then I will in a couple of weeks forward the entire PEBBLE package to Revolution Education (PICAXE) in the UK to make available on the PICAXE website downloads page.

as before,
PartA contains everything except the image for the new breadboard Datak 12-600B which is a large file.
PartB only has the image for the Datak 12-600B proto-typing board - so not essential if you do not want to use that board.
 

Attachments

Last edited:
This is what I get with the most recent version of IE 3.1e (and the previous)--fat wires not placed as expected:

pebble3.1e.jpg

I am not asked to enable scripts.

When I revert to 3.1, I am asked to enable scripts and do get what I anticipated:

pebble3.1_original.jpg
Here is the saved file which I loaded:
Code:
IC||121|210|1|PICAXE08M2|U?|||DIP8|IC||DIP8_1
Terminal||65|116|1||TS?||3|4|PGM SoSiG||terminal_431
Resistor|10000|105|149|1|Resistor|R?||0||IC||
Resistor|22000|105|341|1|Resistor|R?||1||IC||
Wire||76|180|11||11|#FF0000|3|11||10|
Wire||101|209|21||11|#3253FF|3|11||10|
IC||471|210|1|DIP10 Relay|U?|||DIP8|IC||DIP8_1
Terminal||308|116|1||TS?||6|3|RTC DS3231||terminal_361
Wire||128|402|21||11|#FF0000|2|11||10|
Terminal||523|363|1||TS?||2|4|12V||terminal_421
Wire||317|44|21||11|#000000|2|11||10|
Wire||128|44|21||11|#000000|2|11||10|
Note||50|33|1||||1||GND||NOTEPAD_11
Note||47|445|1||||1||5V||NOTEPAD_11
Capacitor||119|211|4|Capacitor|C?||3|4|||cap_434
Resistor|4700|394|47|2|Resistor|R?||1||IC||
Wire||211|152|11||11|#FF9900|6|11||10|
Wire||184|171|12||11|#FF9900|8|11||10|
Miscell||576|281|1||XX?||1|33|Miscell||misc_33
Miscell||576|198|1||XX?||1|33|Miscell||misc_33
Resistor|4700|367|47|2|Resistor|R?||1||IC||
Resistor|4700|421|47|2|Resistor|R?||1||IC||
Note||375|225|1||||1||SDA||NOTEPAD_11
Wire||344|402|21||11|#FF0000|2|11||10|
Wire||344|209|21||11|#FF0000|3|11||10|
Wire||157|183|13||11|#FFFF00|12|11||10|
Resistor|180|455|342|1|Resistor|R?||0||IC||
Wire||184|372|11||11|#FFFF00|10|11||10|
Wire||532|402|21||11|#FF0000|2|11||10|
LED|0|561|389|3|LED|LED?|1|||IC||led_13
Wire||613|44|21||11|#000000|9|11||10|
Wire||425|209|21||11|#A233C3|3|11||10|
Note||400|255|1||||1||SLC||NOTEPAD_11
Wire||211|317|11||11|#A233C3|8|11||10|
Resistor|22000|590|397|1|Resistor|R?||0||IC||
Capacitor||320|93|1|Capacitor|C?||1|3|||cap_311
BREADBOARDSTYLE=BB4
SHOWTHETOPAREA=false
 
That also has the same black rectangle under the wires in the floating menu that I saw when I downloaded from the forum as a test last time.
Seems that maybe the html file is getting corrupted.

Does installing the P_for_IE file from post 762 again fix the problem?

I created the update compressed file with the Win10Pro (64-bit) inbuilt program.
Will try with WinZip that I have on another PC.

Will have to wait maybe until Sun evening or Monday as its work at the office this Sunday !
 
If I've got the dates right, the P_for_IE file from post 762 results in an entirely corrupted display--everything overwritten to the left. (Hmmm, but that's still with V3.1 installed, not V3.1e.)
 
@lbenson,

I have sent you a PM.

Last night I did a clean installed of Windows 10Pro V1607 to a back-up PC (it already had a valid digital signature for Win10Pro) - just to make sure the DVD installation disk I had created with the microsoft software was a good/working copy.
Tonight I ran the PEBBLE software on that PC using IE. Ran perfectly okay but does not request permission to "Allow blocked content" for the javascript files which my main PC does - that is definitely down to IE setting and not PEBBLE.

I have created a new compressed file with the entire PEBBLE V3.1e package which is just under 10 MB in size.
Would be good to try and send directly to you rather than keep uploading update files here until we know it is working correctly for you.
 
Ok, I responded to PM with my email address.

Noting that on my Win7 laptop, when starting PEBBLE V3.1 I am asked to give permission to run scripts, but when starting PEBBLE V3.1e, am not.
 
As an update to the PEBBLE status, I sent a zipped file containing to entire PEBBLE package at V3.1e to lbenson who has confirmed that it is working properly
albeit that it does not ask for permission to run script files whereas earlier versions do not for him.

When running under IE 11, I have two PC's which do ask for approval to run scripts and one that does not, all with exactly the same version (V3.1e) of PEBBLE.

Based on the fact that the program itself is now running correctly, I will forward to Revolution Education to allow the latest version of PEBBLE to be made available on the PICAXE website downloads page.

Thanks to those who have helped with bug reports, suggestions and language translations.
 
I am pretty sure this error message doesn't affect the operation of the application that I have been able to determine but the fact that it's there bothers me since I cannot seem to find the line of the html file or any of the javascript files that are causing the error message to appear but in my console window whenever I load the PEBBLE_for_ff.html file I get the following error message "images%20/%20transparent1x1.gif:1 GET file:///P:/Electronics/PEBBLE/images%20/%20transparent1x1.gif net::ERR_FILE_NOT_FOUND" Any idea where this is coming from? From the looks of it somewhere there is a call to load the file /images/transparent1x1.gif file but the command has spaces after the word images and before the word transparent But for the life of me I cannot locate this line in any of the files. Is it being built dynamically? Please help.
 
I am pretty sure this error message doesn't affect the operation of the application that I have been able to determine but the fact that it's there bothers me since I cannot seem to find the line of the html file or any of the javascript files that are causing the error message to appear but in my console window whenever I load the PEBBLE_for_ff.html file I get the following error message "images%20/%20transparent1x1.gif:1 GET file:///P:/Electronics/PEBBLE/images%20/%20transparent1x1.gif net::ERR_FILE_NOT_FOUND" Any idea where this is coming from? From the looks of it somewhere there is a call to load the file /images/transparent1x1.gif file but the command has spaces after the word images and before the word transparent But for the life of me I cannot locate this line in any of the files. Is it being built dynamically? Please help.

Hello Zipster,

there is an gif image named "transparent1x1.gif" in the PEBBLE images folder/directory.

The image is called up in the Utils.js javascript file in many places associated with the drawing of wire ends and resistors

There are many javascript lines such as:
html.append("<td class=wireTD width=1%><img src='images/transparent1x1.gif'></td>");
or
html.append(";' class='resTD'><img src='images/transparent1x1.gif' height='");

these are used to create a cell where the image for the parts are drawn on the fly and we do not know size or colour in advance (until user selects a size and/or colour).

The fact that your message contains: net::ERR_FILE_NOT_FOUND
suggests that gif image may be missing from the images folder. Have a check and see if it is there.


EDIT:

another though has come to mind noting that you have only joined the PICAXE forum in Sept 2016.

Have you just downloaded the updater file without first installation of Version 3.1 ?
Version 3.1 can be downloaded from the PICAXE website here: http://www.picaxe.com/Software/Third-Party/PEBBLE/
Then unzip the 3.1e updater file and install over the top.
 
Last edited:
Updates to PEBBLE

I did discover that one of the javascript files had spaces in the command. not sure if I accidently stuck them in there while editing files or not. I will have to double check that and get back to you about it. But I did fix my copy so I am not getting the error messages anymore. Also I finished getting the print routine changed so that it only prints the protoboard and not sll the other stuff. (menus, title, instructions, etc.) I added jquery to the file using the google hosted library link. I can send you the zip of what I have if you want to take a look at it in case it is something you are interested in going further with. I was thinking about creating a menu that lets the user choose which parts of the screen they want to print i.e. the offboard areas, the parts bin, etc. Anyway Just thought I would let you know and again say thanks for a cool app. saves me alot of time when going from a schematic to a prototype board.
 
I did discover that one of the javascript files had spaces in the command. not sure if I accidently stuck them in there while editing files or not. I will have to double check that and get back to you about it. But I did fix my copy so I am not getting the error messages anymore. Also I finished getting the print routine changed so that it only prints the protoboard and not all the other stuff. (menus, title, instructions, etc.) I added jquery to the file using the google hosted library link. I can send you the zip of what I have if you want to take a look at it in case it is something you are interested in going further with. I was thinking about creating a menu that lets the user choose which parts of the screen they want to print i.e. the offboard areas, the parts bin, etc. Anyway Just thought I would let you know and again say thanks for a cool app. saves me alot of time when going from a schematic to a prototype board.

It would certainly be worth keeping this as a single package for all folks to download.
Please feel free to forward your zip file with your edits/improvements to me for consideration.
May think about the concept of accessing an external routine from Google etc. Any change by them may “break” something at a future date.

I have recently forwarded V3.1e to Technical and Hippy at Rev Ed/PICAXE for consideration to uploading in place of the V3.1 presently available there for download.

I will from next week be away for a few weeks so any checks etc and passing the whole onto Rev Ed/PICAXE for hosting would likely not occur until December 2016.
 
A question to the Pebble Moderator, how do I make the leads on the images of resistors longer? I am using Pebble to draw layouts on veroboard but the large resistor outline seems to be only the size of a half watt type. I need to use 1W and 5W types which would cover a minimum of eight and 12 holes respectively. I have had to resort to using wire images to get the lengths I need. Otherwise Pebble has been very useful for devising the best layout before heating the soldering iron.
 
A question to the Pebble Moderator, how do I make the leads on the images of resistors longer? I am using Pebble to draw layouts on veroboard but the large resistor outline seems to be only the size of a half watt type. I need to use 1W and 5W types which would cover a minimum of eight and 12 holes respectively. I have had to resort to using wire images to get the lengths I need. Otherwise Pebble has been very useful for devising the best layout before heating the soldering iron.

@Relay-Automatic,
Welcome to the PICAXE forum.

In the past yes, you had to use a grey wire as a resistor lead extension.

With the latest version (3.1e) there are now a couple of new component groups including the "Proto Parts & Edits" using the "CUT" icon on the menu.
Once you click on the "CUT" symbol, right click and a few items down are resistor lead extensions in both horizontal and vertical. Each is 1 hole span long so just add as many as you need to reach the desired board hole.
PEBBLE Resistor extensions.jpg
 
Last edited:
erco--it's not really very video-able. It's static--just a way to lay out your breadboard beforehand on the PC before you start inserting actual wires. Someone could make a video, but it's so easy that most people who use breadboards would figure it out very quickly.

You click on elements (components) on the left and they appear on your breadboard (many sizes and designs are available).

You drag them to where you want them, and resize, re-orient, re-label, re-configure them as desired.

I find it very helpful.
 
@lbenson: Thanks for your quick reply, I was hoping it was a circuit simulator too, but I installed it per your recommendation, and it does appear to be quite useful at a quick glance.

@westaust: Fabulous work as usual!
 
Folks,

With acknowledgement to Flenser ho picked up a couple of :bugs" in my description for adding your own breadboards, I have made the following corrections to the document as follows:

1. At section 1b, the correct spacing for the board holes is on a 27 x 27 pixel grid. (not 28 x 28).

2. At section 3b(i) the description for the variable bbxr has been corrected.

Attached is the corrected pdf document.


I have also removed to original copy at post 734 and pointed to this post to avoid future confusion.
 

Attachments

An error has been identified with the Programming Socket image in left-right orientation where the labelling for the 0V and SI terminals was transposed.

The corrected image is attached and should be copied into the PEBBLE/Images folder
 

Attachments

  • terminal_134.gif
    terminal_134.gif
    1.6 KB · Views: 9
Tinkering with PEBBLE - Here is a quick fix for an improved WAH! of the UI.

Just add this to the top of the /css/PEBBLE.CSS file on a separate line. Save and reload the PEBBLE page.
CSS:
.resistorDiv, .dipPackageDiv, .diodeDiv, .discretePackageDiv, .terminalDiv,
.capacitorDiv, .wireTD, .dipswDiv, .switchDiv, .transistorDiv, .miscellDiv,
.sliderDiv, .sliderOuterDiv, .noteDiv, .noteOuterDiv, .fourDDiv
{-webkit-filter: drop-shadow(4px 6px 6px #4e4e4e);filter: drop-shadow(4px 6px 6px #4e4e4e);}

NOTE: As always make a backup copy of any file you modify, just in case of a mistake.

SCREEN BEFORE
PEBBLE_before.PNG
SCREEN AFTER
PEBBLE_after.PNG
Notice the layout has changed a bit, and I've renamed my version to 3.1f. I've been busy trying to understand how the JavaScript functions work. I've fixed a few minor bugs in the HTML, CSS, and JavaScript.

The HTML file really needs a DOCTYPE to get it out of "QUIRKS MODE". This I placed in the first line of code in the files : P_for_FF.html and P_for_IE.html

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Note: This will effect the layout slightly, and can be compensated, by adjusting the CSS styles.

More to come ...

My favorite IDE is NetBeans with HTML5, CSS3 and PHP extensions added.

Test layout Code: This is not a functional circuit.

Code:
Resistor|10000|231|47|2|Resistor|R?||2||IC||
IC||310|210|1|08M2|U?|||PICAXE08M2|IC||PICAXE08M2_1
Diode|0|508|148|1||CR?||2|1|IC||diode_121
LED|0|399|141|3|LED|LED?|2|||IC||led_23
Terminal||227|143|1||TS?||3|4|||terminal_431
Capacitor||285|211|4|Capacitor|C?||3|5|||cap_534
Wire||317|44|21||11|#CC6633|2|11||10|
Wire||317|402|21||11|#FF0000|2|11||10|
Wire||372|317|11||11|#FF9900|3|11||10|
DIPSw||121|209|1||SW?||10||DIPSw||dipsw_101
Switch||66|7|2||SW?|1||1|Switch||switch_112
Switch||43|205|4||SW?|1||2|Switch||switch_214
Transistor|BC559|27|100|5|Transistor|Q?|||1|IC||transistor_15
Transistor|BC559|132|45|4|Transistor|Q?|||1|IC||transistor_14
Miscell||454|323|1||XX?||1|1|||misc_1
Resistor|22000|231|212|2|Resistor|R?||2||IC||
Wire||265|125|11||11|#FFFF00|3|11||10|
Wire||238|345|11||11|#3253FF|4|11||10|
Resistor|390|419|47|2|Resistor|R?||2||IC||
Wire||292|180|11||11|#000000|1|11||10|
Wire||292|317|11||11|#FF0000|1|11||10|
Wire||505|402|21||11|#FF0000|2|11||10|
Resistor|10000|445|185|2|Resistor|R?||3||IC||
Wire||451|44|21||11|#CC6633|2|11||10|
Slider||546|334|1||XX?||1|2| ||floating_12
Note||700|43|1||||2||NOTE:<br>&nbsp;&nbsp;Not a Functional Circuit<br>&nbsp;For Testing Only.||NOTEPAD_21
Slider||624|333|2||XX?||1|2| ||floating_22
Transistor|BC559|103|163|2|Transistor|Q?|||1|IC||transistor_12
Diode|0|501|46|2||CR?||2|2|IC||diode_222
DIPSw||550|208|1||SW?||4||DIPSw||dipsw_41
FourD||192|452|1||XX?||1|2|FourD||fourd_2
BREADBOARDSTYLE=BB7
SHOWTHETOPAREA=false
 
Last edited:
Back
Top