XML error message

My blog (http://jendelaniaga.blogspot.com)

Hi admin.
This is my first visit to your forum after using some of the scripts from your site. I have problem with some of them which was causing an error message showed up during preview i.e;
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The entity name must immediately follow the '&' in the entity reference.

I was trying to use the autumn and shaking button scripts but failed. Any help you might offer is very much appreciated.

Thanks

Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.

Usually that error has to do with links in the page that are passing variables. For example:

Code:

---

link.php?id=1&do=something

---

Should be written as so:

Code:

---

link.php?id=1&do=something

---

Hope this helps.

Hi Mod.
Thanks for your reply and sorry for the forgotten link.
Let me try this again.

link to the DD script
1.Shake Image script
2.Autumn leaves

These both scripts and some others produce the exactly same error message during the preview;
"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The entity name must immediately follow the '&' in the entity reference."

Your attention and update on this matter is very very much appreciated.

Hi everybody.
Regarding the previously posted error message, it's fixed by replacing the '&&' character on the script to '&' Thanks to moderator. But another error message displayed during preview i.e;
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The content of elements must consist of well-formed character data or markup.
I'm not good at all with the computer language make it impossible for me to figure out what else should be done to make the script works on my site. :(

BTW, this is the original script I'm trying to use.

Code:

---

<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

</script>

---

It's a script for "shaking image"

Hoping that someone could lend me a hand on this matter.
Thanks

It might be the © symbol. Try replacing it with the word copyright:

Code:

---

/*
Shake image script (onMouseover)-
copyright Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

---

Hi John.
Thanks for the advice but it didn't work. Maybe I'll just surf the entire forum for the similar problem (if there is any).
Thanks again.

Well you shouldn't really be using xml, but that may not be an option with your blog package. Generally though, if a script is in an external file, it will not cause problems like that.

With xml, you can also use cdata comment blocks to tell the browser not to parse the script as xml:

http://www.w3schools.com/XML/xml_cdata.asp

One other thought I had is that - I don't know which agent is giving you those errors. Depending upon the agent, the errors you are reporting may have no effect upon the rendering of the page or upon the execution of the script.

Hi John!! Thanks for the infos. I've tried using the cdata comment blocks. yup!! There was no more xml error message but, an attention mark appeared at the bottom-left corner of my browser indicating the syntax error and the image that supposed to shake didn't.
I'll check with my blog agent (blogger) on what should be done to make it possible to use this script on my site. Many thanks for spending your precious time on this problem, John.

P.S. In a glance i found that the w3schools.com is quite informative site that I can start learning XML from the beginning. Thanks for sharing.

Well you are making progress! That new warning/error you got is just a common garden variety javascript error. If you put the script back on the page and let me know what image it is supposed to shake, I can probably fix that.

A little word of caution about w3schools. I've always found their information accurate, but there have been several complaints around here - nothing specific, of some inaccuracies (I think some of this at least is some kind of resentment about how popular the site is though). I have noticed cases where information that only applies to IE was given without making it as clear as I would like to see that it only applied to IE.

Hi again john.
Your reply was really encouraging!! Do you really think that I'm making progress by having this 'syntax error'? Hopefully you're right, John.
Ok, lets get to the business.:o I pasted the script once again in the site and the codes in the image of the letter "J" under 'PENGENALAN'. (Don't ask why I want to animate this letter yeah :rolleyes:).

Else, I can just animating the letters using gif's animator like how i did with the letter 'H' but the file is several times bigger than it's original. I'll be very thankful if you can make this script works, John.

Any help you would offer is very very much appreciated.
Thanks.

Replace:

Code:

---

<style>
.shakeimage{
position:relative
}
</style>
<script language='JavaScript1.2'>
<![CDATA[

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
]]>
</script>

---

with (there are many changes, I think I've highlighted them all, just copy the below and replace the above on your page with it):

Code:

---

<style type="text/css">
.shakeimage{
position:relative
}
</style>
<script type="text/javascript">
<!--[CDATA[

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+'px';
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+'px';
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+'px';
}
else{
shake.style.left=parseInt(shake.style.left)-rector+'px';
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
// ]]-->
</script>

---

It will make the J shake when you move your mouse over the J.

Another warning sign onmouseover.
http://www.dynamicdrive.com/forums/i...cons/icon4.gif Object expected.

You killed all the line breaks in the script:

Code:

---

<style type='text/css'>
.shakeimage{
position:relative
}
</style>
<script type='text/javascript'>
<!--[CDATA[ /* Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector+'px'; } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector+'px'; } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector+'px'; } else{ shake.style.left=parseInt(shake.style.left)-rector+'px'; } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } // ]]-->
</script>

---

Start over with what I actually posted, make sure your editor doesn't strip out the line breaks in the script.

Sorry. It was purposely done since the original copy gave the same warning sign. forgot to replace it back with the one you provided.

wait a sec. When i selected the view source, the line breaks dissappeared though I'm really sure to have copy paste exactly the same script you gave. hmm.. I should figure out why.

Ok John. probably the error caused by the missing line breaks. I saved the view source data to a new html file, opened it in a new browser and paste your modified script into it and refreshed. Amazingly the letter J shaked!! I dunno why the line breaks dissappeared from the original site or how to repair it.

Fortunately, a script can be all one line if it is written to be that way. This version of the script (I'm not including the style, keep that as it was) should work regardless of line breaks:

Code:

---

<script type="text/javascript">
<!--[CDATA[

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

/* configure shake degree (where larger # equals greater shake) */
var rector=3;

/* ///////DONE EDITTING/////////// */
var stopit=0;
var a=1;

function init(which){
stopit=0;
shake=which;
shake.style.left=0;
shake.style.top=0;
};

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return;
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+'px';
};
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+'px';
};
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+'px';
};
else{
shake.style.left=parseInt(shake.style.left)-rector+'px';
};
if (a<4)
a++;
else
a=1;
setTimeout("rattleimage()",50);
};

function stoprattle(which){
stopit=1;
which.style.left=0;
which.style.top=0;
};
// ]]-->
</script>

---

Please, please, please do tell me if I've missed any part of your help http://smileys.smileycentral.com/cat/36/36_1_44.gif

Calm down. I'm not sure what the problem is with your editor. But I did overreach with my most recent solution. I'm sorry about that. As far as I can tell, you need to find a way to paste in the correct code without losing the line breaks (from post #11 in this thread):

Code:

---

<style type="text/css">
.shakeimage{
position:relative
}
</style>
<script type="text/javascript">
<!--[CDATA[

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+'px';
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+'px';
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+'px';
}
else{
shake.style.left=parseInt(shake.style.left)-rector+'px';
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
// ]]-->
</script>

---

You might be able to make it an external file. But before we mess around with that, what editor are you using?

I'm using blogger.com. not sure whether this answer your question.:confused:

Hmm, can you paste in:

Code:

---

<script type="text/javascript" src="image_shake.js"></script>
<!--
Shake image script (onMouseover)-
Copyright Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts,
visit http://dynamicdrive.com
 -->

---

And then upload a separate file to the root of the domain called:

image_shake.js

which contains the following:

Code:

---

/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0
var a=1

function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}

function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+'px';
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+'px';
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+'px';
}
else{
shake.style.left=parseInt(shake.style.left)-rector+'px';
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}

function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}

---

If you can do that, it should work. The only other thing I can think of is to ask your host why the line breaks are being removed.

Believe me, I'm at least almost as frustrated by this as you are. There may not be a way, though it seems to me that since you are able to paste other scripts in without losing the line breaks in them, that it should be possible.

I will try uploading or maybe linking the .js to my blog since there is no way I can upload it to the domain roof. Will update the thread for any progress. Thousands thanks for your efforts over this matter. appreciate it!!http://smileys.smileycentral.com/cat/23/23_30_126.gif

John,
I uploaded the image_shake.js file to a freehost site and link it to my blog.
but due to an xml error I changed this code;

Code:

---

<script type="text/javascript" src="image_shake.js"></script>
<!--
Shake image script (onMouseover)-
Copyright Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts,
visit http://dynamicdrive.com
 -->

---

to this;

Code:

---

<script src='image_shake.js' type='text/javascript'/></script>
<!--
Shake image script (onMouseover)-
Copyright Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts,
visit http://dynamicdrive.com
 -->

---

No warning sign at all during onmouseover but the image remains stiff. Do you think we need to do anything with the code within the J image itself to make this works?

P.S Seeked for a helping hand but failed

OK, the script is working! Now all you have to do is add the style back. Or you can just add this rule to any of your existing on page or linked stylesheets:

Code:

---

.shakeimage {
position:relative;
}

---

It worked, John!! it's working!! http://smileys.smileycentral.com/cat/36/36_1_33.gif
I can never have this amazing script on my blog without your help, John. Thank you, John!!http://smileys.smileycentral.com/cat/23/23_28_125.gif

I'm so glad, congratulations!