Veebruar
13
2006

Smarty Kuidas: Javascript Debug Mall

UPDATE: Lae alla pakett on saadaval siin: http://ideamesh.com/file/11/Smarty-Debug-with-Collapsible-Variables.html

Siin on muudetud kood, töö ja valmis minema ..

Siin on link, kus saab alla laadida nanotree javascript ...
http://nanotree.sourceforge.net/

Asenda minu muutuja {$ Site.framework_pub} asjakohaselt nii, et JavaScript ja pilte saab asetatud.

Samuti pange tähele, ma lisatakse lõik käsitseda kasutaja määratud siluda vars ... Minu siluda struktuuri nimega "_user_debug" ja "_user_debug_key"

Täpsemat infot selle kohta, kuidas rakendada seda vaadata seda teemat:
http://www.smarty.net/forums/viewtopic.php?p=31241 # 31241

Vastasel juhul, kui sa ei ole huvitatud, et see on ohutu kustutada selle osa mallist. Sa võid ka eemaldada {kui} avalduse kasutasin wrap malli var osa.

Teine asi, mida sa tahad mängida on, kui palju märke on väljund väärtust siluda. Vaata seda ja muuta teine ​​number muuta max söestab väljund: @ debug_print_var: 0:1000

PS: Kas keegi selgitada, miks ma saan ruum <h3> õiges cell?

Loodan, et see aitab, ma tean, et see meeldib mulle Naeratus

PS Et saada kõik javascript töötab korralikult pead ainult muutma rida "var mynanopath =" ja veenduge, et see näitab sinu avalik nanopath kataloog. Võite alla nanotree pakett http://sourceforge.net/projects/nanotree/

Siin on uuendatud kood

Kood:
{*
Smarty Custom DHTML Debug Mall
@ Author Hielke Hoeve
@ Author Owen Cole <owenc at ideamesh dot com>
@ Alates 2006/02/13 Smarty 2.6.12
@ Pakett Smarty
@ Filename debug.tpl
*}

{Assign_debug_info}

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

if (self.name == ") {ldelim}
var title = "Console"
{Rdelim}
else {ldelim}
var title = "Console_" + self.name;
{Rdelim}
_smarty_console = window.open ("", title.value, "width = 800, height = 600, muudetava suurusega, kerimisribad = 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} polster: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; background-color: # cccccc; {rdelim} \ n");
_smarty_console.document.write ("# debugtreetable {ldelim} laius: 100%; {rdelim} \ n");
_smarty_console.document.write ("# debugtreetable td {ldelim} border: thin solid black; {rdelim} \ n");
_smarty_console.document.write ("# debugtreetextdiv div {ldelim} padding-left: 10px; {rdelim} \ n");
_smarty_console.document.write ("<\ / div> \ 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 ("* Vajalik initsialiseerida puu. \ n");
_smarty_console.document.write ("* Ja helistada showTree (ImagePath); tegelikult näidata puud. \ n");
_smarty_console.document.write ("* Alternatiivselt võib seda teha skripti ploki põhja leht. \ n");
_smarty_console.document.write ("* Kuigi see meetod on mõnevõrra puhtamaks. \ n");
_smarty_console.document.write ("* \ / \ n");
_smarty_console.document.write ("funktsioon init () {ldelim} \ n");
_smarty_console.document.write ("konteiner = 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 ("* Nimetatakse, kui kasutaja klikib sõlme. \ n");
_smarty_console.document.write ("* @ param treeNode TreeNode objekti, mis on klõpsatud. \ n");
_smarty_console.document.write ("* \ / \ n");
_smarty_console.document.write ("funktsioon 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 ("funktsioon 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 ");

{* Loo baasi node *}
{Anda var = counter = 0}
_smarty_console.document.write ("rootNode = new TreeNode ({$ counter}" Smarty Debug "helpIcon," See on Debug Tree. asendab klassikalise versiooni Smarty Debug Console "); \ n");
{$ Counter + +}

{* Loo sõlm mall sisaldab *}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" lisatud mallide ja config failid (laadimisaeg sekundites): ", pageIcon," ");
_smarty_console.document.write ("<table width=\"100%\">");
{Jagu nimi = malle loop = $ _debug_tpls}
_smarty_console.document.write ("<tr bgcolor={if %templates.index% on even}#eeeeee{else}#fafafa{/if}> <td colspan=2> <tt> {jagu nimi = taane loop = $ _debug_tpls [malle]. sügavus} &&& {/ section} <font color = {if $ _debug_tpls [malle]. tüüpi ekv "template"} pruun {elseif $ _debug_tpls [malle]. tüüpi ekv “insert”}black{else}green{/if}>{$_debug_tpls[templates].filename|escape:html|escape:javascript}<\\/font>{if isset ($ _debug_tpls [malle]. exec_time)} <font size=-1> <i> ({$ _debug_tpls [malle]. exec_time | string_format: "% 0,5 f"}) {if% templates.index% eq 0} (kokku) {/ if} <\ \ / i> <\ \ / font> {/ if} <\ \ / tt> <\ \ / td> <\ \ / tr> ");
{Sectionelse}
_smarty_console.document.write ("<tr bgcolor=#eeeeee> <td colspan=2> <tt> <i> malle lisada <\ \ / i> <\ \ / tt> <\ \ / td> <\ \ / tr> ");
{/ Section}
_smarty_console.document.write ("<\ \ / table>");
_smarty_console.document.write (""); \ n ");

_smarty_console.document.write ("rootNode.addChild (node ​​{$ counter}) \ n");
{$ Counter + +}

{* Loo sõlm kasutaja siluda muutujad *}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" kasutaja siluda muutujad: "new Array (closedGif, openGif)) \ n");
_smarty_console.document.write ("rootNode.addChild (node ​​{$ counter}) \ n");
_smarty_console.document.write ("var parent = node {$ counter} \ n");
{$ Counter + +}

{* Registreeru tütartippu kasutaja siluda muutujad *}
{Jagu nimi = vars loop = $ _user_debug}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" {ldelim} $ {$ _user_debug_key [vars]} {rdelim} "pageIcon" {$ _user_debug [vars] | @ debug_print_var: 0:1000 | põgeneda: javascript | põgeneda: javascript}) \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter + +}
{Sectionelse}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" Ei User silumisinfot määratud "HelpIcon) \ n");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter + +}
{/ Section}

{* Loo sõlm template muutujad *}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" määratud malli muutujad: "new Array (closedGif, openGif)) \ n");
_smarty_console.document.write ("rootNode.addChild (node ​​{$ counter}) \ n");
_smarty_console.document.write ("var parent = node {$ counter} \ n");
{$ Counter + +}

{* Registreeru tütartippu malli muutujad *}
{Jagu nimi = vars loop = $ _debug_keys}
{If $ _debug_keys [vars]! = "_user_debug" && $ _debug_keys [Vars]! = "_user_debug_key '}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" {ldelim} $ {$ _debug_keys [vars]} {rdelim} "pageIcon" {$ _debug_vals [vars] | @ debug_print_var: 0:1000 | põgeneda: javascript | põgeneda: javascript}) \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter + +}
{/ If}
{Sectionelse}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" Ei malli muutujad määratud "HelpIcon) \ n");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter + +}
{/ Section}

{* Loo sõlm smarty konfiguratsioonifaili muutujad *}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}," mis on määratud konfiguratsioonifailis muutujad (välimine malli reguleerimisala): ", new Array (closedGif, openGif)) \ n");
_smarty_console.document.write ("rootNode.addChild (node ​​{$ counter}) \ n");
_smarty_console.document.write ("var parent = node {$ counter} \ n");
{$ Counter + +}

{* Registreeru lapse sõlmpunktid smarty konfiguratsioonifaili muutujad *}
{Jagu nimi = config_vars loop = $ _debug_config_keys}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" {ldelim} $ {$ _debug_config_keys [config_vars]} {rdelim} "pageIcon" {$ _debug_config_vals [config_vars] | @ debug_print_var: 0:1000 | põgeneda: javascript | põgeneda: javascript}) \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter + +}
{Sectionelse}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" Ei config muutujad määratud "HelpIcon) \ n");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter + +}
{/ Section}

_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 & User Debug Console <\ / h3>");
_smarty_console.document.write ("<h4> Vajuta muutujate puu, et nende sisu kuvatakse paremal paneelil. <\ / h4>");
_smarty_console.document.write ("<table border='0' id='debugtreetable'> <tr>");
_smarty_console.document.write ("<td valign='top' style='width: 250px;'> <div id='debugtreediv'> ja <\ / div> <\ / td>");
_smarty_console.document.write ("<td valign='top'> <div id='debugtreetextdiv'> ja <\ / td>");
_smarty_console.document.write ("<\ / tr> <\ / table>");
_smarty_console.document.write ("<\ / body> <\ / html>");
_smarty_console.document.close ();
</ Script>

tags: ,
postitatud juhendid , programmeerimine Owen

Järgige kommentaarid via RSS Feed | Leave a comment | Trackback URL

Jäta oma kommentaar

© 2008 - 2014 - Kõik õigused reserveeritud - Ideamesh, Inc 22 päringut. 0,693 sekundit.