JavaScript - How To Change From Eval

Dear all,
I'm new with JavaScript, so can please help me with this macro?
I need to reload URL (in this case refresh same page) until I don't have word beginning with capitalized A, B or C.
I can't find the way to create loop inside EVAL.
Can somebody help me please?
Thank you!

Code:

VERSION BUILD=7401110 RECORDER=FX
TAB T=1
URL GOTO=http://watchout4snakes.com/CreativityTools/RandomWord/RandomWord.aspx
SET !EXTRACT_TEST_POPUP NO
TAG POS=1 TYPE=SPAN ATTR=ID:tmpl_main_lblWord EXTRACT=TXT
SET !VAR1 EVAL("var re = /^[A || B || C]/gi; var str = \"{{!EXTRACT}}\"; while(str.search(re) == -1) {URL GOTO=http://watchout4snakes.com/CreativityTools/RandomWord/RandomWord.aspx}")
PROMPT {{!EXTRACT}}

Hi All,

This is my function

function outputSelected() {

alert(window.opener.document.forms[0].txt11_19.value);
alert(window.opener.document.forms[0].rdo11.length);

var questionID = document.forms[0].cntQuestion.value;
var choiceID = document.forms[0].cntChoice.value;
var txtValue = document.forms[0].strEmpNo.value + " " + document.forms[0].strName.value;
alert(txtValue);
var leftValue = 'window.opener.document.forms[0].txt' + questionID + '_' + choiceID + '.value =' + txtValue;
eval(leftValue);
}

all the alerts work as expected. bu the eval function does not.
error: expected ';'

any ideas what is happening. or is there any other way of doing this.

Hi - I wrote some code that uses the eval function. I am in the process of rewriting the code to improve on it where possible (a learning exercise). I have read that eval is evil because of security concerns and that the eval'd code is not compiled prior to runtime.

I don't think my use of eval presents a security concern. However, I wonder if there is some way to replace the eval function with a more natural technique.

I have done this using eval(); also using a new Function method. I have tried using a window[] method but I can't get that to work.

OK, on the the actual code:

The purpose of the javascript is to count keystrokes.

I have a bunch of global counter variables declared in this fashion:
Code:

MyLib.CountQ=0;
MyLib.CountW=0;
MyLib.CountE=0;
MyLib.CountR=0;
MyLib.CountT=0;
MyLib.CountY=0;
MyLib.CountU=0;
MyLib.CountI=0;
MyLib.CountO=0;
MyLib.CountP=0;

When the Count function is called I want to update the appropriate counter. Thus: MyLib.Count'+varkeyname+'+=1; Where varkeyname is 'q' or 'w' or 'e' etc.




Code:

//MyLib is a global variable namespace.

function Count()	{//updates counters
var varkeyname= specialchars(MyLib.KeyName);//identity of the key pressed.
var stra="Count"+varkeyname;// string used to change an html value.

//var strb=eval("MyLib.Count"+varkeyname+"+=1");//original eval function that worked just fine.

var strb='return MyLib.Count'+varkeyname+'+=1';//string to update a counter.

var myfunc= new Function(strb);//Function intended to replace the eval function - this also works just fine.

document.getElementById(stra).value = myfunc();

...

You can see that I have replaced the eval function with another function - but since this is also not compiled prior to runtime I don't think this is an improvement. I have read about using the window[string] method but I can't get it to work.

This is not a critical issue but I'd appreciate any comments.

Thanks, Jim

Hi there,

I'm working with leaflet.js to create a web map which is working well so far however I've run into a rookie js problem.

I have a js fiddle which shows my code here.

The problem I have is that I need convert a string like "polygon" to polygon without the quotation marks. According to the Leaflet API, removeLayer takes an iLayer parameter eg removeLayer( <ILayer> layer ). Currently I'm passing it a string which I feed through eval, I gather is less than ideal.

There is a post here on stack overflow but I can't make any sense of the answer unfortunately.

If anyone can provide any advice it would be greatly appreciated.
Thanks,
Rowan





Reply With Quote




01-07-2015, 12:50 PM #2
rnd me View Profile View Forum Posts Visit Homepage

Senior Coder Join Date Jun 2007 Location Urbana Posts 4,497 Thanks 11 Thanked 603 Times in 583 Posts

if you add Code:

window.circle=circle;
window.marker=marker;
window.polygon=polygon;

then you can use syntax like layerClicked = window[event.target.value]; instead of eval.

you can use a different object than window, as long as it's global and consistent.

Code:

<HTML>

<HEAD>

<TITLE>John's JavaScript!</TITLE>

<SCRIPT TYPE="text/javascript">

function solve(math)
{
form.answer.value = eval(math);
}

</SCRIPT>	

</HEAD>

<BODY>

<FORM METHOD="POST">
Enter a JavaScript mathematical expression:
<INPUT TYPE="text" NAME="entry" VALUE="" />
	<BR />
The result of this expression is:
<INPUT TYPE="text" NAME="answer" VALUE=""
	onFocus="blur()"/>
<INPUT TYPE="button" NAME="submit"
        onClick="solve(form.entry.value)"/>

</BODY>

</HTML>

The only problem I am facing is changing form.answer.value
It won't change, why not?

Hi folks,

Any suggestions on how you might achieve the following without using eval()? I've come up a bit short

Code:

function addOrSubtract(operator) {
    var a = 10;
    var b = 5;
    var answer = eval(a + operator + b);
    alert(answer); 
}
addOrSubtract('+') // alerts 15
addOrSubtract('-') // alerts 5

Would help me tidy up some code a lot thanks.

Hi All,

I have a problem in which I try to execute a funcition via a document.write() and it throws an "object expected" error.

Overall I am making an interface for MS ACCESS .mdb table via ADODB using JavaScript and I want to be able to click on a link and the id is used to delete that entry.

Code:
My function is:
Code:

function deleteRecord(del)
{
var adoConn = new ActiveXObject("ADODB.Connection");
var adoRS = new ActiveXObject("ADODB.Recordset");
adoConn.Open("Provider=Microsoft.Jet.OLEDB.4.0;Data Source = {path to }knowBA.mdb'");
adoRS.Open("Select * From know where ID="+ del, adoConn, 1, 3);
adoRS.Delete;
adoRS.Close();
adoConn.Close();
}

The code using the funcition is - oh and the numric KEY is rs(0) :

Code:

 if(!rs.bof) { 
        
         document.write("<table width='700' border='1' align='center' cellpadding='2' cellspacing='0' bgcolor='#FFFFFF'>");
     rs.MoveFirst()
      while(!rs.eof) {     

document.write("<tr><td><div align='center'><strong>"+rs(1)+"</strong></div>");  
document.write("<strong>Keyword(s):</strong> "+rs(3));
document.write("<br><strong>Entry:</strong> " +rs(2)+"&nbsp;&nbsp;");

 document.write("<A HREF='javascript:onClick=("+"eval(deleteRecord(" +rs(0)+"))"+")'>delete</A> "); 

document.write("</td></tr>");               
        cnt=cnt+1;
         rs.MoveNext()
      }

     document.write("</table></form>");
    }
if (cnt==0){      alert ("Sorry, there are no results on that search.");}
    rs.close()
    cn.Close(); 
      }
           
</script>

Thanks for any hints on how to accomplish this!

An application under development has a set of core functions that carry out common tasks and a 'machine' that animates panels of lists of names and menus and provides another panel for action calls. (see attached pic). Selection of a name identifies object(s) to be worked on and menu couplets like "Name+Edit" call devices (each in a separate js file).

Each js file replaces any files in the deviceScript holder in the hta file. I used to use eval(couplet+"Start")() to initiate the device, but having read about the evils of eval it dawned on me that it was unnecessary and just gave each device a start() function ... and also an optional refresh(), and compulsory finish() to pick up results and clean up.

This seems to work well on my machine. The hta is intended to run locally picking up json type data and devices locally and via the net and I am concerned that importing js files is just as evil, but isn't it just like opening a web page? Any guidance really appreciated.

Chris

Hi,
i want a page with rotation of images, with fading.
I'm trying with two images, but i see only the first image. Firebug console give me this error:
Quote:
$ is not defined: eval ('div =$("#focus_'+categoria+'")');
This is the entire code:
Code:

      <script type="text/javascript">
      array_img_2 = Array();
          array_img_2[0] = 'PhpLib/../upload/2-Galleria/ima_galleria_03.gif';
                  array_img_2[1] = 'PhpLib/../upload/2-Galleria/ima_galleria_02.gif';
              </script>
      <noscript>...</noscript>
                  <div id="focus_2">

              <a href="index.php?cp=4" title="vai alla gallery">
              <img width="924" alt="immagini dei prodotti" src="PhpLib/../upload/2-Galleria/ima_galleria_03.gif" /></a>
            </div>
        <script src="PhpLib/jquery-1.2.6.min.js" type="text/javascript">
</script>
<script type="text/javascript">
categories = Array();
categories[0]='2';
var numvisible_2 = 0;
function changeImage(categoria){
  var d = document;
  var aux = parseInt(eval('numvisible_'+categoria));
  var array_img = eval('d.MM_'+categoria);

 if (array_img.length>1){
  var img_index =(aux+1)%array_img.length;
  var div,img;
  eval ('div =$("#focus_'+categoria+'")');
  eval ('img =$("#focus_'+categoria+' img")');

  var control = "url('"+ array_img[img_index].src+"')";
  $(div).css('background-image', control);
  $(img).animate({opacity:0.01},3000,function(){
    this.src = array_img[img_index].src;
    $(img).animate({opacity:1},1000);
  });

  eval ("numvisible_"+categoria+"=img_index");
 }
}

 function Init_Focus(){
  var j;
  for (j=0; j<categories.length; j++) {
    var categoria = categories[j];
    var array_img = eval('array_img_'+categoria);
    MM_preloadImages(array_img, categoria);
    setInterval("changeImage("+categoria+")",5000);
  }
 }

  function MM_preloadImages(img, categoria) { //v3.0
    var d=document;

    eval("d.MM_"+categoria+"= new Array()");
    var i,j=0;
    var a = img;
    for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){
      eval("d.MM_"+categoria+"[j]=new Image");
      eval("d.MM_"+categoria+"[j++].src=a[i]");
    }
  }


 Init_Focus();

</script>

Hi all,

I have a website that allows users to enter complex mathematical formulas into a text field and evaluates them.

I am currently using eval() because it not only can handle all the standard mathematical functions, but also gives them access to the Math object. That way the users can use functions such as Math.max() and everything else.

I realize, though, that using eval is evil, I assume because a malicious user might throw in some more damaging javascript that would be run without checking it. (That's why eval is evil, right?)

Is there a way that I can allow my users to construct complex mathematical formulas and use the Math object (or an equivalent) without potentially opening my site up to harm?

http://www.***.com/5.html

i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....

thanks for any help

ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?

Hello,

Current Live View: https://tornhq.com/AroundTheWorld/Lo...WorkingOn.html

This content is going to be implemented into a form I am currently working on once completed. As you can see, not all of the countries have yet been broken down as some we're having difficulties doing so.

Code:

    SList.getSelect = function (slist, option) {
        document.getElementById('scontent').innerHTML = ''; // empty option-content

        if (SList[slist][option]) {
            // if option from the last Select, add text-content, else, set dropdown list
            if (slist == 'scontent') document.getElementById('scontent').innerHTML = SList[slist][option];
            else {
                var addata = '<option>- - -</option>';
                for (var i = 0; i < SList[slist][option].length; i++) {
                    addata += '<option value="' + SList[slist][option][i] + '">' + SList[slist][option][i] + '</option>';
                }

                // cases for each dropdown list
                switch (slist) {
                    case 'slist2':
                        document.getElementById('slist2').innerHTML = txtsl2 + ' <select name="slist2" onchange="SList.getSelect(\'slist3\', this.value);">' + addata + '</select>';
                        document.getElementById('slist3').innerHTML = '';
                        break;
                    case 'slist3':
                        document.getElementById('slist3').innerHTML = txtsl3 + ' <select name="slist3" onchange="SList.getSelect(\'scontent\', this.value);">' + addata + '</select>';
                        break;
                }
            }
        } else {
            // empty the tags for select lists
            if (slist == 'slist2') {
                document.getElementById('slist2').innerHTML = '';
                document.getElementById('slist3').innerHTML = '';
            } else if (slist == 'slist3') {
                document.getElementById('slist3').innerHTML = '';
            }
        }
    }

I need to know how to edit the following, if there is a simple way to set the case for each one as they are not all split up into the same way, some are Districts, some states and whatnot so the new question varies.

Or do I simply need to make another big list to do them all?

Best Regards,
Tim





Reply With Quote




03-21-2013, 06:35 AM #2
Old Pedant View Profile View Forum Posts

Supreme Master coder! Join Date Feb 2009 Posts 28,311 Thanks 82 Thanked 4,754 Times in 4,716 Posts

Well, for starters, this is generally a really bad way to add <select>s and <option>s. Period.

I would certainly toss out your entire getSelect() function and rewrite it.

But I'm also not clear on what your question is. Are you asking *HOW* to implement the third level? I don't see any countries with any third level data, at this point.

If that's what you are asking, one possible way:
Code:

    SList.slist2 = {
        ...
        "United Kingdom" : 
             { "England" : ["Staffordshire", "Derby", ... ],
                "Scotland" : ["Edinburgh", ... ],
                "Wales" : [ ... ],
                "Northern Ireland" : [ .... ]
             },
       ...
    };

I have to ask: Why would you name that Slist.slist2 instead of Slist.countries ?? Not that it really matters, but why not make code more self documenting?

I used div tag in my field. that field has date value. there is another field that is also date field and it's in div tag.

when i change the first date field automatically second date field should be changed with the first date value.

Here is my first date field code.

Code:

   <div id=apptTimeEditOD style="display:<%=appt.allday()?"none":"block" %>; padding: 4px 4px 4px 4px; position: absolute; width: 90; height: 22; left: 85; top: 2; text-align: left;">
      <%=_r.drawDatePicker( _ahsPage, "startDate", appt.getApptDate()) %>
   </div>

Here is my second date field code.

Code:

   <div id=apptTimeEditEnD style="display:<%=appt.allday()?"none":"block" %>; padding: 4px 4px 4px 4px; position: absolute; width: 90; height: 22; left: 85; top: 2; text-align: left;">
      <%=_r.drawDatePicker( _ahsPage, "startDate1", appt.getApptDate() )%>
      <div id=apptODEndTime style="position: absolute; width: 90; height: 22; left: 140; top: 2; text-align: left;" > </div>
    </div>

how do i change my 2nd date field value with first date value when i do change in first date field.

can anyone give me a sample code for this situation ?
- button A = labeled as Unlocked
- when I on mouse over button A the label should turn into "Lock me ?"
- and then when I click the button, the label will change to "Locked"

I have a pop-up message box, that I'd like help changing to a mouse-over message box.

Any help would be appreciated. Thanks

Code:

<style>
.msg { display:block; position:absolute; top:300px;
left:300px; width:350px; background-color:#eeeeff; border-style:solid;
border-width:1px; padding:15px 20px 5px 20px; }
.msgclose { text-decoration:none; font-size:0.9em;
font-variant:small-caps; margin-top:10px; }
</style>

<div id="popupMsg" class="msg">
You must read this message.<br>
This is a test message box <br />
<div style="width:100%; text-align:right;">

<a class="msgclose" href="#" onclick="document.getElementById('popupMsg').style.display = 'block';
return false;"><font color="#800000">Close Window</font></a>
</div>