We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
ZetaTester
Topic Started: May 12 2013, 11:05 PM (2,186 Views)
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Code Name: ZetaTester

What the code does: Preview (Click the Scrolling Icon)

Allows you to parse HTML, CSS or JavaScript in a console on the board for testing purposes.

You can test it out with these:

HTML:
Code: HTML
 
<div style="color: red">Test</div>
CSS:
Code:
 
body {
background: red;
}
JavaScript:
Code:
 
alert('Test');
How to use the code: Install as instructed, no editing is required.

How to install the code:

Admin CP Posted Image Themes Posted Image Board Template Posted Image Below the Board
Code:
 
<script type="text/javascript" src="http://z3.ifrm.com/63/1/0/p476393/console.js"></script>
Offline Profile Quote Post Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
Isn't this also accessible via the development mode (F12) on Google Chrome?
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
All well-known web browsers have web developer tools by default or by download, but this is a simplified version that is for ZetaBoards only. You can indeed run JavaScript in the console, but you generally cannot simply run HTML or CSS without editing it in or parsing it through JavaScript. This is mainly a tool that is good for coding boards and test boards.
Offline Profile Quote Post Goto Top
 
Agent Moose
Member Avatar
I'm a Moose!
[ *  * ]
That's pretty cool. It's pretty much a simpler of my Zetaboard Javascript Tester code...except with more features :P

Good job man!
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Glad to get a coders approval that has more experience then me. ^_^
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
Is there any way for it to display on the left hand side of the page?
Offline Profile Quote Post Goto Top
 
Jason
Member Avatar
Member
[ *  *  *  *  * ]
-The-
May 3 2014, 02:51 PM
Is there any way for it to display on the left hand side of the page?
Wouldn't be too difficult, however this is Cory's code so I'll leave it to him to answer.
Offline Profile Quote Post Goto Top
 
DaPizzaMan
Member Avatar
#TeamSupport

Admin CP > Board Template > Below the Board (below the .js file for this code)
Code:
 
<style type="text/css">
#zeta_console {
left:10px !important;
}
</style>
Offline Profile Quote Post Goto Top
 
Sree
Member Avatar
Member
[ *  * ]
Can this console be seen by all members or just the admins?
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
By default, everyone that views the board. If you want it to be seen by only administrators, use this instead:
Code:
 
<script type="text/javascript">
if ($.zb.admin === 1) {
$.ajax({
url: 'http://z3.ifrm.com/63/1/0/p476393/console.js',
dataType: 'script',
cache: true
});
}
</script>
Offline Profile Quote Post Goto Top
 
Sree
Member Avatar
Member
[ *  * ]
Thanks!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Codes & Modifications · Next Topic »
Add Reply