Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

dpsleep · May 26th, 2006, 12:24 AM

im working with prototype.js and thickbox trying to insert the image data from http://software.hixie.ch/utilities/cgi/data/data into the js.i wanted to change
$("body").append("<div id='TB_load'><div id='TB_loadContent'><img src='pictures/circle_animation.gif' /></div></div>");
to
$("body").append('<div id='TB_load'><div id='TB_loadContent'><img src="image data" /></div></div>');

the only problem is the image data has a bunch of single quote marks in it.
anyone has an idea on what i should do here?

Sane · May 26th, 2006, 12:41 AM

Every time you want to use a single-quote, use a \ before it. In javascript \ is the escape character, it allows you to escape the functionality of the single quote.

\'

Example:

(Toggle Plain Text)

document.write('<a href="javascript: popup(\'http://google.com\');">Google</a>');

dpsleep · May 26th, 2006, 12:45 AM

well ill go ahead and try that, might take a while though...
edit: well that didnt work, i used word's replace feature to do that a little faster but in the end the js is still broken

Sane · May 26th, 2006, 12:49 AM

I'm sorry, I was wrong. I updated my post with the correct answer.

dpsleep · May 26th, 2006, 12:51 AM

ahh, ok. should have tryed that before, ill do it now
edit: well it still doesnt seem to be working, of you goto www.cycodude.com/gallary and view the source then do a search for this string
$("body").append('<div id='TB_load'>
thats where im trying to put it.

dpsleep · May 26th, 2006, 1:47 AM

ok so i used \. and it works for the most part, only problem is now it breaks the image, shows up all distorted

dpsleep · May 26th, 2006, 3:18 AM

ok well i fixed it by just entering <loding></loading> where the image was loading and puting the image code in the css. works great so no worries now. but thanks for trying. great forums you got here.

Cerulean · May 26th, 2006, 9:14 AM

What on earth is a loading tag? Did you just make that up? I think you just need to put something inside the div element - a non-breaking space (&nbsp

would do.

DaWei · May 26th, 2006, 9:25 AM

Even if you use the dreaded "loading" tag, I'd suggest you not mix it with the "loding" version

.

Ooble · May 26th, 2006, 10:03 AM

Quote:

Originally Posted by dpsleep

im working with prototype.js and thickbox trying to insert the image data from http://software.hixie.ch/utilities/cgi/data/data into the js.i wanted to change
$("body").append("<div id='TB_load'><div id='TB_loadContent'><img src='pictures/circle_animation.gif' /></div></div>");
to
$("body").append('<div id='TB_load'><div id='TB_loadContent'><img src="image data" /></div></div>');

the only problem is the image data has a bunch of single quote marks in it.
anyone has an idea on what i should do here?

That's nowhere near the only problem. I have no idea what $("body") means, but I can guess you're trying to do something like this:

(Toggle Plain Text)

image = document.createElement("img");
image.src = "my_image.png";
image.alt = "Picture!!!11";

holder = document.createElement("div");
holder.id = "TB_load";
holder.appendChild(image);

body = document.getElementsByTagName("body")[0];
body.appendChild(holder);

Disclaimer: not tested - there's likely to be a bug or two.

May 26th, 2006, 12:24 AM	#1
dpsleep Newbie Join Date: May 2006 Posts: 16 Rep Power: 0	entering image data into js im working with prototype.js and thickbox trying to insert the image data from http://software.hixie.ch/utilities/cgi/data/data into the js.i wanted to change $("body").append("<div id='TB_load'><div id='TB_loadContent'><img src='pictures/circle_animation.gif' /></div></div>"); to $("body").append('<div id='TB_load'><div id='TB_loadContent'><img src="image data" /></div></div>'); the only problem is the image data has a bunch of single quote marks in it. anyone has an idea on what i should do here?

May 26th, 2006, 12:41 AM	#2
Sane Programming Guru Join Date: Apr 2005 Posts: 1,799 Rep Power: 5	Every time you want to use a single-quote, use a \ before it. In javascript \ is the escape character, it allows you to escape the functionality of the single quote. \' Example: (Toggle Plain Text) document.write('<a href="javascript: popup(\'http://google.com\');">Google</a>'); document.write('<a href="javascript<b></b>: popup(\'http://google.com\');">Google</a>');

May 26th, 2006, 12:51 AM	#5
dpsleep Newbie Join Date: May 2006 Posts: 16 Rep Power: 0	ahh, ok. should have tryed that before, ill do it now edit: well it still doesnt seem to be working, of you goto www.cycodude.com/gallary and view the source then do a search for this string $("body").append('<div id='TB_load'> thats where im trying to put it. Last edited by dpsleep; May 26th, 2006 at 1:14 AM.

May 26th, 2006, 9:25 AM	#9
DaWei Resident Grouch Join Date: Jun 2005 Posts: 6,453 Rep Power: 10	Even if you use the dreaded "loading" tag, I'd suggest you not mix it with the "loding" version . __________________ Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

May 26th, 2006, 12:45 AM	#3
dpsleep Newbie Join Date: May 2006 Posts: 16 Rep Power: 0	well ill go ahead and try that, might take a while though... edit: well that didnt work, i used word's replace feature to do that a little faster but in the end the js is still broken

May 26th, 2006, 12:49 AM	#4
Sane Programming Guru Join Date: Apr 2005 Posts: 1,799 Rep Power: 5	I'm sorry, I was wrong. I updated my post with the correct answer.

May 26th, 2006, 1:47 AM	#6
dpsleep Newbie Join Date: May 2006 Posts: 16 Rep Power: 0	ok so i used \. and it works for the most part, only problem is now it breaks the image, shows up all distorted

May 26th, 2006, 3:18 AM	#7
dpsleep Newbie Join Date: May 2006 Posts: 16 Rep Power: 0	ok well i fixed it by just entering <loding></loading> where the image was loading and puting the image code in the css. works great so no worries now. but thanks for trying. great forums you got here.

May 26th, 2006, 9:14 AM	#8
Cerulean Professional Programmer Join Date: Apr 2005 Location: London, England Posts: 459 Rep Power: 4	What on earth is a loading tag? Did you just make that up? I think you just need to put something inside the div element - a non-breaking space (&nbsp would do.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > JavaScript and Client-Side Browser Scripting

entering image data into js