|
JavaScript - Setting A Variable From A Select Box Before Function Has Run
Similar TutorialsOk...so here is what I have: Code: function myClass() {
this.checkLogin = function(name,pwd) {
if(name.length > 0 && pwd.length > 0) {
$.ajax({async: false,
type: "post",
url: "url",
dataType: "json",
data: "data",
success: this.parseData});
}
}
this.parseData = function(data) {
this.status = data.status;
alert(this.status);
}
this.getStatus = function() {
alert(this.status);
}
}
Everything works above. The first alert shows that this.status was set to 'error'. However, if I call myClass.getStatus(), I get undefined. How can I get the parseData function to set the variables in the parent function? Thanks! If I manually write out "2/22/2012 4:00 PM" in TargetDate, I get the correct result for what I want to do (a countdown). But I want the countdown to always be the current day at 4pm. So I tried the code below thats commented, but it is not working. New to javascript, still reading the books, just hoping for some guidance on this. Code: Next Update: <script language="JavaScript"> var currentTime = new Date() var month = currentTime.getMonth() + 1 var day = currentTime.getDate() var year = currentTime.getFullYear() TargetDate = "2/22/2012 4:00 PM"; //TargetDate = "document.write(month + "/" + day + "/" + year) + 4:00PM"; BackColor = "white"; ForeColor = "red"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%H%% H, %%M%% M, %%S%% S"; FinishMessage = "Forecasts posted"; </script> <script language="JavaScript" src="countdown.js"></script> Whenever I try to compile a script I wrote, I get the error, "class, interface, or enum expected" and it points to a spot in my script that I don't think should create an error... I've tried changing different things in the line it points to, but it doesn't help. Here's are some of the errors: Code: Code: var it = 0;
var udt = new array(10);
for(it = 0, it < udt.length, it++){
switch(it){
case 0: udt[it] = prompt("Type a name", "");
case 1: udt[it] = prompt("Type a verb", "");
case 2: udt[it] = prompt("Type an adverb", "");
//case 3: udt[it] = prompt("Type a
//case 4: udt[it] = prompt("Type a
//case 5: udt[it] = prompt("Type a
//case 6: udt[it] = prompt("Type a
//case 7: udt[it] = prompt("Type a
//case 8: udt[it] = prompt("Type a
//case 9: udt[it] = prompt("Type a
//case 10: udt[it] = prompt("Type a
}
}
document.write(udt[0] + udt[1] + "away as" + udt[2]);
Errors: Code: story.java:1: class, interface, or enum expected
var it = 0;
^
story.java:2: class, interface, or enum expected
var udt = new array(10);
^
story.java:4: class, interface, or enum expected
for(it = 0, it < udt.length, it++){
^
story.java:17: class, interface, or enum expected
}
^
I've looked over the first one and I have no idea why that is an error. If the reason is obvious to you, please be polite. I've only been using javascript for about 2 days. I really thought this would work, a user goes to a page, selects a value from a select box then clicks a link to run a report using that hidden variable as a parameter. I am attempting to place the value in the URL to pass it. I'm sure the javascript is working, and maybe it's the HTML I've messed up - not sure. Here is the javascript (the alert does return the correct value): Code: function OnChangeDay() {
//assign the day id to the hidden variable $day
x=eval(document.getElementById("day_loc_id_select").value)
if(x) {
document.getElementById("test_day_id").value=x;
} else {
document.getElementById("test_day_id").value=0;
}
// test
alert(document.getElementById("test_day_id").value)
}
Here is the calling HTML: Code: <input type="hidden" name="test_day" id="test_day_id" value="">
<select name="day_loc_id" id="day_loc_id_select"
onchange="OnChangeDay()">
<option></option>
<?= form_options($day_loc_options) ?>
</select>
And here is the HTML that should send the value, but I get day= (nothing) Code: <a href='/depts/edoptions/excel_extract.php?ex=2&day=<? echo $test_day ?>'>SLIP Data to Excel</a> Can anyone point out where I've messed up? Thanks Hi, I have a variable: Code: var step = 5; that is referenced by this function: Code: function animate(d) {
if (d>eol) {
return;
}
var p = poly.GetPointAtDistance(d);
if (k++>=180/step) {
map.panTo(p);
k=0;
}
map.panTo(p);
marker.setPoint(p);
if (supportsCanvas) {
if (poly.GetIndexAtDistance(d)>lastVertex) {
lastVertex = poly.GetIndexAtDistance(d);
if (lastVertex == poly.getVertexCount()) {
lastVertex -= 0;
}
while (poly.getVertex(lastVertex-2).equals(poly.getVertex(lastVertex-1))) {
lastVertex-=1;
}
angle = bearing(poly.getVertex(lastVertex-2),poly.getVertex(lastVertex-1) );
plotcar();
}
}
if(!paused){
setTimeout("animate("+(d+step)+")", tick);
} else {
continueStep=d+step;
}
}
and I would like for the user to have the option of setting that variable using radio buttons- say to 5, 7 or 10 is it possible? I don't know how I should do ? Quote: <html> <head> <script type="text/javascript"> function add(a,b){ y=a+b return y } var aaa = add(one,two) //one needs to get somehow get the value of yil, in this case 10 var one = function reas(){i=10;if(i<10){yil = 15}; else{yil = 10; yil = one;}; var two = 20; document.write(y) </script> </head> </html> also why doesn't this work? Quote: <html> <head> <script type="text/javascript"> function adder(a,b){ var k=a+b; return k } var hes=adder(5,kol); kol=40; alert(hes); </script> </head> </html> you cannot have variables in callback functions? Thank you in advance if someone can help. I have been banging my head against the wall for hours now. Here is the code: Code: for (var i = 0; i < BS_crm['activityTypes'].length; i++) {
var clickFunc = function(){ activityList.showForm( -1, {blockType:[""+BS_crm['activityTypes'][i]['id'], "0"]} ); };
var type = {
value: BS_crm['activityTypes'][i]['id'],
label: "Add New "+BS_crm['activityTypes'][i]['label'],
css: BS_crm['activityTypes'][i]['css']+"_16",
onClick: clickFunc
};
previewLinks.items.push( type );
}
Now, basically what I am doing here is running through one array to create an array of objects, that will be used to create links that will use whatever onClick function I pass it. The problem is that on the second line I need the BS_crm['activityTypes'][i]['id'] to be a value, not a reference. If that line was simply changed to: Code: var clickFunc = function(){ activityList.showForm( -1, {blockType:["3", "0"]} ); };
then everything would work as I need. How can I make this happen? I would really appreciate any help. Thank you again in advance. How can I use a string to select a variable? E.g. Code: function load_menu( menu ) {
//Availible menus
var login = Array('Login','Register','Recovery');
var settings = Array('Profile','Account','something');
//Menu container ID's
var cons = Array('menuitem1','menuitem2','menuitem3');
for ( var i = 0; i < cons.length; i++ ) {
document.getElementById(cons[i]).innerHTML = menu[i] ;
alert(menu[i]);
}
}
"menu" is "login". menu[i] should reference the "login" variable and then put one of the values for the login variable array in its place. If you understand what I mean? So if menu is settings then the settings array would be used. Hi all, I am having a hard time on this, can you help pls? I have this code? $("select[name=objeto"+contcheck+"]").change(function(){ $("select[name=titulo"+contcheck+"]").html('<option value="0">Carregando...</option>'); where contcheck is a counter, so a number. It does not work at all, any help how to concatenate string and variable like this: objeto1 objeto2 objeto3 .... and so on. Thx. Hi, is there a way, when one select is clicked, all change to the value of the one that was chosen? (ie: "b" is clicked and all change to b.) Code: <select> <option>a</option> <option>b</option> <option>c</option> </select> <br> <select> <option>a</option> <option>b</option> <option>c</option> </select> <br> <select> <option>a</option> <option>b</option> <option>c</option> </select> Thanks Hi there, Sorry that the title of this is not very descriptive but I really don't know how to describe what it is i am after. I have a variable that contains an image source. (well I hope it does) Code: var imagebackground = (this.parentNode.parentNode.parentNode.childNodes[1].childNodes[0]).src; Now I need that variable to spit out the image source into where it says background, but wrapped in a url( ) Code: $jQ(document).ready(function(){
$jQ(".btn-cart").click(function(){
$jQ('#floater').animate_from_to('.block-cart', {
pixels_per_second: 200,
initial_css: {
background: (THIS IS WHERE I WANT IT)
}
});
$jQ(this).attr('id', '');
$jQ(this.parentNode.parentNode.parentNode.childNodes[1].childNodes[0]).attr('id', '');
});
});
So basically if the variable was to equal - http://www.google.co.uk/image.jpg - it would function like: Code: $jQ(document).ready(function(){
$jQ(".btn-cart").click(function(){
$jQ('#floater').animate_from_to('.block-cart', {
pixels_per_second: 200,
initial_css: {
background: url(http://www.google.co.uk/image.jpg)
}
});
$jQ(this).attr('id', '');
$jQ(this.parentNode.parentNode.parentNode.childNodes[1].childNodes[0]).attr('id', '');
});
});
I hope I have provided enough information for someone to assist me with this, but if i havent then please tell me and i will try and explain some more. Cheers, Chris Example: Function First() { Var = x1 <--- Use this variable } Function Second() { Var = x2 Var = x1 + x2 } I know this is not the way in the example...but just making sure you know what im talking about. Hi I'm trying to get a variable named 'html' from one function and use it in another. My JavaScript knowledge is limited, so will be grateful for any help Please see code below Code:
function createMarker(point, name, label, address, type) {
var marker = new LabeledMarker(point, {icon: customIcons[type], labelText: label, labelOffset: new GSize(-6, -10)});
markerGroups[type].push(marker);
GEvent.addListener(marker, 'click', function() {GEvent.trigger(map,"click",null,point,point);
var html = '<div>LatLng:' + name + '</div><a href="javascript:void(0)" onclick="javascript:map.getInfoWindow().maximize()">more info.. </a>';
marker.openMaxContentTabsHtml(html);
});
return marker;
}
// need to get html variable from the above function into this one below
GEvent.addListener(map, 'click', function(ov, latlng, ovll) {
if (latlng) {
var regular = '<div id="sum">LatLng:' + latlng + '</div><a href="javascript:void(0)" onclick="javascript:map.getInfoWindow().maximize()">more info.. </a>';
var summary = '<div id="sum">Address of' + latlng + '</div><a href="javascript:void(0)" onclick="javascript:map.getInfoWindow().restore()">less info.. </a>';
var panoDiv = document.createElement('div');
panoDiv.width = "400px"; // can be anything, will be auto resized
panoDiv.height = "200px";
var tabs = [new MaxContentTab('address', '<div id="address"></div>'), new MaxContentTab('streetview', panoDiv)];
map.openMaxContentTabsHtml(latlng, regular, summary, tabs, {
maxTitle: "More Information",
selectedTab: 'address',// or use index 1,
style: {
tabOff: {
backgroundColor: '#CCCCFF'
}
},maximized: document.getElementById('maximized').checked
});
}
});
I have a function which is currently called twice on the same page. Part of the function is to apply an onkeyup event to a created element. The problem is that when the function is called twice the first created element calls the onkeyup function of the second element! table_JD.length-1 = 0 for first element table_JD.length-1 = 1 for second element updateSearch_TC_JD(1) is somehow called from first element! Code: newSearchBox.onkeyup = function() {updateSearch_TC_JD(table_JD.length-1)}
Thanks for any help you can provide! Hi, I am having trouble passing the correct id to change the innerHTML. I have a jsp that display people and their address information. There could be several people in the list, so it is in a loop. That part all works good. There is a drop down list with countries in them. Based on the country they select, I want to change some of the text. Here is what I have: Code: <tr>
<td class="datashaded" valign="top"><font size="2"><b>Country:</b></font></td>
<td class="datashaded" valign="top">
<select tabindex="<%=countryTab%>" name="<%=country%>" size=1" onChange="changeText(this.form.<%=country%>, this.form.<%=addressLabel%>, this.form.<%=zipLabel%>);">
<% for (int i =0; i < countryList.size(); i++ ) {
String countryOption = (String)countryList.get(i);
String countryVal = bene.getAddress().getCountry();
String selected = "";
if ( countryOption.equalsIgnoreCase( countryVal ) )
selected = "selected";
%>
<option value="<%=countryOption %>" <%=selected%> ><%=countryOption%></option>
<% } %>
</select>
</td>
</tr>
<tr>
<td class="datashaded"><div id="addr1"><font size=2><b id="<%=addressLabel%>">Address:</b></font></div></td>
<td class="datashaded">
<input size=20 maxlength="50" tabindex="<%=add1Tab%>" name="<%=address1%>" value="<%=address1Value%>" </td>
</tr>
Everytime through the loop, addressLabel has an index added to it so it is unique - so I can refer to each person separately. Here is the js function: Code:
function changeText(sel, txtField1, txtField2)
{
var selectedValue = sel[sel.selectedIndex].value;
if ( selectedValue == "<%=IParticipantConstants.BENEFICIARY_COUNTRY %>")
{
document.getElementById(txtField1).innerHTML = 'Address:';
document.getElementById(txtField2).innerHTML = 'Zip:';
}
else
{
document.getElementById(txtField1).innerHTML = 'Street or P.O. Box';
document.getElementById((txtField2).innerHTML = 'Postal Code:';
}
}
When I hardcoded the id= value, not matter which group I changed the country on, only the first one was changing, so I knew I needed unique ids for each group. There is more to the table, but this is the good part. When the onChange fires now, Nothing at all happens. Can anyone see the problem?? Thanks for looking! Hi all, I need to pass a variable to an inner function and I got it to work but: (1) I don't know why it works (2) I don't know if it's right or optimal So, please look and comment: Code: for (var h = 1.0; h <= 3.0; h += 0.5) {
ed.settings.formats['spacing' + String(h.toFixed(1))] = {
'block' : 'p',
'styles' : {
'marginBottom' : String((h - 1).toFixed(1)) + 'em'
}
}
h = (function (h) {
c.onRenderMenu.add(function (c, m) {
m.add({
'title': String(h.toFixed(1)),
'caption' : 'Set the line spacing to ' + String(h.toFixed(1)),
'onclick': function () {
ed.formatter.apply('spacing' + this.title);
return false;
}
}).setDisabled(false);
});
return h;
})(h);
};
You can ignore a lot of the code as it doesn't factor into the question... and I know that re-ordering the code can eliminate my problem (but I can't re-order it because defining the formats MUST come before "renderMenu" or else it doesn't work - and I don't want to use two loops - one to define the formats and another to define the menu). The part that's freaking me out is this: Code: h = (function (h) {
c.onRenderMenu.add(function (c, m) {
m.add({
'title': String(h.toFixed(1)),
'caption' : 'Set the line spacing to ' + String(h.toFixed(1)),
'onclick': function () {
ed.formatter.apply('spacing' + this.title);
return false;
}
}).setDisabled(false);
});
return h;
})(h);
See the strange things I have to do to get h inside of c.onRenderMenu.add()? Is this right? Can I do it any "better" or more correctly? Thanks! -- Roger Hi, I know there are several ways to do this- but which way is best practice? I can access a variable from one function by making it a global variable, but I read that this isn't the most ideal way, and is a last resort. So for example if I have this: Code: function num1(){
var firstNum = 35;
return firstNum;
}
function num2(){
var secNum = 52;
return secNum;
}
function addNums(x,y){
var f = num1(x);
var s = num2(y);
var total = f + s;
alert(total);
}
Then I call this function with a button. Now, I know this works, but it doesn't seem like a very good way to do what I'm after. Or is it? Any help/ tips would be great. edit: The idea is that the functions won't just return a single value and that's it. They will return a users choice in a given scenario, so they might return the user's age from the first function, then their location in the next etc etc, then I want to use this information in a separate function. How do I store how many Windows my house has as a variable as this script I made isn't working. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <script type="text/javascript"> var test function show_prompt(a_bac) { prompt(a_bac) } function show_alert(a_baf) { alert(a_baf) } </script> <body> <!-- How do I store how many Windows my house has as a variable? --> <input type="button" value="click" onclick="var theanswer = prompt('How many windows does your house have?')" /> <input type="button" value="answer" onclick="alert(theanswer)" /> </body> </html> Is there any way of running a function where the name is stored as a string in a variable? I mean, the same way that PHP handles this is by appending "()" to the end of the variable. |
|||||||