JavaScript - How To Escape Quotes In This Code?

Hi there,

I have been told I need to use escape() and unescape() to fix some issues I am having with my Javascript in IE7. I've been fiddling with it for two days now and can't seem to get it working correctly. It would be amazing if someone on here could spare a few minutes to tell me what my code should look like. It already works fine as is in new browsers, but IE7 is the problem!

Here's my Javascript (I've removed my efforts at escaping and unescaping, and also blanked my Facebook app ID out with 123456789):

Code:

<script>
         FB.init({ 
            appId:'123456789', cookie:true, 
            status:true, xfbml:true 
         });

function shareProduct(captionvar, descriptionvar, picturevar) {
 
         FB.ui({ method: 'feed',  
			link: 'http://www.facebook.com/rjthompsonmusic?sk=app_123456789',
			name: 'RJ Thompson Official Facebook Store',
			caption: captionvar,
			description: descriptionvar,
			pictu  picturevar
            });
}
</script>

And here is how it is being called:

Code:

<a href="#" onclick="shareProduct('Illogical Life - Digital Download', 'RJ Thompsons 2006 album &quot;Illogical Life&quot; available for Digital Download from his Facebook Store. Includes the single &quot;Green Eyed&quot;, live favourites &quot;Jester&quot; and &quot;Piano Song&quot;, and 8 more original tracks. Only &pound;7.49!', 'http://www.rjthompsonmusic.com/facebook/illogical_life_270.jpg')">
Facebook</a>

Would really appreciate any help with this.

Many thanks,


Chris

What is the need of using escape() in javascript ?

I am unable to understand this escape().
What happens if escape() is not used ? Can someone , please explain in detail ?

Thanks

I have a form with an action url, but I need to alter it on submit. What I need to do is take the value of the text field, escape it, and append it on the end of the action url. Something like this:

action url: /search/node
appended action url: /search/node/some_escaped_string

To do this, I create the function ahead of time and change the submit to a button with onClick. What isn't working is the escape mechanism. If I were to test for "ttt hhh", I'll get "/search/node/ttt hhh", instead of "/search/node/ttt%20hhh"

Code:

<script type="text/javascript">
function urlAppend()
  {
  termsValue = document.getElementById('terms').value;
  escapedVar = escape(termsValue);
  appendedUrl = "/search/node/" + escapedVar;
  location.href = appendedUrl;
  }
</script>

<form method="get" action="/search/node">
<input type="text" name="terms" id="terms"></input>
<input type="button" value="Search" onClick="urlAppend();">
</form>

Can someone tell me what I'm doing wrong?

action3.innerHTML = '<input type="button" class="menuButtons" id="menuButton1" value="Lab1" onclick="requestWindow(&quote;../lab1.html&quote;)" />...

how can I fix that. I tried &quotes for a third quote after already using single quotes and double quotes but it still hates me =[

Hi, I have completed the necessary function and it does not need any changes however from the "alert" I need there has to be double quotes surrounding the search 'Lboro'. (I know I may be making a meal of the coding however the lecturer wants us to follow this due to everyone being at different levels of programming).
I have used the '\' character however the double quotes do not end up in the position I require them?!

My Coding

function findAnyU (s){

var a = s , b , c , d , e = -1;

for (var i = 0 ; i < pages.length && e == -1 ; i++){
b = pages[i].indexOf('[');
c = pages[i].indexOf(']');
d = pages[i].substring(b+1, c).toLowerCase();
e = d.indexOf(s.toLowerCase());
}

if(e >= 1)
a += ' found'
else
a += ' not found'

return (a)
}

alert (findAnyU('Lboro' , pages));

Current Alert =

Lboro found


Cheers George

I am just learning the basics and am trying to figure out timing with setTimeout()

Code:

<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
setTimeout("document.write('Hello   There   World');", 2000);
setTimeout("document.write("<p>" + Date() + "</p>");", 2000);
</script>

the 1st document.write works and the 1st setTimeout() works, but then I add the fourth line and the page will not load.

Why does it not like my 4th line : "setTimeout("document.write("<p>" + Date() + "</p>");", 2000);"?

This is my very first javascript (I have limited knowledge C++ and php). I am trying to make an instant quote calculator, but having some trouble. I want to display the result of the calculation in the textbox with id price.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OVP Custom Order</title>

<script language="javascript">
<!--

function calcul(){

var vmin = document.getElementById('dur_min')[document.getElementById('dur_min').selectedIndex].value;
var vsec = document.getElementById('dur_sec')[document.getElementById('dur_sec').selectedIndex].value;
var vscript = document.getElementById('script')[document.getElementById('script').selectedIndex].value;
var vvstock = document.getElementById('vis_stock')[document.getElementById('vis_stock').selectedIndex].value;
var vvvideo = document.getElementById('vis_video')[document.getElementById('vis_video').selectedIndex].value;
var vvanim = document.getElementById('vis_anim')[document.getElementById('vis_anim').selectedIndex].value;
var vvoice = document.getElementById('voice')[document.getElementById('voice').selectedIndex].value;
var vmusic = document.getElementById('music')[document.getElementById('music').selectedIndex].value;

vmin = vmin*1;
vsec = vsec*1;
vscript = vscript*1;
vvstock = vvstock*1;
vvvideo = vvvideo*1;
vvanim = vvanim*1;
vvoice = vvoice*1;
vvmusic = vvmusic*1;
var overhead = 547;
cost = (vmin+vsec)*(vscript+vvstock+vvvideo+vvanim+vvoice+vmusic+overhead);
document.getElementById('price').value = cost;

} 
// -->
</script>
</head>

<body>
<form id="form1" name="main">
  <label>Duration
  <select id="dur_min">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
      </select>
  </label>
  mins 
  <label>
  <select name="dur_sec" id="dur_sec">
    <option value="0">00</option>
    <option value="0.25">15</option>
    <option value="0.5">30</option>
    <option value="0.75">45</option>
  </select>
  </label>
  seconds<br />
  <label><br />
  Script Provided by
  <select name="script" id="script">
    <option value="0">Client</option>
    <option value="200">OVP</option>
  </select>
  </label>
  <br />
  <br />
  Visuals<br />
  <label>
  <input value="100" type="checkbox" name="vis_stock" id="vis_stock" />
  Stock Image Library</label>
  <br />
  <label>
  <input value="300" type="checkbox" name="vis_video" id="vis_video" />
  Video Shoot</label>
  <br />
  <label>
  <input value="200" type="checkbox" name="vis_animation" id="vis_animation" />
  Animation &amp; Graphics</label>
  <br />
  <label><br />
  Voiceovers
  <select name="voiceovers" id="voiceovers">
    <option value="0">No</option>
    <option value="200">Yes</option>
    </select>
  </label>
  <br />
  <label><br />
  Royalty Free Music
  <select name="music" id="music">
    <option value="0">No</option>
    <option value="50">Yes</option>
    </select>
  </label>
  <br />
  <br />
  Output Format(s)<br />
  <label>
  <input type="checkbox" name="out_web" id="out_web" />
  Web</label>
  &nbsp;&nbsp;&nbsp;
  <label>
  <input type="checkbox" name="out_dvd" id="out_dvd" />
  DVD</label>
  &nbsp;&nbsp;&nbsp;
  <label>
  <input type="checkbox" name="out_download" id="out_download" />
  Download</label>
  <br />
  <br />
  <label>
  <input type="submit" name="submit" id="submit" value="Calculate" onClick="calcul()"/>
  </label>
  <label>Approximate Price
  <input name="price" type="text" id="price" size="10" virtual warp="on" />
  </label>
  <br />
</form>
</body>
</html>

Thanks in advance

Hi

Can you please advise on this.

When writing javascript what is best practice.... single or double quotes?

I tried to research this and everyone contracdicts each other?


thanks

A

How can I add single quotes around listObj.options[i].value. I still want to keep the comma I'm adding to the end of it.

Code:

CSV += listObj.options[i].value + ',';

i've made an app in php/mysql which generates random quotes at intervals. i'm trying to integrate it with facebook. if i use iframes, everything works smoothly except for one issue, that facebook doesn't support iframe in profile boxes - which is what i want.

for this reason, i prefer to use fbml. however, i'm using jquery to get the quotes from the php file, and this doesn't work in fbml. i read that with fbml, i can work with fbjs. since i do not know fbjs, i'm stuck.

how do i convert the jquery code to get the quotes from php to fbjs? specifically, which part from the jquery file do i need to convert to fbjs, to get my code to work using fbjs?

any help would be appreciated.

i tried using fbjqry, but it didn't work.

this is my code:

Code:

<!DOCTYPE html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<link rel="stylesheet" type="text/css" href="css/jquote.css" />
<!--<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>-->
<script type="text/javascript" src="fbjqry/utility.js"></script>
<script type="text/javascript" src="fbjqry/fjqry.js"></script>
<script type="text/javascript">
// On page load, fill the box with content.
$(document).ready(function() {
$("#quoteContainer").load("quote.php");
});

var auto_refresh = setInterval(
function ()
{
   $('#quoteContainer').load('quote.php');
}, 5000); // refresh every 10000 milliseconds
</script>

</head>

<div id="wrapper">
<div class="header"> Quote of the Day</div>
<div id="quoteContainer">
</div>
</div>

</html>

I've got this bit of code that I've wrote and it was working absolutely fine like this:

Code:

function validatepostcode() {
var postcodevalue = document.getElementById("postcode").value;	
if (postcodevalue.indexOf("S") == -1)
{
alert(postcodevalue + " is not a valid postcode.");
}
}

Until I tried to add double quotes:

Code:

function validatepostcode() {
var postcodevalue = document.getElementById("postcode").value;	
if (postcodevalue.indexOf("S") == -1)
{
alert( \"  postcodevalue  \"  + " is not a valid postcode.");
}
}

What I want to do is wrap the value of "postcodevalue" in double quotes, and since it's inside an alert, I used the escape sequence \", which is how it should be done as far as I know. But for some reason, Dreamweaver's giving me a syntax error warning and the code doesn't work. Am I using the double quotes wrong?

Regards, Hashim.

Good morining,

I'm working on a javascript for a rollover menu that the client is regularly changing. I want to create a call to a remote "document write" script on each page so that when it changes I only have to modify it in the script rather than on every page of the site. The problem I am having is that I cannot figure out how to include the quotes needed to execute the rollovers without killing the script.

I tried removing all the quotes, and the "\" method as I would with a perl script, (and MANY other attempts) but no go.

Here is where I'm at right now. I would appreciate any suggestions or links to info I can read to learn from.

Call to the script in the html page(s):
Code:

<SCRIPT language="JavaScript" SRC="Nav_11Set.js"></SCRIPT>

The script (condensed to one image):
Code:

document.write('<table id=Table_01 width=143 height=264 border=0 cellpadding=0 cellspacing=0><tr><td><a href=http://www.minersalley.com/Memberships.html onmouseover=changeImages('Nav_11Set_01', 'images/Nav_11Set_01-over.jpg'); return true;onmouseout=changeImages('Nav_11Set_01', 'images/Nav_11Set_01.jpg'); return true;onmousedown=changeImages('Nav_11Set_01', 'images/Nav_11Set_01-down.jpg'); return true; onmouseup=changeImages('Nav_11Set_01', 'images/Nav_11Set_01-over.jpg'); return true;><img name=Nav_11Set_01 src=images/Nav_11Set_01.jpg width=143 height=24 border=0 alt=Membership Info!></a></td></tr></table>')

Hi ,

I have a data coming as a string which contains single quotes and double quotes but it is showing up as Code:

' and "

it should show it as Code:

' and "

How do I fix this issue. in JavaScript.

I'm trying to insert a title and a body into a Google maps window through PHP. The body could contain double or single quotes. How do I output these so that they don't break the script?

Relevant code:
Code:

$('#map_canvas').gmap('openInfoWindow', { 'content': '<strong><?php echo $m->marker->Title; ?></strong><br /><?php echo $m->marker->Body; ?><?php echo '<a href="./marker_info.php?id='.$m->marker->Nid.'"></a>' ?><br /><a id="m_location" href="#" data-role="button" data-icon="search" onclick="$.mobile.silentScroll(500);"></a>'}, this);