|
JavaScript - Question About Join And Split Methods On Multidimensional Arrays
Hi,
I am working on a project which requires a method to join or split multidimensional arrays according to its arguments, which would be string delimiters for the various dimensions of the array. An example of the join function might be: Code: arr[0]=[1,2,3]
arr[1]=[4,5,6]
arr[2]=[7,8,9]
alert(arr.join_multidimensional_array(".","|"))
The above would alert "1.2.3|4.5.6|7.8.9" The split function: Code: var str = "a.b c.d.e f";
str = str.multidimensional_split("."," ");
This would turn 'str' into an array like this: Code: str[0] = ["a","b"]; str[1] = ["c","d","e"]; str[2] = ["f"]; // or just str[2] = "f"? Any ideas on this would be much appreciated, I've been trying to work out how to code it for hours. Thanks, Gus EDIT: I think I may have found the problem (but not the solution) - it looks as though javascript won't perform a method on an array which is part of another array. Firefox error console gives me "arr[0].join is not a function". Similar TutorialsDo arrays retain its data outside of a function. The reason why i asked this is because i created a global array and then a function. In the function i assaigned values to the global array but when i try to access the global array it gives me a "undefined" or "null" error. Code: var myArray = new Array();
var count = 0;
function populate(){
for(i=0; i < 5; i++){
myArray[i] = count++;
}
}
hi. i know a little php, but new to javascript. much of the syntax is identical. i'm reading the new rhino book (flanagan 6th). in it, where he introduces METHODS, he says "When we combine FUNCTIONS with OBJECTS we get METHODS". Then he creates an empty ARRAY: Code: var a = []; then he uses the "push() method" to add elements to the array. Code: a.push(1,2,3); uh, methods are for *objects* right? Yet he is using them on an ARRAY. Can somebody help me see the light on how an array can magically becomes an object that is manipulated by a "method"? I mean, the array is still an array, no? It never actually becomes an object, right? Yet we still use a *method* to manipulate it. See my conceptual quandry? Hello guys, I'm new to this forum and to Javascript. I need to make a very simple website to check whether a ticket number is valid or not. I have created an array with all the codes necessary, but when I try to loop through it, the only thing that works as it should is the first element of the array. Basically, I want the code to display Correct!, if there is a match between user input and array, or Wrong if otherwise. Here is my code: Code: <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function validate() {
var list = new Array;
list[0]="zDv5BXAc";
list[1]="6YXF3Qwj";
list[2]="k8UKpgwo";
var code= document.getElementById("code");
var name = document.getElementById("name");
for(var i=list.length-1; i>=0; --i) {
if (code.value == list[i])
{
document.all.confirm.innerHTML = "Correct"
}
else
document.all.confirm.innerHTML = "Wrong"
}
}
</script>
</head>
<body>
<input name="Name" type="text" id="name" size="50">
<input name="Code" type="text" id="code" size="10">
<input name="Check Code" type="submit" value="Verify" onClick="validate()">
<div id="confirm"></div>
</body>
</html>
I need to loop the alphabet and numbers 0-9 to initialize a few thousand arrays. This is for my site and is truly needed. http://www.thefreemenu.com I currently have every array written out and it takes up to much space in my .js file. The majority of my variables are empty but necessary and need to be there (including empty) for my site to work properly. Question is the last part Here's where I'm at. Code: var NewVarLetterOrNum = "a";
eval("_oneofseveralnames_" + NewVarLetterOrNum + "='this part works';");
alert(_oneofseveralnames_a);
This creates the variable _oneofseveralnames_a='this part works' Code: var newArrayLetterOrNum = "a";
eval("_oneofseveralnames_" + newArrayLetterOrNum + "= new Array();");
alert(_oneofseveralnames_a)
This creates the Array _oneofseveralnames_a=new Array(); and all the values in the array are null, but, now a variable like _nl_a[1]='something' can be used elsewhere because the array exists. This is all that is necessary for now because I can probably set all the variables to be blank with something like Code: i=1
while(i<=20){
_oneofseveralnames_a[i]="1-20";
i++
}
alert(_oneofseveralnames_[20]);
So now you have what I came to understand in the first few hours. Now to the hard part : ( I can't make multiple array's dynamically. I dont' know if its because I don't understand loops or arrays or what and its very fustrating. As for any answer you might be so kind as to provide, if you could dumb it down that would be greatly appreciated. Code: var newArray =new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z')
i=1
while(i<=26){
eval("_nl_" + newArray[i] + "= new Array();");
i++
}
alert(newArray[1]) // Is b, but
alert(_nl_b) //I can't get _nl_b to exist, I tried everything including taking away the quotes around the letters in every test
*/
var _nl_a =new Array()
var _img_a =new Array()
var _h_a =new Array()
var _r_a =new Array()
var _m_a =new Array()
var _yt_a =new Array()
var _i_a =new Array()
The above arrays are all the array _name_ parts I need but for example, a has 10 parts, a,p2_a,p3_a,.. p10_a. I need 10 pages for each letter of the alphabet and numbers 0-9 and a special all1, p2_all1 ... p10_all1. Overall 2200 arrays that need to be declared. Currently they are all written out.
/*
My question is about the following javascript function that converts 15 digit salesforce IDs to 18 digit salesforce IDs. The function was originally posted here. Developer 1 wrote the function: function convertToCaseInsensitiveId(id) { var hash = ''; for (var c = 0; c < 3; c++) { var h = 0; for (var i = 0; i < 5; i++) { var ch = id.charCodeAt(i + c * 5); if (ch >= 65 && ch <= 91) h += Math.pow(2, i); } hash += String.fromCharCode(h > 26 ? h + 48 - 26 : h + 65); } return id + hash; } Developer 2 said: Since the checksum numbers are mapped to AB..YZ012345, 25 gives Z. The following line > hash += String.fromCharCode(h > 26 ? h + 48 - 26 : h + 65); should be > hash += String.fromCharCode(h > 25 ? h + 48 - 26 : h + 65); otherwise 26 would be mapped to opening bracket (ASCII # 91). Which developer's solution is correct? Hi, can anyone tell me... Code: function Obj() {
this.recursiveMethod=function () {
//...how to invoke Obj.recursiveMethod from here?
}
}
Gus I am building a website and I need to gather some information but I feel that prompts are unappealing. Maybe something like a form but it defines whatever is typed in as a variable?
I have a javascript assignment I am having difficulties with. I have most of it complete but need some assistant with the last portion and that is to get my display function to work. I am sure that this is something I should know how to do but for the life of me can't seem to figure out and just need a little guidance. Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Lab03</title>
<h1> Person Information </h1>
<script type= "text/javascript" charset= "utf-8">
function Person( ) {
this.lastname = ' ';
this.firstname= ' ';
this.areacode= ' ';
this.phone_number= ' ';
this.show_person = ' ';
}
</script>
<script type= "text/javascript" charset= "utf-8">
var per1 = new Person
function getInput( ) {
lastname= prompt("please enter your last name: ");
firstname= prompt("please enter your first name: ");
areacode= prompt("please enter your area code: ");
phone_number= prompt ("Please enter your phone number (ex:888-8888): ");
return per1;
}
per1= getInput( );
</script>
</head>
<body>
<script type ="text/javascript" charset= "utf-8">
function show_person( ){
if( firstname == "" && lastname == "" )
{
document.writeln( "Name: Unknown" + "<br/>" );
}
else if( firstname == 'null' && lastname == 'null' )
{
document.writeln( "Name: Unknown" + "<br/>" );
}
else if ( firstname == "" || lastname == "")
{
document.writeln("Name: " + lastname);
document.writeln(firstname + "<br/>");
}
else if ( firstname == 'null' || lastname == 'null')
{
document.writeln("Name: " + lastname);
document.writeln(firstname + "<br/>");
}
else
{
document.writeln("Name: " + lastname + ", ");
document.writeln(firstname + "<br/>");
}
else if ( areacode == "" || phone_number == "" )
{
document.writeln ("Phone: ");
}
else if ( areacode == 'null' || phone_number == 'null' )
{
document.writeln ("Phone: ");
}
else
{
document.writeln('Phone: (' + areacode + ')');
document.writeln(phone_number);
}
return this.show;
}
</script>
<noscript>
<p>You must enable javascript to view all the features of this page.</p>
</noscript>
</body>
</html>
Can someone help me out and tell me what it is I need to do to make it work? I actually had it working when I was able to put all the code in the get function but was told I needed a separate display function so any input is greatly appreciated. Hello all. I have a script to prompt a user for 4 pieces of information. First name. Last name Area code. & Telephone number. My assignment was to do this, and put the information is as follows. If both, first name & last name are entered, store in object as last name,first name. If only one is entered. display without the comma. Also store telephone number in (XXX) XXX-XXXX format. I was told to use methods to do all of these things. Please take note I am in a VERY basic javascript class. Thanks in advance. CODE I HAVE SO FAR : head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript"> last=name=area=num=''; function info ( ) { last = prompt("Please enter your last name",''); name = prompt("Please enter your first name",''); area = prompt("Please enter your area code",''); num = prompt("Please enter your phone number",''); }; function Person (info) { this.name = name this.last = last this.area = area this.num = num } </script> <title></title> </head> <body> <script type="text/javascript"> info ( ); teacher = new Person(); tempString=''; document.writeln ( last ); document.writeln ( name) ; if(area==''||num==''){tempString='';} else{tempString = teacher.area +''+ teacher.num} document.writeln ( tempString); </script> Hi everybody! I've a problem and I'm not able to solve it alone. I want to invoke java methods of a self written java programm with javascript. I found something like a tutorial (http://stanislavvitvitskiy.blogspot....lications.html), but it has not worked. I put my class file in a jar file and when I want to load it in javascript i get an error. I tried it this way: var url = new java.net.URL('C:/java_js' + '/xultest.jar'); var cl = new java.net.URLClassLoader(url); var aClass = java.lang.Class.forName("com.stan.XULDemo", true, cl); var inst = aClass.newInstance(); // Calling 'sum' function from java var a = inst.sum(2, 3); alert(a); // Will alert '5' Can anyone please help, and say to me what's wrong about it? Or does anyone have another aproach to call java methods with javascript? cheers, Martin Okay so I'm trying to come up with as many alternative methods to accomplish something. So I'm just seeking input from anyone who is willing to supply some. After the user clicks on a match type it'll know HOW MANY sides to the match there are so say for a singles match it'd have 2 sides (1 vs. 1) for a Triple Threat Match it'd have 3 sides (1 vs. 1 vs. 1) and so on. All matches have a stored field in the database of how many sides they have. So I'm thinking that I could have it create 3 divs (or something) down in the competitors area of how many sides there are in the match (separated by a VS. text block) and when the user selects a character from the dropdown and adds a character the user can maybe drag and drop the character's name to whatever side they choose. Its one idea. If you think of an EASIER more EFFICIENT way to do something like this and have an idea say something please or even if you can't let me know that you think it's a worth while idea. Code: <label for="matchtypedrop<?php echo $i+1 ?>">Match Type:</label>
<select class="dropdown" name="matchtypedrop<?php echo $i+1 ?>" id="matchtypedrop<?php echo $i+1 ?>" title="Match Type <?php echo $i+1 ?>">
<option value="0">- Select -</option>
<?php
$query = 'SELECT id, matchtype FROM matchtypes';
$result = mysqli_query ( $dbc, $query ); // Run The Query
while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) {
print "<option value=\"".$row['id']."\">".$row['matchtype']."</option>\r";
}
?>
</select>
<label for="competitors<?php echo $i+1 ?>">Competitors:</label><ul id="competitors<?php echo $i+1 ?>" style="list-style: none; margin-left: 195px;"></ul>
<select class="dropdown" name="charactersdrop<?php echo $i+1 ?>" id="charactersdrop<?php echo $i+1 ?>" title="Characters Dropdown <?php echo $i+1 ?>" style="margin-left: 195px;">
<option value="0">- Select -</option>
<?php
$query = 'SELECT id, `character` FROM characters ORDER BY `character`';
$result = mysqli_query ( $dbc, $query ); // Run The Query
while ( $row = mysqli_fetch_array ( $result, MYSQL_ASSOC ) ) {
print "<option value=\"".$row['id']."\">".$row['character']."</option>\r";
}
?>
</select>
<input type="button" value="Add Character" class="" onclick="Competitors(<?php echo $i+1 ?>)"/>
I am trying to create a function that takes a users input in the form xx/xx/xxxx. Then I need to figure out a way to compare to a new date and give which day of the year it is when using: alert("This is the" +foo+ "day of the year."). Im alittle confused on how to take the users input and compare it somehow to give me the day of the year.
I currently have the following code: <script> function strstr (haystack, needle, bool) { var pos1 = 0; haystack += ''; pos1 = haystack.indexOf(needle); if (pos1 == -1) { return false; } else{ if (bool){ return haystack.substr(0, pos1); } else{ amp1 = haystack.indexOf('&'); if((amp1 == -1) || pos1<amp1){ alert("here"); return haystack.slice(pos1); }else{ bString = haystack.slice( pos1 ); pos2 = bString.indexOf( needle ); amp2 = bString.indexOf('&'); //alert(bString.slice( pos2)); return bString.slice( pos2 ); }//if(amp>1){ }//if (bool){ }//if (pos == -1) { }//function strstr var story = strstr(top.location.href, "story="); var pinID = story.replace("story=", ""); alert(pinID); if(pinID>0){ document.getElementById('iFrame').src = 'http://www.domain.net/index.php?story='+pinID; }//if(pinID>0){ </script> It takes the website URL in Javascript and I wanted it to see if there is a "story=1" id and then pass it to the IFRAME. This works in a fashion, but i was trying to make it into a function so I could find and pass other variables, but anything after an & sign and it all fails? I was hoping to pick out variables from the top.location.ahref of "http://www.domain.com/index.php?story=1&category=2&something=3" for example? Any help would be appreciated. Many thanks Hi all! I'm pretty new to JavaScript and completely new to this forum. I'm James. Well uh, I'm not sure how to... I wanted to make something like this using javascript... Code: myObject.someMethod('something').anotherProperty
much like the Code: document.getElementById('someId').style.morestuff
But the thing is, I've been around every DOM whatnot I can find, I just can't seem to make it work. I kinda need it to make my own DOM for some API i'm writing. So I can write like... Code: function someGreatAPI(){
this.property1='';
this.property2='';
//...
this.method1 = function(var1){ //this should make my firstMethod
this.nestedProperty = 0;
this.nestedMethod = someFunction; //firstMethods nested method
}
}
//so I can use it like...
var obj = new someGreatAPI();
obj.method1(10).nestedMethod();
It has to be possible, it's possible with document.getelementbyid, right? it has to be. Thanks in advance. Do many programmers remember most of the object properties and methods or do they use IDE or references to find those specific objects. I'm starting to learn Javascript and seeing all the different type of objects available can be depressing. I still can't understand very well when to use and when NOT to use parenthesis when calling/using methods and functions. Case 1: Where I commented "// No parenthesis.", could someone explain why not. And at the end, where the commen reads "// Parenthesis. ? Code: /* This function will be used as a method inside the objects. */
function getPayment() {
thePayment = 250;
thePayment += (this.seats == 'leather') ? 100 : 50;
thePayment += (this.engine == 'V-8') ? 150 : 75;
thePayment += (this.radio == 'CD Player') ? 30 : 10;
return thePayment;
}
/* Object Constructor (prototype of the object). */
function car(seats, engine, radio) {
this.seats = seats;
this.engine = engine;
this.radio = radio;
this.payments = getPayment; // No parenthesis.
}
/* Creates an instance called 'my_car' out of the 'car' object. */
var my_car = new car('cloth', 'V-6', 'Tape Deck');
/* Object Initializer - automatically instantiates the object. */
var carObj = {
seats: 'leather',
engine: 'V-8',
radio: 'CD Player',
payments: getPayment // No parenthesis. No comma after last item.
}
// Firebug...
console.log(my_car.payments()); // Parenthesis.
console.log(carObj.payments()); // Parenthesis.
/* vim:set foldmethod=indent: */
Case 2: Please look at the comments. Code: window.onload = initAll; // Why no () here?
function initAll() {
window.doStuff(); // Why () here?
}
function doStuff() {
var msg_text = 'I love you so much!';
var msg_link = window.document.getElementById('msg_link');
console.log(msg_link);
var msg_box = window.document.getElementById('msg_box');
msg_link.onmouseover = function() {
//msg_box.value = msg_text;
msg_box.setAttribute('value', 'May the force be with you!');
};
msg_link.onmouseout = function() {
/* This works in ie. */
//msg_box.value = '';
/* Doesn't work in ie7 (and probably not in ie6 either).
* Perhaps the code above is reasonable. */
msg_box.removeAttribute('value');
}
}
/* vim:set foldmethod=indent: */
Ok, from the beginning. I have written a HTML5 player with controls and stuff. But I have one problem. After using switch-to-HD option the controls (like full screen) stops working. And in Firebug I see strange behaviour when switching back from HD (press HD, let it load and press HD again) - it seem like every event is triggered two times, and then more and more. What can I do with all of it? And it seems that there is a 'ghost' of the player that was before, cause it still plays when I switch to HD. The player is he http://secondgate.pl/temporary/nttp/ I also tried differend method for switching the source, using .load(). But it seems that Firefox can't load the movie after that and Chrome sets the volume to 100%, so it didn't work either. The player from this method is he http://secondgate.pl/temporary/tpp_004/ I would be mostly grateful for help. I know it's a lot of code, but it's all commented. I have no idea what am I doing wrong and I'm sitting like a week in front of it. HI I'm new to tinymce. I'm using tinymce with jquery validate with remote Methods. (Remote Methods: http://docs.jquery.com/Plugins/Valid...Methods/remote) I'm using jquery validate to check if email address already has been enter into the database, once it check the email hasn't been entered. It then enter the email with the tinymce textarea. Right now the email address gets enter but tinymce textarea is undefined. I understand I have to uses the var content = tinyMCE.get (editor_id);, but its still enter as undefined, here is my code below: Code: <html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript"
src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
// Location of TinyMCE script
// General options
mode : "textareas",
elements : "editor_id",
theme : "advanced",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
content_css : "css/content.css",
});
<script type="text/javascript">
$(document).ready(function(){
var validator = $("#myform").validate({
rules: {
email: {
required: true,
minlength: 5,
remote: {
url: "test.php",
type: "post",
data: {
dataType: 'json',
email: function() {
return
$("#email").val();
},
content: function() {
return
$("content").val();
}
},
},
}
},
messages: {
sub_name: {
required: "Please enter a email
address",
minlength: "Your email addressmust be
at least 5 characters long",
remote: jQuery.format("Sorry but
'{0}' has already been added. Please try again.")
}
});
});
</script>
</head>
<body>
<form id="myform" action="" method="post">
<input type="text" name="email" id="email" size="15"/>
<textarea id="editor_id" name="editor_id" rows="15" cols="80"
></textarea>
<input type="submit" value="Submit"/>
</form>
Where do I added? Code: var content = tinyMCE.get('editor_id');
content = escape(content.getContent());
content = content.replace("+", "%2B");
content = content.replace("/", "%2F");
thanks This is in reference to Crockford's articles found he http://javascript.crockford.com/prototypal.html http://javascript.crockford.com/private.html I'm attempting to understand the use of privileged methods when used with Object.create. I put together a quick demo (code below) that shows what happens when I use Object.create to create a new object based on one that has a privileged method. The outcome is not pleasant, as changing the value in the first object also changes it in the second. Unless I am reading Crockford's articles incorrectly, this makes Object.create almost useless for anything but objects that have only public members. I've seen many JavaScript programmers use closures extensively to create private members, and that still holds to be a good programming practice. However I still can't find an elegant way to create inheritance in combination with closures in JavaScript, given downfalls such as the one I mentioned above. With all of that said I still think Crockford has a nice way of programming, creating factory functions that produce objects, staying away from the prototype property and making the language look more functional. Here's the code to demonstrate what I'm referring to. Firebug needs to be enabled to view the console.debug output, otherwise convert them to alerts. Code: if (typeof Object.create !== 'function') {
Object.create = function (o) {
function F() {}
F.prototype = o;
return new F();
};
}
var o = (function() {
var msg = "hi";
return {
msg: function(m) {
if (m === undefined) {
return msg;
}
msg = m;
}
};
})();
var foo = Object.create(o);
var bar = Object.create(foo);
console.debug(foo.msg()); // "hi"
foo.msg("what?");
console.debug(foo.msg()); // "what?"
console.debug(bar.msg()); // "what?"
|
|||||||