Veebruar
13
2006

Smarty Kuidas: Javascript Debug Mall

UPDATE: download pakett on saadaval siin: http://ideamesh.com/file/11/Smarty-Debug-koos Kokkupandav-Variables.html

Siin on modifitseeritud koodi, töökorras 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 õigesti laaditud.

Samuti pange tähele, ma olen 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 te ei ole huvitatud, et see on ohutu eemaldada, et lõik malli. Sa võid ka eemaldada {if} avalduse Ma kasutasin wrap malli var sektsioonis.

Teine asi, mida võiksite mängida on, kui palju märke on nii toodangu kui raha siluda. Vaata seda ja muuta teine ​​number muuta max tähemärki väljund:debug_print_var: 0: 1000

PS: Kas keegi selgitada, miks ma saan ruumi üle <h3> õiges raku?

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

PS Et saada kõik javascript töötab korralikult pead ainult muutma line "var mynanopath =" ja veenduge, et see osutab oma avaliku nanopath kataloogi. Võite alla nanotree pakett http://sourceforge.net/projects/nanotree/

Siin on uuendatud koodi

Kood:
{*
Smarty Custom DHTML Debug Mall
author Hielke Hoeve
author Owen Cole <owenc juures 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 = "Console";
{Rdelim}
else {ldelim}
var title = "Console_" + self.name;
{Rdelim}
_smarty_console = window.open ("", title.value, "width = 800 height = 600, muudetava suurusega, kerimisribad = jah");
_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: õhuke tahke must; {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 ("* Vajalik initsialiseerida puu. \ n");
_smarty_console.document.write ("* Ja helistada showTree (ImagePath); tegelikult näitavad puu. \ n");
_smarty_console.document.write ("* Alternatiivselt võib seda teha skripti ploki põhja lehel. \ 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 ("mahuti = 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 objekt, 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 +" <\ / p> "\ 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 sõlme *}
{Määrata var = loendur = 0}
_smarty_console.document.write ("rootNode = uus TreeNode ({$ counter}," Smarty Debug "helpIcon," See on Debug Tree. asendab klassikalise versiooni Smarty Debug Console "); \ n");
{$ Counter ++}

{* Loo sõlm työpohjassa *}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}," lisatud mallide ja config faili (laadimisaeg sekundites): "pageIcon," ");
_smarty_console.document.write ("<table width = \" 100% \ ">");
{Jagu name = malle loop = $ _ debug_tpls}
_smarty_console.document.write ("<tr bgcolor = {if% templates.index% on isegi} #eeeeee {mujal} #fafafa {/ kui}> <td colspan = 2> <tt> {jagu name = taane loop = $ _debug_tpls [malle] .depth} &&& {/ sektsioon} <font color = {if $ _debug_tpls [malle] .type ekv "template"} pruun {elseif $ _debug_tpls [malle] .type 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: "%. 5F"}) {if% templates.index% eq 0} (kokku) {/ kui} <\\ / i> <\\ / font> {/ kui} <\\ / tt> <\\ / td> <\\ / tr> ");
{Sectionelse}
_smarty_console.document.write ("<tr bgcolor = # eeeeee> <td colspan = 2> <tt> <i> ei malle lisada <\\ / i> <\\ / tt> <\\ / td> <\\ / tr> ");
{/ Lõik}
_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: "uus Array (closedGif, openGif)) \ n");
_smarty_console.document.write ("rootNode.addChild (node ​​{$ counter}) \ n");
_smarty_console.document.write ("var parent = node {$ counter} \ n");
{$ Counter ++}

{* Loo tütartippu kasutajat siluda muutujad *}
{Jagu name = 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 | väljapääsu: javascript | väljapääsu: 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 Kasutaja silumisinfot määratud "HelpIcon) \ n");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter ++}
{/ Lõik}

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

{* Loo tütartippu malli muutujad *}
{Jagu name = 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 | väljapääsu: javascript | väljapääsu: javascript}) \ n ");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter ++}
{/ Kui}
{Sectionelse}
_smarty_console.document.write ("var sõlme {$ counter} = uus TreeNode ({$ counter}" Ei template muutujaid määratud "HelpIcon) \ n");
_smarty_console.document.write ("parent.addChild (node ​​{$ counter}) \ n");
{$ Counter ++}
{/ Lõik}

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

{* Loo laps sõlmpunktid pidurda konfiguratsioonifaili muutujad *}
{Jagu name = 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 | väljapääsu: javascript | väljapääsu: 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 ++}
{/ Lõik}

_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> Klõpsake muutujate puu, et nende sisu kuvatakse paremal paneeli. <\ / 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: ,
postitas juhendid , programmeerimine Owen

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

Jäta oma kommentaar

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