Február
13
2006

Smarty Hogyan: Javascript Debug Template

UPDATE: A letöltési csomag elérhető itt: http://ideamesh.com/file/11/Smarty-Debug-with-összecsukható-Variables.html

Itt van a módosított kódot, a munka, és kész ..

Itt a link, ahol lehet letölteni a nanotree javascript ...
http://nanotree.sourceforge.net/

Cserélni a változó {$ Site.framework_pub} megfelelően úgy, hogy a javascript és képek helyesen betöltve.

Továbbá kérjük, vegye figyelembe, már hozzá egy szakaszt kezelni a felhasználó által megadott hibakeresés vars ... A hibakeresés szerkezet neve "_user_debug" és a "_user_debug_key"

További információk arról, hogyan kell ezt nézd meg ebben a témában:
http://www.smarty.net/forums/viewtopic.php?p=31241#31241

Ellenkező esetben, ha nem érdekel, akkor biztos, hogy távolítsa el ezt a szakaszt a sablon. Ön is vegye ki a {if} nyilatkozatot szoktam betakar a sablon var részben.

A másik dolog, amit érdemes játszani, hogy hány karakter kimenetre értékét hibakeresés. Nézd meg ezt, és módosítsa a második számot megváltoztatni a max karakter kimenet:debug_print_var: 0: 1000

PS Tud valaki kitalálni, hogy miért kapok a tér felett a <h3> A jobb oldali cellában?

Remélem, ez segít, tudom, hogy tetszik Smile

PS Ahhoz, hogy a javascript működik csak akkor kell módosítani a vonal "var mynanopath =", és győződjön meg róla, hogy felhívja a nyilvánosság nanopath könyvtárba. Akkor le a nanotree csomag http://sourceforge.net/projects/nanotree/

Itt van a frissített kódot

Kód:
{*
Smarty Custom DHTML Debug sablon
author Hielke Hoeve
author Owen Cole <owenc a ideamesh dot com>
since 2006/02/13 Smarty 2.6.12
package Smarty
filename debug.tpl
*}

{Assign_debug_info}

<Script language = javascript>
var mynanopath = "{$ Site.javascript_path} \ / nanotree \ /";

if (self.name == ") {ldelim}
var title = 'konzol';
{Rdelim}
else {ldelim}
var title = 'Console_' + self.name;
{Rdelim}
_smarty_console = window.open ("", title.value, "width = 800, height = 600, átméretezhető, görgetősáv = yes");
_smarty_console.document.write ("<html> <head> <title> Smarty Debug Console _" + self.name + "<\ / title> \ n");
_smarty_console.document.write ("<style> \ n");
_smarty_console.document.write ("h3 {ldelim} padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; background-color: #cccccc; {rdelim} \ n");
_smarty_console.document.write ("# debugtreetable {ldelim} width: 100%; {rdelim} \ n");
_smarty_console.document.write ("# debugtreetable td {ldelim} határ: vékony szilárd fekete, {rdelim} \ n");
_smarty_console.document.write ("# debugtreetextdiv div {ldelim} padding-left: 10px; {rdelim} \ n");
_smarty_console.document.write ("<\ / style> \ n");
_smarty_console.document.write ("<script language = \" JavaScript \ "src = \" "+ mynanopath +" nanotree.js \ "> <\ / script> \ n");
_smarty_console.document.write ("<script type = \" text \ / javascript \ "language = \" JavaScript \ "> \ n");
_smarty_console.document.write ("<! - \ n");
_smarty_console.document.write ("showRootNode = true; \ n");
_smarty_console.document.write ("sortNodes = 0; \ n");
_smarty_console.document.write ("dragable = false; \ n");
_smarty_console.document.write ("showAllNodesOnStartup = true; \ n");

_smarty_console.document.write ("\ / ** \ n");
_smarty_console.document.write ("* szükséges inicializálni a fát. \ n");
_smarty_console.document.write ("* És hogy hívja showTree (ImagePath), hogy valóban azt mutatják, a fa. \ n");
_smarty_console.document.write ("* Alternatívaként ezt lehet tenni a script blokk az az oldal alján. \ n");
_smarty_console.document.write ("* Bár ez a módszer kissé tisztább. \ n");
_smarty_console.document.write ("* \ / \ n");
_smarty_console.document.write ("funkció init () {ldelim} \ n");
_smarty_console.document.write ("konténer = document.getElementById ('debugtreediv'); \ n");
_smarty_console.document.write ("showTree (" "+ mynanopath +" '); \ n ");
_smarty_console.document.write ("{rdelim} \ n");

_smarty_console.document.write ("\ / ** \ n");
_smarty_console.document.write ("* meghívásra, ha a felhasználó rákattint egy csomópontra. \ n");
_smarty_console.document.write ("*param treeNode a TreeNode tárgy került kattintott. \ n");
_smarty_console.document.write ("* \ / \ n");
_smarty_console.document.write ("funkció standardClick (treeNode) {ldelim} \ n");
_smarty_console.document.write ("var mytext = document.getElementById ('debugtreetextdiv'); \ n");
_smarty_console.document.write ("var param = treeNode.getParam () \ n");
_smarty_console.document.write ("mytext.innerHTML = (param ==")? treeNode.getName () '<h3>' + treeNode.getName () + "<\ / h3> <div> '+ param +' <\ / div> "\ n");
_smarty_console.document.write ("{rdelim} \ n");

_smarty_console.document.write ("funkció nodeEdited (treeNode) {ldelim} \ n");
_smarty_console.document.write ("{rdelim} \ n");

_smarty_console.document.write ("var closedGif = '" + mynanopath + "images \ /folder_closed.gif" \ n ");
_smarty_console.document.write ("var openGif = '" + mynanopath + "images \ /folder_open.gif" \ n ");
_smarty_console.document.write ("var pageIcon = '" + mynanopath + "images \ /page16×16.gif" \ n ");
_smarty_console.document.write ("var userIcon = '" + mynanopath + "images \ /user_16×16.gif" \ n ");
_smarty_console.document.write ("var helpIcon = '" + mynanopath + "images \ /help_16×16.gif" \ n ");

{* Új bázis csomópont *}
{Rendelni var = számláló értéke = 0}
_smarty_console.document.write ("rootNode = new TreeNode ({$ számláló}" Smarty Debug "helpIcon" Ez a Debug fa. Ez helyettesíti a klasszikus változata a Smarty Debug konzol '); \ n ");
{$ Számláló ++}

{* Új csomópont a sablon tartalmazza *}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló}," benne sablonok és konfigurációs fájlok (terhelés idő másodpercben): "pageIcon," ");
_smarty_console.document.write ("<table width = \" 100% \ ">");
{Section name = sablonok loop = $ _ debug_tpls}
_smarty_console.document.write ("<tr bgcolor = {if% templates.index% még} #eeeeee {else} #fafafa {/ if}> <td colspan = 2> <tt> {section name = francia loop = $ _debug_tpls [templates] .depth} &&& {/ rész} <font color = {if $ _debug_tpls [templates] .type eq "sablon"} {barna elseif $ _debug_tpls [templates] .type ekvivalens “insert”}black{else}green{/if}>{$_debug_tpls[templates].filename|escape:html|escape:javascript}<\\/font>{if isset ($ _ debug_tpls [sablonok] .exec_time)} <font size = -1> <i> ({$ _ debug_tpls [templates] .exec_time | string_format: "%. 5f"}) {if% templates.index% eq 0} (összes) {/ if} <\\ / i> <\\ / font> {/ if} <\\ / tt> <\\ / td> <\\ / tr> ");
{Sectionelse}
_smarty_console.document.write ("<tr bgcolor = # eeeeee> <td colspan = 2> <tt> <i> nem sablonokat tartalmaz <\\ / i> <\\ / tt> <\\ / td> <\\ / tr> ");
{/ Rész}
_smarty_console.document.write ("<\\ / table>");
_smarty_console.document.write ("") \ n ");

_smarty_console.document.write ("rootNode.addChild (node ​​{$ számláló}) \ n");
{$ Számláló ++}

{* Új csomópont felhasználói hibakeresés változókra *}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló}, 'user hibakereső változók:" new Array (closedGif, openGif)) \ n ");
_smarty_console.document.write ("rootNode.addChild (node ​​{$ számláló}) \ n");
_smarty_console.document.write ("var szülő = node {$ számláló} \ n");
{$ Számláló ++}

{* Új gyermek csomópontok felhasználó hibakeresés változókra *}
{Section name = Vars loop = $ _ user_debug}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló} '{ldelim} $ {$ _ user_debug_key [VARS]} {rdelim}', pageIcon, '{$ _user_debug [vars] | @ debug_print_var: 0: 1000 | menekülés: javascript | menekülés: javascript} '); \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ számláló}) \ n");
{$ Számláló ++}
{Sectionelse}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló}, 'No Felhasználó Debug Information rendelt", HelpIcon) \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ számláló}) \ n");
{$ Számláló ++}
{/ Rész}

{* Új csomópont sablon változók *}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló}," kijelölt sablon változók: "new Array (closedGif, openGif)) \ n");
_smarty_console.document.write ("rootNode.addChild (node ​​{$ számláló}) \ n");
_smarty_console.document.write ("var szülő = node {$ számláló} \ n");
{$ Számláló ++}

{* Új gyermek csomópontok sablon változók *}
{Section name = Vars loop = $ _ debug_keys}
{If $ _debug_keys [Vars]! = '_user_debug' && $ _debug_keys [Vars]! = '_user_debug_key'}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló} '{ldelim} $ {$ _ debug_keys [VARS]} {rdelim}', pageIcon, '{$ _debug_vals [vars] | @ debug_print_var: 0: 1000 | menekülés: javascript | menekülés: javascript} '); \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ számláló}) \ n");
{$ Számláló ++}
{/ If}
{Sectionelse}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló}, 'No sablon változók rendelve", HelpIcon) \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ számláló}) \ n");
{$ Számláló ++}
{/ Rész}

{* Új csomópont smarty config file változók *}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló}," kijelölt config file változók (külső sablon kör): "new Array (closedGif, openGif)) \ n");
_smarty_console.document.write ("rootNode.addChild (node ​​{$ számláló}) \ n");
_smarty_console.document.write ("var szülő = node {$ számláló} \ n");
{$ Számláló ++}

{* Új gyermek csomópontok Smarty config file változók *}
{Section name = config_vars loop = $ _ debug_config_keys}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló} '{ldelim} $ {$ _ debug_config_keys [config_vars]} {rdelim}', pageIcon, '{$ _debug_config_vals [config_vars] | @ debug_print_var: 0: 1000 | menekülés: javascript | menekülés: javascript} '); \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ számláló}) \ n");
{$ Számláló ++}
{Sectionelse}
_smarty_console.document.write ("var csomópont {$ számláló} = új TreeNode ({$ számláló}, 'No config változó rendelt", HelpIcon) \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ számláló}) \ n");
{$ Számláló ++}
{/ Rész}

_smarty_console.document.write ("\ / \ / -> \ n");
_smarty_console.document.write ("<\ / script> \ n \ n");
_smarty_console.document.write ("<\ / head> <body onload = \" init () \ "> \ n");
_smarty_console.document.write ("<h3> Smarty és felhasználói Debug konzol <\ / h3>");
_smarty_console.document.write ("<h4> Kattintson a változókat a fán, hogy a tartalmuk megjelenik a jobb oldali panelen. <\ / h4>");
_smarty_console.document.write ("<table border =" 0 "id =" debugtreetable '> <tr> ");
_smarty_console.document.write ("<td valign =" top "style =" width: 250px; "> <div id = 'debugtreediv'> és <\ / div> <\ / td>");
_smarty_console.document.write ("<td valign =" top "> <div id = 'debugtreetextdiv'> és <\ / td>");
_smarty_console.document.write ("<\ / tr> <\ / table>");
_smarty_console.document.write ("<\ / body> <\ / html>");
_smarty_console.document.close ();
</ Script>

Címkék: ,
írt útmutatók , programozás Owen

Kövesse magyarázat az RSS Feed | Leave a comment | Trackback URL

Hagyjuk meg véleményét

© 2008 - 2014 - Minden jog fenntartva - Ideamesh, Inc. 22 lekérdezések. 0,258 másodperc.