JavaScript - Escaping Chars > Workflow Question

Hi

I want to pass a strings from JS client to PHP server and vice versa. Problem is that I can't find a simple method of escaping them that gives consistent results.

I've tried escape, unescape, urlencode and urldecode, but there are problems with some characters eg +

From what I've read, JSON is the most reliable way to do this. I've figured out how to use json_encode to get a php string to a javascript variable, but I can't go the other way. How do I get the JSON string that represents a javascript object?

Thanks for any help.

I wasn't quite sure where to post this request as its JSON, javascript and php, so please tell me if I'm in the wrong place.

I want to remove special characters in form fields. It should be automatic.
I have a name filed where user entering text and i not want special characters, it should remove automatic.

something like this i need,

Code:

onkeyup="javascript:this.value=this.value.replace(/[^0-9]/g, '');"

here, all non-digits get removed automatic.

Need help.

Hello, i haven't understood how to find the id from buttons, links, button images to auto click yet for example, i want to CLICK HERE how can i do that? how i find the id (I Own firefox with firebug and know basic html) it will be something like
javascript:document.GetElementById('id').click(); right?
but just want to know how to find or create ids on sites for auto click
thanks

hello all
ive been asked to create a javascript slideshow.... and i don't really understand it that much i know a little javscript but not much........ is thier any helpful sites that i can use to teach you step by step to make a javascript slide show????

also if don't want loads of code to be used, i want the code to be clean insted of loads and loads of code what is just unessary.

i will be linking the javascript file to the html file so i need to keep the code to a min


LOL



CHEERS

Could someone please take a look at my code? It's a simple quiz with one multiple choice question and one fill in the blank.

When the user clicks on 'submit' I tried to show some kind of response with correct/incorrect images next to the question. It works with the multiple choice question, but not with the fill in the blank. How can I get the fill in the blank question to work. It always shows the answer as being wrong. Thank you.

Quote:
answer_list = [
['False'],
['body','hips','knees']

// Note: No comma after final entry
];

response = [];

function setAnswer(question, answer) {
response[question] = answer;
}

function CheckAnswers() {
var correct = 0;

var flag, resp, answ;

for (var i = 0; i < answer_list.length; i++) {
flag = false;
for(var j=0; j<answer_list[i].length; j++){
resp = response[i].toLowerCase();
answ = answer_list[i][j].toLowerCase();


#################################################################################################
if (response[0] == answer_list[0]) {

flag = true;
document.myquiz.a1c.style.backgroundImage="url('correct.gif')";
}
else{
document.myquiz.a1c.style.backgroundImage = "url('incorrect.gif')";
document.myquiz.a1c.value = " ANS: False. Position the head snugly against the top bar of the frame and then bring the foot board to the infant's feet.";
}


if (response[1] == answer_list[1]) {

flag = true;
document.myquiz.a1d.style.backgroundImage="url('correct.gif')";
}
else{
document.myquiz.a1d.style.backgroundImage = "url('incorrect.gif')";

}
###################################################################################################

}

if (flag) { correct++; }
}
document.writeln("You got " + correct + " of " + answer_list.length + " questions correct!");
}

</SCRIPT>
</HEAD>
<FORM name="myquiz">

<B>1. When measuring height/length of a child who cannot securely stand, place the infant such that his or her feet are flat against the foot board.</B>
<label><INPUT TYPE=radio NAME=question0 VALUE="True" onClick="setAnswer(0,this.value)">True</label>
<label><INPUT TYPE=radio NAME=question0 VALUE="False" onClick="setAnswer(0,this.value)">False</label>

<textarea rows="2" cols="85" name="a1c" style="background-repeat:no-repeat"></textarea>


<B>2. When taking a supine length measurement, straighten the infant's <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">, <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">, and <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">.</B>

<textarea rows="2" cols="85" name="a1d" style="background-repeat:no-repeat"></textarea>


<INPUT TYPE="button" NAME="check" VALUE="Check Answers" onClick=CheckAnswers()>
</FORM>
</div>
</FONT>
</BODY>
</HTML>

I was asked to redo a menu for this site:
http://www.listlabs.com/index.php

It was originally an imaged based menu, but they wanted it all changed to css/html. I used quickmenu and it used JS to produce the arrows at the top of each menu item.
Now to my question...

I'm trying to program the menu items to stay active when on the current page. At first, it looks correct, but if you hover back over the menu, it changes back to the inactive state.
Any help would be great!

Thanks.

You are given a mathematical expression containing integers and the basic operations: *,+,-, /. Find
the number of unique results that can be obtained by parenthesizing the expression differently. i.e.,
by changing the order of evaluation of the operations. Note that all operations are integer operations.
For example, if the input is 2 ∗ 3 + 6/2, your output should be 4.

Plzz help me with this qs.........

Hi all
I am doing an assigment and have gotten to the end and cannot get the unordered list to work.
If I try having my </script> tag below the </ul> it does not display anything
If i have it above it will only display the varible names or what ever I type between the <li> </li> tag and not the varible assigment.
num1,2,3,4 being the varible name. ie.

</script>
<ul>
<li>num1</li> I have tryed
<li>+num2+</li> also tryed
<li>(num3)</li> also tryed
<li>'num4'</li> also tryed and does not display
</ul>
</head>
</html>

The following does not display any thing
<ul>
<li>num1</li> I have tryed
<li>+num2+</li> also tryed
<li>(num3)</li> also tryed
<li>'num4'</li> also tryed
</ul>


</script>

</head>
</html>

I need to get the <li></li> to display not what I type in there but the assigment of the varible name I put in there.,or the output the varible calculation produces.

Hope that was easy to understand lol
Any advise would be awesome,
cheers
Shayne Darcy.

I'm not sure if this is the correct forum or not, but here goes.

I want to make a very simple XUL document. Just a simple basic window to be opened up, but, i want the XUL to Load and Render an HTML File.
I'm not sure about what function(s) to call to achieve this, can anyone give me any ideas to go on?

here's what i have so far

use my JavaScript Function called LoadFromDisk(FileName), if the file is there or the load is sucessfull, it can be stored as a variable. And then i have a single Division in the XUL document called RenderWindow. From there i set the innerHTML of the RenderWindow to the data that was loaded from the disk.
Is this the right way?

thanks

Ok i have been working on this for a while now. I have to have 3 fish swim across the screen in both direction. I have tried a few things but nothing is working. Can someone please explain to me what I am doing wrong. here is my code for you guys to look at it.
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Fish tank</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
// <![CDATA[
var fishPos = new Array(3);
  fishPos[0] = "fish1.gif"; 
  fishPos[1] = "fish2.gif"; 
  fishPos[2] = "fish3.gif";
var fillPosition = 10;
for(var i = 0; i < 50; ++i) {
        horizontal[i] = fillPosition;
        fillPosition += 10;
}
function fishSwim(fishNumber) {
document.getElementById("fishPos").style.left = horizontal + "px";
++fishPos[fishNumber];
if (fishPos[fishNumber] == 49)
        fishPos[fishNumber] = 0;
}

function startSwimming() {
        setInterval(fish1Swim, 100);
}
// ]]>
</script>
</head>
<body onload="startSwimming();">
<p><span id="fish1" style=
"position:absolute; left:10px; top:10px"><img src="fish1.gif" alt="Image of a fish" /></span></p>
<p><span id="fish2" style=
"position:absolute; left:10px; top:120px"><img src="fish3.gif" alt="Image of a fish" /></span></p>
<p><span id="fish3" style=
"position:absolute; left:10px; top:250px"><img src="fish2.gif" alt="Image of a fish" /></span></p>
</body>
</html>

I am really not understanding and in my book it only give me a page to read about the animation. I am still new to it. Thanks for looking

Hello

The onFocus events I have come across seem to deal with changing the background colour of the field on a Web form, so that the active field is a different colour to the background field of the other form elements.

But how would I use onFocus simply to have the cursor moving in the active field (on a Web form it might be the 'name' field for example)?

The code I have at the moment looks like this:

Code:

<!DOCTYPE etc

<head>
    <title>Janko</title>
    
    <style type="text/css">
        body
        {
            font-family: Arial, Sans-Serif;
            font-size: 13px;
        }
	#inputArea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    background-color: #d6e5f4;
	    padding: 10px;
	    width:310px;
	}
	#inputArea input, #inputArea textarea
	{
	    font-family: Arial, Sans-Serif;
	    font-size: 13px;
	    margin-bottom: 5px;
	    display: block;
	    padding: 4px;
	    width: 300px;
	}

        .activeField
        {
            background-image: none;
            background-color: #ffffff;
            border: solid 1px #33677F;
        }
        .idle
        {
	    border: solid 1px #85b1de;
	    background-image: url( 'blue_bg.png' );
	    background-repeat: repeat-x;
	    background-position: top;
        }
    </style>
    <script src="jquery-1.2.6.min.js" type="text/javascript"></script>
    

<script type="text/javascript">
        
$(document).ready(function(){
	    $("input, textarea").addClass("idle");
            $("input, textarea").focus(function(){
                $(this).addClass("activeField").removeClass("idle");
	    }).blur(function(){
                $(this).removeClass("activeField").addClass("idle");
	    });
        });


    </script>

</head>
<body>
    <h2><a href="www.jankoatwarpspeed.com">Janko At Warp Speed</a></h2>
    <p>This example is from the article <a href="http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx">Enhance your input fields with simple CSS tricks</a></p>
    <div id="inputArea">
        <label for="txtName">
            Name</label>
        <input id="Text16" type="text" />
        <label for="txtEmail">
            Email</label>
        <input id="Text17" type="text" />
        <label for="txtWebsite">
            Subject</label>
        <input id="Text18" type="text" />
        <label for="txtComment">
            Message</label>
        <textarea id="Textarea6" rows="4" cols="30"></textarea></div>
</body>
</html>

Many thanks

Steve

Hi, I was just wondering is it possible to have an onclick() JavaScript function that would use PHP to INSERT a new row into a MySQL table?

Like is it possible to put some php into a javascript function that runs when I click the button on my page? Something like that?

The PHP updates the MySQL database and the JavaScript tells the PHP when to happen? Just wondering what's the best way to go about that.

Hi there!
I'm creating a map that starts at the users location, has multiple locations marked out (that are fetched from JSON), tells if the person is withing a 100m range of the location and shows an overlay when a location is clicked on.

Is this even possible? (doesn't feel like it atm )
and if it's possible, which parts of google's api do I use?
If anyone has far to much spare time and feels like showing me how to do 1/2 of these things I would be extremley grateful, but I don't expect that.

Cheers.

I am using a show/hide script for my sites FAQs.

This is the code:

However, when you click on one of the Questions it brings you to the top of the page due to the <a href="#"
How do I make it so it doesn't bring you to the top of the page?

Code:

<html>
<head>
<title>TEST TEMPLATE</title>

<script type="text/javascript">
function showHide(id) 
{
    var current = document.getElementById(id);
    for ( var f = 1; f < 99999; ++f )
    {
        var div = document.getElementById("FAQ" + f);
        if ( div == null ) return; // quit when we run out of FAQs
        if ( div != current )
        {
            div.style.display = "none"; // zap all others
        } else {
            // toggle current one
            div.style.display = ( div.style.display == "none") ? "block" : "none";
        }
    }
    return false; // IMPORTANT!
}
</script>
</head>
<body>

<!------ QUESTIONS ------>
<p>Change lines <li> to divs or whatever</p>
    <li> <a href="#" onclick="return showHide('FAQ1')">FAQ one</a></li>
    <li> <a href="#" onclick="return showHide('FAQ2')">FAQ two</a></li>
    <li> <a href="#" onclick="return showHide('FAQ3')">FAQ three</a></li>

<!------ ANSWERS ------>
		<div id="FAQ1" style="display:none;"><p>Ans one</p></div>
		<div id="FAQ2" style="display:none;"><p>Ans two</p></div>
		<div id="FAQ3" style="display:none;"><p>Ans three etc etc.</p></div>

</body>
</html>