JavaScript - Save The Written Text As Value

Hey,
In the quiz function the form that is generated all compiles correctly, but the submit button only causes the page to refresh. What am I doing wrong?
Thank you

var c = "1"; //counter
var n = [68]; //array that stores unique random numbers
var t = "better clear";
var lc = [3];
var uc = [3];


//////////////////////////////////////////////
//The generate() function generates 68 random
//unique numbers.
//////////////////////////////////////////////


function generate()
{

var gen = 0; //variable that stores random integer.
var j = 1, i = 1; //integers used for loops




while (j <= 68)
{
gen = Math.floor(Math.random()*68+1);

for (i = 1; i <= j; i++)
{
if (n[i] == gen)
{
break;
}
else
{
if (i == j)
{
n [j] = gen;
j++;
break;
}
}
}
}

}

//////////////////////////////////////////////
//The rinfo() function reads information that
//is pertinent to current question (quality
//of triad (t), upper case, and
//lower case answers to the question).
//////////////////////////////////////////////


function rinfo()
{


if (n[c] == 1)
{
t = "a C Major";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "e"; //third
uc[2] = "E"; //third
lc[1] = "g"; //fifth
uc[1] = "G"; //fifth
}

if (n[c] == 2)
{
t = "a C Minor";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "eb"; //third
uc[2] = "Eb"; //third
lc[1] = "g"; //fifth
uc[1] = "G"; //fifth
}

if (n[c] == 3)
{
t = "a C Augmented";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "e"; //third
uc[2] = "E"; //third
lc[1] = "g#"; //fifth
uc[1] = "G#"; //fifth
}

if (n[c] == 4)
{
t = "a C Diminished";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "eb"; //third
uc[2] = "Eb"; //third
lc[1] = "gb"; //fifth
uc[1] = "Gb"; //fifth
}

if (n[c] == 5)
{
t = "a F Major";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "a"; //third
uc[2] = "A"; //third
lc[1] = "c"; //fifth
uc[1] = "C"; //fifth
}

if (n[c] == 6)
{
t = "a F Minor";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "ab"; //third
uc[2] = "Ab"; //third
lc[1] = "c"; //fifth
uc[1] = "C"; //fifth
}

if (n[c] == 7)
{
t = "a F Augmented";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "a"; //third
uc[2] = "A"; //third
lc[1] = "c#"; //fifth
uc[1] = "C#"; //fifth
}

if (n[c] == 8)
{
t = "a F Diminished";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "ab"; //third
uc[2] = "Ab"; //third
lc[1] = "cb"; //fifth
uc[1] = "Cb"; //fifth
}

if (n[c] == 9)
{
t = "a Bb Major";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 10)
{
t = "a Bb Minor";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "db"; //third
uc[2] = "Db"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 11)
{
t = "a Bb Augmented";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 12)
{
t = "a Bb Diminished";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "db"; //third
uc[2] = "Db"; //third
lc[1] = "fb"; //fifth
uc[1] = "Fb"; //fifth
}

if (n[c] == 13)
{
t = "an Eb Major";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 14)
{
t = "an Eb Minor";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "gb"; //third
uc[2] = "Gb"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 15)
{
t = "an Eb Augmented";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "b#"; //fifth
uc[1] = "B#"; //fifth
}

if (n[c] == 16)
{
t = "an Eb Diminished";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "gb"; //third
uc[2] = "Gb"; //third
lc[1] = "bbb"; //fifth
uc[1] = "Bbb"; //fifth
}

if (n[c] == 17)
{
t = "an Ab Major";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 18)
{
t = "an Ab Minor";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "cb"; //third
uc[2] = "Cb"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 19)
{
t = "an Ab Augmented";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 20)
{
t = "an Ab Diminished";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "cb"; //third
uc[2] = "Cb"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 21)
{
t = "a Db Major";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 22)
{
t = "a Db Minor";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "fb"; //third
uc[2] = "Fb"; //third
lc[1] = "ab"; //fifth
uc[1] = "Ab"; //fifth
}

if (n[c] == 23)
{
t = "a Db Augmented";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 24)
{
t = "a Db Diminished";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "fb"; //third
uc[2] = "Fb"; //third
lc[1] = "abb"; //fifth
uc[1] = "Abb"; //fifth
}

if (n[c] == 25)
{
t = "a Gb Major";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 26)
{
t = "a Gb Minor";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bbb"; //third
uc[2] = "Bbb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 27)
{
t = "a Gb Augmented";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 28)
{
t = "a Gb Diminished";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bbb"; //third
uc[2] = "Bbb"; //third
lc[1] = "dbb"; //fifth
uc[1] = "Dbb"; //fifth
}

if (n[c] == 29)
{
t = "a B Major";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d#"; //third
uc[2] = "D#"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 30)
{
t = "a B Minor";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 31)
{
t = "a B Augmented";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d#"; //third
uc[2] = "D#"; //third
lc[1] = "fx"; //fifth
uc[1] = "Fx"; //fifth
}

if (n[c] == 32)
{
t = "a B Diminished";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 33)
{
t = "an E Major";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g#"; //third
uc[2] = "G#"; //third
lc[1] = "b"; //fifth
uc[1] = "B"; //fifth
}

if (n[c] == 34)
{
t = "an E Minor";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "b"; //fifth
uc[1] = "B"; //fifth
}

if (n[c] == 35)
{
t = "an E Augmented";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g#"; //third
uc[2] = "G#"; //third
lc[1] = "b#"; //fifth
uc[1] = "B#"; //fifth
}

if (n[c] == 36)
{
t = "an E Diminished";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 37)
{
t = "an A Major";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 38)
{
t = "an A Minor";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 39)
{
t = "an A Augmented";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 40)
{
t = "an A Diminished";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 41)
{
t = "a D Major";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 42)
{
t = "a D Minor";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 43)
{
t = "a D Augmented";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 44)
{
t = "a D Diminished";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "ab"; //fifth
uc[1] = "Ab"; //fifth
}

if (n[c] == 45)
{
t = "a G Major";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "b"; //third
uc[2] = "B"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 46)
{
t = "a G Minor";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 47)
{
t = "a G Augmented";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "b"; //third
uc[2] = "B"; //third
lc[1] = "d#"; //fifth
uc[1] = "D#"; //fifth
}

if (n[c] == 48)
{
t = "a G Diminished";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 49)
{
t = "an A# Major";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "cx"; //third
uc[2] = "Cx"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 50)
{
t = "an A# Minor";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 51)
{
t = "an A# Augmented";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "cx"; //third
uc[2] = "Cx"; //third
lc[1] = "ex"; //fifth
uc[1] = "Ex"; //fifth
}

if (n[c] == 52)
{
t = "an A# Diminished";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 53)
{
t = "a D# Major";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "fx"; //third
uc[2] = "Fx"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 54)
{
t = "a D# Minor";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 55)
{
t = "a D# Augmented";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "fx"; //third
uc[2] = "Fx"; //third
lc[1] = "ax"; //fifth
uc[1] = "Ax"; //fifth
}





}

function first()
{
alert("W");
}

function quiz()
{
generate();
while (c <= 1)
{

rinfo();
var output_text = c + ". " + "Enter " + t + " triad.";
document.write("<h3>");
document.writeln(output_text);
document.write("</h3>");
document.write(" <form align = \"center\">");
document.write(" <input type = \"text\" size = \"2\" name = \"root\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"text\" size = \"2\" name = \"third\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"text\" size = \"2\" name = \"fifth\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"hidden\" name = \"question\" value = 1>");
document.write(" <input type = \"submit\" value=\"Check your answer\" onclick=\"first();\">");
document.write(" <\/form>");
c++;
}

}

Hi ,

I am inserting an image into a span tag by click on button and resize the image using resize_image_height_weight function.
I am using two function to do this task.
setImage
setImage_w3Validation

setImage function resize the image but fail on w3validation on my webpage( As per w3c there is no attribute onload for image tag.) To fix out this issue I am using setImage_w3Validation function which pass on w3validation but unable to call resize_image_height_weight function.

My purpose is to resize the image.

Kindly suggest me how to do it?


<html>
<head>
<script TYPE="text/javascript" language="javascript">

function resize_image_height_weight(id, hgt, wdth){
//alert(id);
Obj=document.getElementById(id);
myImage = new Image();
myImage.src = Obj.src;
var heights = myImage.height;
var widths = myImage.width;
// alert("Height=>" + heights + " Width=> " + widths);

if(heights > hgt || widths > wdth)
{
if(heights > widths)
{
var temp = heights/hgt;
var new_width = widths / temp;
new_width = parseInt(new_width);
heights = hgt;
widths = new_width;
}
else
{
var temp = widths/wdth;
var new_height = heights / temp;
new_height = parseInt(new_height);
heights = new_height;
widths = wdth;
}
}
Obj.height = heights;
Obj.width = widths;

}

function setImage(){
document.getElementById("IM0").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img1\" alt=\"\" height=\"125\" width=\"125\" onload=\"resize_image_height_weight('img1',125,125);\"><\/center>";
}

function setImage_w3Validation(){
document.getElementById("IM1").innerHTML ="<center><img src=\"http://www.google.co.in/intl/en_com/images/srpr/logo1w.png\" id=\"img2\" alt=\"\" height=\"125\" width=\"125\"><script type=\"text/javascript\">document.getElementById('img2').onload = function(){resize_image_height_weight('i12',125,125);};<\/SCRIPT><\/center>";
//I wanna to do the task using this one function to resize img for w3validation
}
function clear_page(){
document.getElementById("IM0").innerHTML ="";
document.getElementById("IM1").innerHTML ="";
}
</script>
</head>
<body>
<div class="img3"><span id="IM0"></span></div>
<div class="img3"><span id="IM1"></span></div>
<input type="button" name="btn1" value="Image Onload W3C Fail" onclick="setImage();">
<input type="button" name="btn2" value="Image Onload W3C Pass" onclick="setImage_w3Validation();">
<input type="button" name="btn2" value="Clear" onclick="clear_page();">
</body>
</html>

Hello,

Is it possible to store the edited value in the div tag in the original file, such that next time i open the HTML file the new edited value appears.
Thanks in advance.

Have a Good day.

Hey, I'm trying to make a game, I learned how to do so by reading tutorials but the problem is that I do not know how to implement the save/load function into the game, the tutorial surrounding that area was very unclear to me, and here I am...
Any tips on how to make this work is greatly appreciated, I wouldn't asked if I hadn't tried my best and every way I could think of. I'm still quite new to coding so...

The first piece of code is the game, the second one is what I'm trying to make the game work with.
I tried for a while and got the game to reset back to values, but only the values I set in the code so it never actually worked.
The tutorial doesn't give any live examples and I really am... not that bright when it comes to coding

Sorry and thanks, all inputs are appreciated.

I read tutorial from links below,
Javascript String Compression | Almost Idle Tutorial for save code
Incremental Lesson 9 - For Loops | Almost Idle Tutorial for the game code

Code:

/*Pleae refer to Lesson 9.txt for a full description on this lesson*/

//The timer to run code every second
var Timer = window.setInterval(function(){Tick()}, 1000);
var buildings = [];

//The object declaration for game saves
function GameSave() {
	this.money = 0;
	this.buildings = [];
	for (var i = 0;i < buildings.length;i++) {
		this.buildings[i] = 0;
	}
}

//The object declaration for buildings
function Building() {
	this.Name = "Lemonade Stand";
	this.Cost = 10;
	this.PerSec = 1;
}

//The function to initialise all buildings
function InitBuildings() {
	LoadBuilding("Lemonade Stand",10,1);
}

//The function to automatically load a building into the buildings array
function LoadBuilding(name,cost,persec) {
	var cur = buildings.length;
	
	buildings[cur] = new Building();
	buildings[cur].Name = name;
	buildings[cur].Cost = cost;
	buildings[cur].PerSec = persec;
}

//The function used to gather money
function GatherMoney() {
	game.money++; //++ tells javascript to add 1 to the variable
	
	//Display the player's current money
	document.getElementById("money").innerHTML = game.money;
}

//The function that gets run every second
function Tick() {
	for (var i = 0;i < buildings.length;i++) {
		game.money += game.buildings[i] * buildings[i].PerSec;
	}
	document.getElementById("money").innerHTML = game.money;
}

//The function to buy a lemonade stand
function Build(id) {
	if (game.money >= buildings[id].Cost) { //Check if the player has enough money, then subtract it and add a new building if they do
		game.money -= buildings[id].Cost;
		game.buildings[id] = game.buildings[id] + 1;
		document.getElementById("money").innerHTML = game.money;
		document.getElementById("Building1Qty").innerHTML = game.buildings[id];
	}
}

//Run this code once the page has loaded fully
window.onload = function() {
	InitBuildings();
	window.game = new GameSave();
};

Code:

/*Pleae refer to Compression.txt for a full description on this lesson*/

function NewGame() {
	this.name = "Our Game";
	this.description = "Our Game's Description";
	this.numbers = [];
	for (var i=0;i<10;i++) {
		this.numbers[i] = i;
	}
}

var Game = new NewGame();

window.onload = function() {
	var SaveGame = JSON.stringify(Game);
	SaveGame = encode_utf8(SaveGame);
	SaveGame = lzw_encode(SaveGame);
	window.localStorage['SaveName'] = SaveGame;
	
	
	SaveGame = window.localStorage['SaveName'];
	SaveGame = lzw_decode(SaveGame);
	SaveGame = decode_utf8(SaveGame);
	window.GameTwo = JSON.parse(SaveGame);
	
	document.getElementById("name").innerHTML = "Name: " + GameTwo.name;
	document.getElementById("desc").innerHTML = "Description: " + GameTwo.description;
	var numbers = "";
	for (var i=0;i<10;i++) {
		if (numbers.length == 0) {numbers = i;} else {numbers += ", " + i;}
	}
	document.getElementById("numbers").innerHTML = "Numbers: " + numbers;
}

// LZW-compress a string
function lzw_encode(s) {
    var dict = {};
    var data = (s + "").split("");
    var out = [];
    var currChar;
    var phrase = data[0];
    var code = 256;
    for (var i=1; i<data.length; i++) {
        currChar=data[i];
        if (dict['_' + phrase + currChar] != null) {
            phrase += currChar;
        }
        else {
            out.push(phrase.length > 1 ? dict['_'+phrase] : phrase.charCodeAt(0));
            dict['_' + phrase + currChar] = code;
            code++;
            phrase=currChar;
        }
    }
    out.push(phrase.length > 1 ? dict['_'+phrase] : phrase.charCodeAt(0));
    for (var i=0; i<out.length; i++) {
        out[i] = String.fromCharCode(out[i]);
    }
    return out.join("");
}

// Decompress an LZW-encoded string
function lzw_decode(s) {
    var dict = {};
    var data = (s + "").split("");
    var currChar = data[0];
    var oldPhrase = currChar;
    var out = [currChar];
    var code = 256;
    var phrase;
    for (var i=1; i<data.length; i++) {
        var currCode = data[i].charCodeAt(0);
        if (currCode < 256) {
            phrase = data[i];
        }
        else {
           phrase = dict['_'+currCode] ? dict['_'+currCode] : (oldPhrase + currChar);
        }
        out.push(phrase);
        currChar = phrase.charAt(0);
        dict['_'+code] = oldPhrase + currChar;
        code++;
        oldPhrase = phrase;
    }
    return out.join("");
}

function encode_utf8(s) {
  return unescape(encodeURIComponent(s));
}

function decode_utf8(s) {
  return decodeURIComponent(escape(s));
}

Reply With Quote




01-16-2015, 05:52 PM #2
Dormilich View Profile View Forum Posts

Senior Coder Join Date Jan 2010 Location Behind the Wall Posts 3,532 Thanks 13 Thanked 372 Times in 368 Posts


the problem is that I do not know how to implement the save/load function into the game


save it where? that particular question is important as JavaScript has only limited places where it can save something at all.

1) save it on the server => call a server script with the appropriate data (e.g. via AJAX)
2) cookies, very limited storage space, only works on the same browser
3) WebStorage, more space than cookies, but still only the same browser
4) IndexedDB (same as above)

This is code use to save XML file using Javascipt but it can't not save full Processing Instruction, example we have PI is <?xml version="1.0" encoding="utf8"> when run the code then PI is saved with <?xml version="1.0">
and sometime it doesn't word. Please help me fix, thanks

PHP Code:
        function SaveXML(xmlDoc,filename)
    {
        var outputXML = xmlDoc.xml;        
        var mfObj = new ActiveXObject("Scripting.FileSystemObject");
        var absPath = getPath();
        var file = mfObj.CreateTextFile(absPath + filename, true);
        file.Write(outputXML);
        file.Close();
    }

        function getPath() {
        var path = document.location;
        var str = new String(path);
        var end = str.lastIndexOf("/");
        var absolutePath = str.substring(8, end) + "/";
        absolutePath = absolutePath.replace(/%20/g, " ");
        return absolutePath;
         } 

I have a long survey form and once its submitted it gets recorded into a database. I would love to be able to save a PDF version of the HTML form with all their radio buttons and textfields filled out at the same time its submitted. It would need a unique name that matches their record in the database (maybe it pulls the data that was entered into one of the form fields for the name).

Whether it gets uploaded to an ftp or just emailed to a mailbox doesn't really matter. The purpose of this is to basically have a visual interpretation of the data by a single user.

Is something like this even possible?

Hello. I am new to the forums (I just started my Javascript journey last week), and was hoping to get help with something. I am currently developing a page which allows access to music on a server. This music is being streamed, but users are also able to download this music (assuming they have the license to do so). All of the music uploaded is of the .mp3 format, however they have no filetype extensions, and were not named using any particular naming convention. Because of this, I was hoping to change the filename (when a downloaded is initiated) to variables I have stored based on the current song.

I am currently simply opening a new page, in Chrome is looks like this:
Code:

chrome.tabs.create({ "url": song.url })

Hit presents the user with a prompt to save the file, however, its default name is a random alphanumeric string with no extension, as per their file name on my server. Is there an easy way to do this without renaming all the music server side? I do have the variables song.title and song.artist setup!

All help is appreciated!

Edit: Since this page is only for Chrome users, I listed the code I am using. I understand window.open and was originally using this. It functions the same, and if I need to revert back to using is instead, I shall.

Hi..

I have checkbox and I need to get his value.

I create function for checkbox if checkbox is clicked it is true then the checkbox value is H else W.

Code:

function chk(){
 
if(document.getElementById('H').checked==true){
 var H = document.getElementById('H'). value = H;
}

else if(document.getElementById('H').checked==false){
var H = document.getElementById('H'). value = W;
}
 
}

and I have function for save :

Code:

function ApproveLeaveOP(){
    var H = document.getElementById('H').value;
    document.sampleform.action="AddLeave.php?H="+H;
    document.sampleform.submit();  

}
<input type="checkbox" name="H" id="H" value="" onclick="chk()">

I don't know how can I add value to the checkbox if I click the value will be H if not the value is W.

I am new in using checkbox.
Thank you so much..

Hi , i have got this img src html..

how do i write a javascript to auto save this image in C:\ without right click on the image?

<img src="/user_images/V/VI/VIR/Virgo001/1135356474_ylittlekid.jpg" alt="1135356474_ylittlekid.jpg"></img>

thanks for help!

Hey guys, I think this is some pretty basic JavaScript but I'm not too familiar with the language and would really appreciate some help here.
I have an image switcher script setup. Its very basic and changes the image displayed on click of a link. Here is what I currently have:

Javascript:
Code:

<script type="text/javascript">
function changeIt(imageName,objName)
{
var obj = document.getElementById(objName);

var imgTag = "<img src='"+imageName+"' border='0' />";

obj.innerHTML = imgTag;

   return;
}

</script>

HTML:
Code:

<div id="image1">
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/49057_100001550995222_9679_q.jpg" border="0" alt="one" />
</div>

<br>

<a id="one" href="#" onclick="changeIt('http://profile.ak.fbcdn.net/hprofile-ak-snc4/49057_100001550995222_9679_q.jpg','image1');">one</a>

<a id="two" href="#" onclick="changeIt('http://profile.ak.fbcdn.net/hprofile-ak-snc4/174411_100002333675750_7453320_q.jpg','image1');">two</a>

<a id="three" href="#" onclick="changeIt('http://profile.ak.fbcdn.net/hprofile-ak-snc4/41512_100000999943382_7276_q.jpg','image1');">three</a>

<a id="four" href="#" onclick="changeIt('http://profile.ak.fbcdn.net/hprofile-ak-snc4/41477_100001406980454_629_q.jpg','image1');">four</a>

<a id="five" href="#" onclick="changeIt('http://www.dead-paramour.org/fans/fanMCR4.jpg','image1');">five</a>

Its very basic but does what I want. What I'm attempting to do is store the image selected as a cookie so that when users refresh/navigate to other pages the image stays to the one they selected.
Is anyone able to help me out with this?

Any help is greatly appreciated.
Thanks,
Chris

im trying to have it save the values in the menu, i was think either cookies or
storing it in the .window thing but i am unsure of how to do these, any help would be great.



Code:

<script type="text/javascript">

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}


function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

<!--
// initialise shortcuts on page load
var selectObj1=null, selectObj2=null// global
 function init()
  { selectObj1=document.getElementById("select_1");
    selectObj2=document.getElementById("select_2");
    selectObj2.disabled=true;

// ========== end init() ==============
// second select box options list
var A= new Array()
A["remote 1"]=["0","yup","DVD-1"];
A["remote 2"]=["0","VCR-1","DVD-2"];
//

// global variables
var saveObj=null, indx=null, targetObj=null, selectNo=null;   
//
 function process(obj,sNumb)
  { // disable unused select boxes
    if(sNumb==1)
     { selectObj1.selectedIndex="0";
       selectObj1.disabled=true;
     }
    else if( sNumb==2)
	 { selectObj1.selectedIndex="0";
       selectObj1.disabled=true;
     }
   //
   // store selected index   
    indx=obj.options.selectedIndex;
   // invalid selection
    if(indx==0){ return; }
   // ---------
   // save passed parameters for use after timeout deleay   
    saveObj=obj, selectNo=sNumb;     
  // put object items list into next select box after clearing
     targetObj=document.getElementById("select_"+selectNo)
     targetObj.disabled=false;
   // clear any existing options note that this starts from end of list, not beginning 
     for(var i=targetObj.options.length-1;i>-1;i--)
          { targetObj.options[i]=null;  }   
  // build in short delay here to avoid error in Opera browser
      setTimeout("finishOff()",50)
    }
// ----------- 50ms delay here --------   
// called from timeout in function process()
   function finishOff()
    {  var obj=saveObj;    // from global
      // fill selectObj options 
       var i, thisItem=0;                         
      // build options list
      switch(selectNo){
      case 2 : targArray = A[obj.options[indx].value]; break;
       }   
         //
       for(i=0;i<targArray.length;i++)
         { thisItem=targArray[i];     
          // syntax is new Option("text", "value", isDefaultSelectedFlag, isSelectedFlag)
                   
           targetObj.options[i]=new Option(thisItem,thisItem,false,false);   
         }
     obj.blur();
  }
  
// ============ end process() ===================
// fires on selecting in third select box
 function finish()
  { select("["+selectObj1.value+"]  ["+selectObj2.value+"]")
  }
// ------------ 
//
window.onload=init;
//-->

</script>

I'm trying to find the best approach for saving the checked value of a checkbox in SQL

With this script the FieldName "Active" toggles yes/no onClick...
That we can post to the database no problem...

What I am having trouble with is saving the checked value.

I want to make the FieldName Active =hidden, and only display the
checkbox with correct value checked yes/no.

Code:

<script type="text/javascript">
var YesOrNo = (function() {
  if(document.select.checkbox.checked) {
    document.select.Active.value = 'yes';
  } else {
    document.select.Active.value = 'no';
  }
});
</script>
<form name="select">
    <input type="hidden"   name="Active"   size="10" /> 
    <input type="checkbox" name="checkbox" onclick="YesOrNo();"  value="on" />
</form>

Hey Guys,

I'm working on a Gameserver for a Game, written in JavaScript.
I want to save all console.log()'s with Timestamp into a txt-file but I don't know how :/

Could you help me with it and tell me how I can do this?
for example, I want to save User-Logins into the logs. This is the code I'm using right now.
Code:

            case "LOGIN":
                var data = PacketModels.login.parse(datapacket);
                User.login(data.username, data.password, data.is_banned, data.is_online, function(result, user){
                    if(result){
                        if(user.is_banned == 1){
                            console.log("[WARNING] ".red + data.username + " tried to login. It failed because the User is banned!");
                            c.socket.write(packet.build(["LOGIN", "ISBANNED"]));
                        }else if(user.is_banned == 0){
                            if(user.is_online == 1){
                                console.log("[WARNING] ".red + data.username + " tried to login. It failed because the User is already online!");
                                c.socket.write(packet.build(["LOGIN", "ALREADYLOGGEDIN"]));
                            }else if(user.is_online == 0){
                                c.user = user;
                                c.enterroom(c.user.current_room);
                                c.user.is_online = 1;
                                c.user.save();
                                c.socket.write(packet.build(["LOGIN", "TRUE", c.user.current_room, c.user.pos_x, c.user.pos_y, c.user.username]));
                                console.log("[INFO] ".blue + data.username + " has logged in on     Map:[" + (c.user.current_room_name).blue + "] X:[" + String(c.user.pos_x).blue + "] Y:[" + String(c.user.pos_y).blue + "]");
                            }
                        }
                    ...

Reply With Quote




12-22-2014, 02:48 PM #2
sunfighter View Profile View Forum Posts

Senior Coder Join Date Jan 2011 Location Missouri Posts 4,830 Thanks 25 Thanked 672 Times in 671 Posts

JS will not save a text file. You need to do this with a server side language like PHP and if your going to all of that trouble you might want to study a database at the same time or soon after.

I am trying to do this and have some code im working with.

I can load the file through a browse button then save it using the existing code.

However, I want instead of the browse option to just preload the file into the textarea and then be able to save it.

Code:

<script language="javascript">
<!--//
 var oFileSystem;
  oFileSystem = new ActiveXObject("Scripting.FileSystemObject");
   function ShowFile(sFilePath){
     frmEditHTML.tarHTMLText.value = oFileSystem.OpenTextFile(sFilePath).ReadAll();
   }

   function SaveAfterEditing(){
    var oFile;
     oFile = oFileSystem.CreateTextFile(frmEditHTML.filPath.value,1);
     oFile.WriteLine(frmEditHTML.tarHTMLText.value);
     oFile.Close();
   }
</script>

Code:

<form name="frmEditHTML">
<input type="file" name="filPath" onchange="ShowFile(this.value)">
<br><textarea name="tarHTMLText" cols=60 rows=20></textarea><br>
<input type="button" value="Save" name="cmdSave" onclick="SaveAfterEditing()">
</form>

Hi all, I found this script online that lets users on an iPhone drag boxes around the screen. The problem is that when you reload the page, the boxes are in different positions than what they were before the reload. Like, you would drag the boxes around and then reload the page, but the boxes would be in the default locations. I want the boxes to stay in the same spot that they were the previous time they moved them. Does that make sense? Anyways, here's the example I found online:

http://www.manifestinteractive.com/iphone/touch/

Only works on iPad/iPhone/iPod Touch. It uses jQuery too so if you know of any way to do this, that would be excellent. Thanks.