DynAPI Tex2Var Converter - Converts text/html to JavaScript variable : JavaScript Syntax « Utilities « JavaScript DHTML

Home
JavaScript DHTML
1.Ajax Layer
2.Data Type
3.Date Time
4.Development
5.Document
6.Dojo toolkit
7.Event
8.Event onMethod
9.Ext JS
10.Form Control
11.GUI Components
12.HTML
13.Javascript Collections
14.Javascript Objects
15.Javascript Properties
16.jQuery
17.Language Basics
18.Mochkit
19.Mootools
20.Node Operation
21.Object Oriented
22.Page Components
23.Rico
24.Scriptaculous
25.Security
26.SmartClient
27.Style Layout
28.Table
29.Utilities
30.Window Browser
31.YUI Library
JavaScript DHTML » Utilities » JavaScript Syntax 




DynAPI Tex2Var Converter - Converts text/html to JavaScript variable


<html>
<head>
<title>DynAPI Tex2Var Converter - Converts text/html to JavaScript variable</title>
<script>

function convert(){
  var f=document.forms['frm'];
  var cbo=f.cbo;
  if(cbo.options[0].selectedtext2string();
  else if(cbo.options[1].selectedtext2array();
};

function revert(){
  var t,f=document.forms['frm'];
  var vn=(f.txtname.value||'h')// variable name
  var t = (f['out'].value||'');
  var re=new RegExp('va'+vn);
  if(!vn) {
    alert('Please enter a valid variable name');
    return;
  }
  t=t.replace(re,'var t');
  eval(t);
  if(t.joint=t.join('\n');
  f['in'].value = t||'';
};

function text2string(){
  var f=document.forms['frm'];
  var vn=(f.txtname.value||'h')// variable name
  var t=(f['in'].value.length=0)'':f['in'].value;
  if(f['chktabs'].checkedt=t.replace(/>(\r\n|\n)(\W+?)</g,'>\n<'); // remove tabs and white spaces
  t="var "+vn+"='"+Var2TextEncode(t)+"';\n";
  f['out'].value=t;
};

function text2array(){
  var f=document.forms['frm'];
  var vn=(f.txtname.value||'h')// variable name
  var t=['va'+vn+'=['];
  var i=f['in'].value
  i=i.replace(/\r/g,'');

  if(f['chktabs'].checkedi=i.replace(/>(\r\n|\n)(\W+?)</g,'>\n<'); // remove tabs and white spaces
  var arr=i.split("\n");
  for (var c=0;c<arr.length;c++){
    x=arr[c];
    if(x) {
      x = Var2TextEncode(x);
      if(t.length>1t[t.length-1]+=',';
      t[t.length]="'"+x+"'";
    }
  }
  t[t.length]='];';
  f['out'].value=t.join('\n');
};

// Var2Text Encode - converts multiline text into single line
Var2TextEncode=function (text){
  if (!textreturn '';
  text=text.replace(/\\/g,"\\\\");  // replace \ with \\
  text=text.replace(/\'/g,"\\'");    // replace ' with \'
  text=text.replace(/\r\n/g,"\\n");  // replace CrLf with \n
  text=text.replace(/\n/g,"\\n");    // replace single Lf with \n
  text=text.replace(/\r/g,"\\r");    // replace single Cr with \n
  return text;
};

</script>
</head>
<body bgcolor="#FFFFFF">
<form name="frm">
<div align="center">
  <table border="0" bgcolor="#E0E0E0" style="border: 2px solid #000080" cellpadding="3">
    <tr>
      <td bgcolor="#000080" style="border-bottom: 1px solid #C0C0C0">
        <p><b><font face="Arial" color="#FFFFFF" size="2">Text2Var
        Converter</font></b>
      </td>
    </tr>
  <center>
    <tr>
      <td bgcolor="#F5F5DC" style="border-bottom: 1px solid #C0C0C0">
        <table border="0" cellspacing="1" cellpadding="2">
          <tr>
            <td valign="bottom"><font face="Arial" size="2">
Variable Name:</font><br>
<input type="text" size="32" name="txtname"> &nbsp; </td>
            <td valign="bottom"><font face="Arial" size="2">Format: </font><font face="Arial">
<input type="checkbox" name="chktabs" value="ON"><font size="2">Remove
Tabs</font></font><br>
 <select size="1" name="cbo">
          <option selected value="single">Text/HTML-to-JS String</option>
          <option value="multi">Text/HTML-to-JS Array</option>
        </select></td>
            <td valign="bottom">&nbsp;<input type="button" onclick="convert()" value="Convert" name="cmdconvert">
              <input type="button" onclick="revert()" value="Revert" name="cmdrevert">
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td valign="top"><font face="Arial">
Text/HTML to be converted (Input):</font><br>
<textarea cols=76 rows=10 name="in"></textarea></td>
    </tr>
    <tr>
      <td>
        <table border="0" cellspacing="1" cellpadding="0">
          <tr>
            <td><font face="Arial">
JavaScript (Output): </font></td>
            <td align="right"><font face="Arial">
<input type="checkbox" name="chkwrap" value="ON" onclick="this.form.out.wrap=(this.checked)? 'soft':'off';" checked>Wrap
              </font></td>
          </tr>
          <tr>
            <td colspan="2">
<textarea cols=76 rows=name="out"></textarea>
<br>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  </center>
</div>
</form>
</body>
</html>
           
       














dynapi.zip( 791 k)
Related examples in the same category
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.