Boz0r posted:

I'm trying to make checkboxes that can change the border of a table and it works perfectly in Chrome, Firefox and newer IEs, but in IE 6 and 7 it's giving me beef.

code:

    element.attr("onClick","updateBorder(this)");
    element.onclick = "updateBorder(this)";
    alert("onClick " + element.attr("onClick"));

this is the bit that's giving me trouble. I have an alert as the very first thing in the updateBorder function, and it's never called on older IEs. How do I fix this?

EDIT: element is a JQuery element. Probably a little relevant.

Boz0r posted:

code:

    element.attr("onClick","updateBorder(this)");
    element.onclick = "updateBorder(this)";
    alert("onClick " + element.attr("onClick"));

Boz0r posted:

Because I know poo poo all about Javascript . I'll try those two function out and see if they make a difference.

Boz0r posted:

code:

 
function updateBorder1(cb) {
    var test = $(cb).parents("tr").first();
    if (cb.checked){
        test.addClass("highlighted");
    } else {
        test.removeClass("highlighted");
    }
}

This works equally good, but still doesn't work in IE6 or 7. Interestingly, if I grab the parent().parent() of test, it's a TBODY, and if I try styling that, it works. It just doesn't want to style the row. Very frustrating.

huhwhat posted:

http://jsfiddle.net/JwcWj/7/

code:

    var data = [0.638, 0.651, 0.642, 0.599, 0.572];

    var TEMP = [];
    TEMP = data;
    
    alert(data);
    alert(TEMP);
    
    TEMP.sort(function (a,b) { return a-b });
    
    alert(data);
    alert(TEMP);

A total Javascript newbie here. I'm trying to figure out why sorting just the 'TEMP' array changes the order of the 'data' array.

huhwhat posted:

Thanks for the help!

The simplest workaround Google suggested was the slice method

code:

TEMP = data.slice()

worked beautifully.

OriginalPseudonym posted:

Or, you know, they might, but they probably just don't...



get the reference.

OriginalPseudonym posted:

Yep. If you ever need to do something like this in another language or with another object type in Javascript, you'll want to look up how to do a deep copy (duplicating every part of the object somewhere else) vs a shallow copy (just copying the reference).

Stoph posted:

I don't want to nitpick, but your definitions of "deep copy" and "shallow copy" are a bit different compared to what I've typically heard used with regard to JavaScript. Just copying the reference would actually be neither a deep nor a shallow copy. Those terms imply that the object contents were actually copied, instead of the reference.

See John Resig's answer here: http://stackoverflow.com/questions/122102/what-is-the-most-efficient-way-to-clone-a-javascript-object

Golbez posted:

Remind me - is there any way to play a sound or flash a window titlebar/entry in the task bar with Javascript alone (i.e. no Flash or external program)?

Golbez posted:

Remind me - is there any way to play a sound or flash a window titlebar/entry in the task bar with Javascript alone (i.e. no Flash or external program)?

Golbez posted:

[quote="OriginalPseudonym"]
Title is the document.title property.

[quote]
Can I make the title bar or the entry in the task bar flash?

OriginalPseudonym posted:

Depends on your definition of "flash". You can change the text of it, so you could write a setTimeout function to flip it between "ATTENTION GETTING TEXT" and an empty string, or some other text, but since the background color of the tab is usually tied to the browser's internal color scheme, there's no way to change the color of the text, or it's background color.

Just keep in mind that title text in tabbed browsers tends to be truncated.

Mindisgone posted:

My head is pounding from this problem so I have just about given up thinking on my own. The effect I want is this: There is a dropdown menu on the page with a preselected value (basically just a place holder), when the user makes a selection another drop down menu appears up (I also want to repaeat this process from the menu that pops up to another hidden menu but I'm sure once I find the solution it will work for both menus)



Why does this not work

Mindisgone posted:

ok, so after some critical thinking () I came up with this:

<script type="text/javascript">
function setStyle(x){
if (document.getElementById("country").selectedIndex != 0){
document.getElementById(x).style.visibility="visible";
} else
{ document.getElementById(x).style.visibility="hidden"; }
}
</script>

now this works except if you reselect "country" (essentially my placeholder option) it doesn't re-hide the second menu...any suggestions

Mindisgone posted:

Wheany posted:

Because you have a <div id="country">. The div's selectedIndex is undefined, and undefined is always != 0 (which is why the second <select> appears when you select a value).

Mindisgone posted:

THANK YOU VERY MUCH! I never would've guessed the div tag was messing me up like that, I just canned it altogether so now I'm a happy camper.

OriginalPseudonym posted:

Just skimming over it, if I'm not mistaken (the code tag is your friend, incidentally), your function definition is inside an if block? I don't think Javascript works like that, and even if it does, that seems to indicate that your function is only defined if value != "nothing", which I assume it does in fact equal on page load.

But yeah move that function out of the if block and see what it does then.

Stoph posted:

The above is valid JavaScript, unfortunately.

quote:

NOTE
Several widely used implementations of ECMAScript are known to support the use of FunctionDeclaration as a Statement. However there are significant and irreconcilable variations among the implementations in the semantics applied to such FunctionDeclarations. Because of these irreconcilable differences, the use of a FunctionDeclaration as a Statement results in code that is not reliably portable among implementations. It is recommended that ECMAScript implementations either disallow this usage of FunctionDeclaration or issue a warning when such a usage is encountered. Future editions of ECMAScript may define alternative portable means for declaring functions in a Statement context.

Stoph posted:

Variables on the other hand, are declared in the current scope but are not defined until the execution actually reaches where they are defined. That's why it's best to put variables at the top (even higher than those functions I just talked about), so there is no confusion.

Mindisgone posted:

Ok I have seen this many times referring to making level 2 interdependent lists:

<form name="classic">
<select name="countries" size="4" onChange="updatecities(this.selectedIndex)" style="width: 150px">
<option selected>Select A City</option>
<option value="usa">USA</option>
<option value="canada">Canada</option>
<option value="uk">United Kingdom</option>
</select>

<select name="cities" size="4" style="width: 150px" onClick="alert(this.options[this.options.selectedIndex].value)">
</select>
</form>

<script type="text/javascript">

var countrieslist=document.classic.countries
var citieslist=document.classic.cities

var cities=new Array()
cities[0]=""
cities[1]=["New York|newyorkvalue", "Los Angeles|loangelesvalue", "Chicago|chicagovalue", "Houston|houstonvalue", "Austin|austinvalue"]
cities[2]=["Vancouver|vancouvervalue", "Tonronto|torontovalue", "Montreal|montrealvalue", "Calgary|calgaryvalue"]
cities[3]=["London|londonvalue", "Glasgow|glasgowsvalue", "Manchester|manchestervalue", "Edinburgh|edinburghvalue", "Birmingham|birminghamvalue"]

function updatecities(selectedcitygroup){
citieslist.options.length=0
if (selectedcitygroup>0){
for (i=0; i<cities[selectedcitygroup].length; i++)
citieslist.options[citieslist.options.length]=new Option(cities[selectedcitygroup][i].split("|")[0], cities[selectedcitygroup][i].split("|")[1])
}
}

</script>
I understand the following code but I have a couple of questions. One is if I have to make a 3rd level list (say for example I want my level 2 to be states and the 3rd level to be cities) do I just make a 2nd level array in the above code and nest another if & for statement in the above for statement? Maybe a couple of separate functions that can be called would be better? My second question is I have text documents made with states and other documents with cities, does JS have a function for reading from a document like PHP? Or can JS directly reference PHP scripts?