Note that there are some explanatory texts on larger screens.

plurals
  1. POcombining two variables to set a new variable to an already declared variable using javascript
    primarykey
    data
    text
    <p>I am trying to set a new variable to the same value as an already declared variable by combining two variables that together make the name of the original variable... This may sound confusing, so here's an example:</p> <pre><code>// JavaScript Document document.write (finalVar); $(document).ready(function() { var position_1 = $("#box_1").position(); var left_1 = position_1.left; var top_1 = position_1.top; var position_2 = $("#box_2").position(); var left_2 = position_2.left; var top_2 = position_2.top; var box; var boxLength; var boxNumber; var selected = 0; $("#box_1").click (function() { if (selected == 1) // if a box is selected run the following { box = $(".selected").attr("id"); boxLength = box.length; boxNumber = box.charAt(boxLength-1); // finds the number of the box alert(+boxNumber); if (box == "box_1") // if the selected box is itself then mimimise the box, remove the selected class from it and set selected to zero { $("#box_1").animate({height:50,opacity:0.8,left:left_1,top:top_1,borderRadius:4,MozborderRadiu s:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150), function() { $(this).removeClass("selected"); }); selected = 0; } else { $(".selected").animate({height:50,opacity:0.8,left:left_+boxNumber,top:top_+boxNumber,borderRadius:4,MozborderRadius:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150), function() { $(".selected").removeClass("selected"); $("#box_1").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() { $("#box_1").addClass("selected"); }); } );} } // end of function for if a box is selected else // if no box is selected run the following { $("#box_1").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() { $("#box_1").addClass("selected"); }); selected = 1; } }); $("#box_2").click (function() { if (selected == 1) // if a box is selected run the following { box = $(".selected").attr("id"); boxLength = box.length; boxNumber = box.charAt(boxLength-1); // finds the number of the box alert(+boxNumber); if (box == "box_2") // if the selected box is itself then mimimise the box, remove the selected class from it and set selected to zero { $("#box_2").animate({height:50,opacity:0.8,left:left_2,top:top_2,borderRadius:4,MozborderRadius:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150), function() { $(this).removeClass("selected"); selected = 0; }); } else { $(".selected").animate({height:50,opacity:0.8,left:left_+boxNumber,top:top_+boxNumber,borderRadius:4,MozborderRadius:4},(60),"swing").animate({width:50},(60),"swing").animate({opacity:0.6},(150), function() { $(".selected").removeClass("selected"); $("#box_2").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() { $("#box_2").addClass("selected"); }); } );} } // end of function for if a box is selected else // if no box is selected run the following { $("#box_2").animate({width:900,left:60,top:0,borderRadius:10,MozborderRadius:10},(60),"swing").animate({height:500},(60),"swing").animate({opacity:1},(150), function() { $("#box_2").addClass("selected"); selected = 1; }); } }); }); </code></pre> <p>I would then want 5 to be written to the document... is there any way of doing this? I know this is probably not the correct way to even begin thinking about doing this, i was just using it as a synonym for what i was trying to do. </p> <p>Thanks for your help.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload