JavaScript - Innerhtml Javascript Special Characters And Adding String Variable

Hi,

I have a javascript program that currently takes the contents of a *.txt file and converts it to a string-type variable using a hidden iframe.

For my pruposes it would be much nicer to read a *.csv file instead, however the method I'm using creates the "open/save file" pop-up window.

All files are client-side and in the same folder on one computer; this is NOT server-side or internet-based. It is simply javascript used in an HTA file as programming code. The *.csv does not need to be edited, just read.

I need to know how to convert the text of this *.csv file into a string variable. I have heard of using "xmlHTTPRequest (AJAX)" but am not familiar with how to use this. Any advice or code would be greatly appreciated.

Can some one help me, I want to replace the characters from a string and I have tried with this script:

Code:

var v5=form.description.value.replace(/#/, "%23");

But it only changes the first character from the string.

Turning #### into %23### but I want them all transformed.

Hi,

So I've got an array called questions_raw

Code:

questions raw = [
["<Q1> Question",
    "choice1","choice2", "choice3"],
["<Q2> Question",
    "choice1","choice2", "choice3"],
...
]

And I want to list all of the questions, but not the choices/answers. So far, I've managed to list just the questions, but because another function randomly sorts them, I need to sort them back into numerical order for a separate function (displaying the questions)

I use characters (>,^) at the front to separate them into different answer types (just to explain the code)

I try this to cut each string down so that they can be sorted numerically/alphebetically -

Code:

function linearlist()
{
var list = [];
var tempStr = "";
for (var l = 0; l < 145; l++)
{
	tempStr = questions_raw[l][0];
    list[l] = tempStr;
}

if (list.charAt(0)== " " )  list = list.substring(3) ;
if (list.charAt(0)== ">" )  list = list.substring(3) ;
if (list.charAt(0)== "^" )  list = list.substring(3) ;
var sorted = list.sort();

document.Qtext2form.Qtext2.value = sorted.join("\n");
}

But it doesn't like it - because "it has no method charAt"

Any idea what i'm missing? Is it just that you have to put the [l] in every time you call a variable?

Cheers

How can to obtain length of string variable, for example if I have:

var msg = 'hello world!';

Does it exist a method to count string characters?

I have been using code such as
Code:

a=a.replace(/ /g,'');
b=b.replace(/;,/g,';');

to eliminate spaces in a string, as well as converting things like ";," to ";" in strings. Several instances of these replacements will have to occur in the strings.

Unfortunately, I cannot make it work for converting two commas into one or for eliminating line breaks. Does anyone know how to do this (preferably without using "while")?

Hey all!

Got a question I can't seem to find an answer to.

I have a little JS app that is a glorified calculator which I posted the code for below. My code uses the document object to replace the html in the "content" <div> and works great.
However, I want to add an inline style in order to change the background of the input (readonly field with an id of "coutput") based on either of the global variables named "MJPD" or "IJPD", (depending on the switch case selected in the user prompt at the beginning of the script.)

Simplified....if the value of MJPD is less than 4.6, I want the "coutput" field's background to be red, else be green.
The same goes for IJPD, except the threshold for red will be <3.83.

Code and what I have tried is below. After reading the code, look below it to see what I have tried and maybe tell me what I'm doing wrong! =)

Any help is greatly appreciated.......I have spent a week searching for this little answer and I can't seem to find it!

Code:

  
<script language="JavaScript">
var MJPD = 1;
var IJPD = 1;
function sayhello(){ //   *** live test for inline JS code placement
alert("IT WORKS!!! Now change me  =)");
}
//////////////////////////////////////////////////////
function changeScreenSize(w,h) 
{
       window.resizeTo( w,h )     
}
///////////////////////////////////////////////////
function iJPDCalc(form) //calculate IJPD value
{
var ij = parseFloat(form.IJobs.value, 10);
var it = parseFloat(form.ITime.value, 10);
var IJPD = 0;
IJPD = (ij / it) * 8.0;
form.I_JPD.value = IJPD;
}
/////////////////////////////////////////////////////
function mJPDCalc(form) //calculate MJPD value
{
var mj = parseFloat(form.MJobs.value, 10);
var mt = parseFloat(form.MTime.value, 10);
var MJPD = 0;
MJPD = (mj / mt) * 8.0;
form.M_JPD.value = MJPD;
}
/////////////////////////////////////////////////////
function ijpdcolor() //set bg color of coutput based on IJPD's value
{
if (IJPD >= 3.83) {
	return ("green");
}
else {
	return ("red");
}
}
/////////////////////////////////////////////////////
function mjpdcolor() //set bg color of coutput based on MJPD's value
{
if (MJPD >= 4.6) {
	return ("green");
}
else {
	return ("red");
}
}
/////////////////////////////////////////////////////
function startVZT3(){
var n=0;
n=prompt("What would you like to do?  1: Calculate IJPD  2: Calculate MJPD  3: Exit", "Enter a value from 1-3") 
switch(n) 
{
case(n="1"): 
document.getElementById("content").innerHTML='<FORM><h2>Combined IJPD Calculator</h2><p>Install components completed today:</p><INPUT NAME="IJobs" VALUE="3.84" MAXLENGTH="10" SIZE=10><p>Hours taken to the jobs:</p><INPUT NAME="ITime" VALUE="8" MAXLENGTH="10" SIZE=10><h4> Click the button to calculate your IJPD:</h4><INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON class="cbutton" onClick=iJPDCalc(this.form)><p>Your current combined IJPD for today is:</p> <INPUT NAME="I_JPD" class="output" style=" " id="coutput" READONLY SIZE=10></FORM>';
break
case(n="2"): 
document.getElementById("content").innerHTML='<FORM><h2>Combined MJPD Calculator</h2><p>Trouble components completed today:</p><INPUT NAME="MJobs" VALUE="4.6" MAXLENGTH="10" SIZE=10><p>Hours taken to the jobs:</p><INPUT NAME="MTime" VALUE="8" MAXLENGTH="10" SIZE=10><h4> Click the button to calculate your MJPD:</h4><INPUT NAME="calc" VALUE="Calculate" TYPE=BUTTON class="cbutton" onClick=mJPDCalc(this.form); mjpdcolor();><p>Your current combined MJPD for today is:</p> <INPUT NAME="M_JPD" class="output" style=" " id="coutput" READONLY SIZE=10></FORM>';
break
case(n="3"): 
alert('This page will now close...');
window.close();
break
default:
document.getElementById("content").innerHTML='<h1 style="padding-top: 40px; color: red;">You need to enter a value! Please try again...</h1>';
break
	}
}
///////////////////////////////////////////////////////
</script>
</head>
<body onload="changeScreenSize(825,775)">
<div id="wrapper">
<div id="sub_wrapper">

<br />
<br />

<input type="button" class="button" onclick="startVZT3()" value="Start VZT3 Web!" />
<br /><br />

<div id="content">
<h3 style="padding-top:60px;">VZT3</h3>
</div>
</div>
<script type="text/javascript"> <!-- trying script to ensure function and dynamic update of this value - doesnt work 2/3/2010 -->
document.write(mjpdcolor());
</script>

</div>
</body>

OK, so on the last line of each case statement where it injects html code into the content div, in this code style=" background: ** ** " and in between the ** ** marks, I have added such things as <script type="text/javascript">document.write(mjpdcolor())</script> (or ijpdcolor, depending on which case I am working with).

Theoretically, this should pull the value of MJPD (or IJPD), evaluate it for the if statement, then return the value of red or green and set the value of the background dynamically - but of course it doesnt. I have also tried different inline styles and even adding the css id and trying to link it to the mjpdcolor() function, but all to no avail.

Can someone help me please??

Thanks everyone, your awesome!

Here is the code i am trying.

Code:

var str="اسدف";
patt=/[\u0600-\u06FF\u0750-\u077F]/;
result=patt.test(str);
document.write("<br />Returned value: " + result);
</script>

This should return true, as the string in the str variable is indeed Arabic character. But it returns false. Need some help here on this..

Thanks in Advance

I have a problem thats above my head, im new to javascript.

I want to be able to control the first three characters of an input string on a login form.
If a user types GP15555 or JP15555 I want it to change to GPL5555 or JPL5555 respectively
changing the "1" to an "L" on the prefix

is this at all possible? any point in the right direction would be great.

heres my code

Code:

 </script>

 <script language="JavaScript" type="text/javascript">
//<![CDATA[
function Login(form) {
var password = form.password.value;
var pin = form.pin.value; 
var product = form.product.value;
if (password) {
var htsite = product + "/" + password + "/" + pin + "/index.html";
window.location = htsite;
}
else {
alert("Please enter your password and pin.");
   }
}
//  End -->
//]]>

</script>

/thanks gp

Hi to all!

I have a jquery script that checks in the database if a user exists and if true it returns a big red X next to the field, I now want to implement a statement to only alow nmbers (0-9) letters (a-z) and (_) (-)

So the only help i need is to construct a if statement similar to the one below, if it is possible, and if not, any advice on howto.

Code:

           if(any thing else but 0-9, a-z _ -){
	$('#username').css('border', '3px #C33 solid');	
	$('#tick').hide();
	$('#cross').fadeIn();
	}

Full script:
Code:

<script>
$(document).ready(function(){
$('#username').keyup(username_check);
});
	
function username_check(){	
var username = $('#username').val();
if(username == \"\" || username.length < 4){
$('#username').css('border', '3px #CCC solid');
$('#tick').hide();
}
else{

jQuery.ajax({
   type: \"POST\",
   url: \"general/check.php\",
   data: 'username='+ username,
   cache: false,
   success: function(response){
if(username == \"admin\"){
	$('#username').css('border', '3px #C33 solid');	
	$('#tick').hide();
	$('#cross').fadeIn();
	}
else if(response == 1){
	$('#username').css('border', '3px #C33 solid');	
	$('#tick').hide();
	$('#cross').fadeIn();
	}else{
	$('#username').css('border', '3px #090 solid');
	$('#cross').hide();
	$('#tick').fadeIn();

	     }

}
});
}



}

</script>

Thank you in advance.

Hello,

I am using AJAX and got the output from AJAX like the below line

Ajax function

Code:

if (http_request.readyState == 4) {
    if (http_request.status == 200) {
            var_output = http_request.responseText;
            document.getElementById('result').innerHTML = var_output;  //value 100 displayed
}
else
{
           alert('There was a problem with the request.');
}
}

In my javascript function, i need to get the value 100 from that innerHTML.
Is it possible to get this value?

Code:

// I tried this way, but not working
var txt = document.getElementById('result').innerHTML;

or Store it in hidden field and get the value from javascript.

Please suggest any idea to solve this problem

Thanks

hi guys, i am new to javascript and have a problem:

I have an empty combobox, and two buttons. What i am trying to do is; adding 2 elements in to te combo box when i click on the button1. And i want to change these values with something else when i hit the button2.

So far i can fill the combo box but i can not change the values when i click on the second button. Here is my code:


Code:

[HTML]<html>
<head>

<script type="text/javascript">

function ce(str)
{
document.getElementById("end").innerHTML=
"mySel.appendChild(document.createElement('option')).text=\""+str+"\";";
}
</script>

</head>

<body>

<h1>TryIt</h1>

<select id="mySel"><script id="end"></script></select>

<input type="button" value="Add" onclick="ce('try');">

<input type="button" value="Add2" onclick="ce('try again');">

</body>

</html>[/HTML]

I want to do this with javascript and using appendChild. If i try to send <option> tags within innerhtml it works but not whis way. why isnt it working?