How to append the html code using javascript and php

In this example I am going to show you how to add the dynamic HTML code into Document using javascript and PHP

<?php

$random_id = 125845465; // PUTTING SOME RANDOM ID YOU CAN USE YOURSELF.

$DYNAMIC_HTML = '<div>
<b>Sponsored Links</b>

<div>
 <span><a style="font-size:12px;font-weight:bold;" href="http://www.ucoz.com/" rel="nofollow">Create a website for free - uCoz</a></span><br />
Build a website quickly and easily
Customizable templates and graphics

</div>

<div>
 <span><a style="font-size:12px;font-weight:bold;" href="http://www.wordpressapi.com/files/domain_names/">$1.99 Domain Names</a></span><br />
 With every new non-domain purchase thru <a href="http://www.wordpressapi.com/files/domain_names/" rel="nofollow">wordpressapi</a>, you get a domain name for only $1.99.
</div>

<div>
 <span><a style="font-size:12px;font-weight:bold;" href="http://www.wordpressapi.com/files/" rel="nofollow">FREE Hosting!</a></span><br />
 With every domain you register with <a href="http://www.wordpressapi.com/files/" rel="nofollow">wordpressapi</a> you get FREE hosting.
</div>
</div>';

 $HTML = "var objHead = document.getElementsByTagName('head');
 var objCSS = objHead[0].appendChild(document.createElement('link'));
 objCSS.id = '.$random_id.';
 objCSS.rel = 'stylesheet';
 objCSS.href = 'http://YOURSITE/STYLE.css';
 objCSS.type = 'text/css';";

 $HTML .= '
 var WORDPRESAPI_html_'.$random_id.' = document.createElement("div");
 WORDPRESAPI_html_'.$random_id.'.id = "WORDPRESAPI_html_'.$random_id.'";
 WORDPRESAPI_html_'.$random_id.'.style.position = "absolute";
 WORDPRESAPI_html_'.$random_id.'.style.zIndex = "100";
 WORDPRESAPI_html_'.$random_id.'.style.left = "0px";
 WORDPRESAPI_html_'.$random_id.'.style.top = "0px";
 WORDPRESAPI_html_'.$random_id.'.style.visibility = "hidden";
 WORDPRESAPI_html_'.$random_id.'.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
 WORDPRESAPI_html_'.$random_id.'.innerHTML = "'.addcslashes($DYNAMIC_HTML,"\\\'\"&\n\r<>").'";
 document.body.appendChild(WORDPRESAPI_html_'.$random_id.');';

echo $HTML;

?>

In this code if you observe then following line is very important.

 WORDPRESAPI_html_'.$uniqid.'.innerHTML = "'.addcslashes($HTML,"\\\'\"&\n\r<>").'";

Whenever you are using javascript and PHP both together then use following way to push your HTML in Dom.

Incoming search terms:

12 thoughts on “How to append the html code using javascript and php”

Free Farmville Cash on February 17, 2010 at 10:12 pm said:

Very nice blog post I love your blog carry on the good articles

Reply ↓
Anders on March 4, 2010 at 3:50 pm said:

Blogs for many purposes but without the plugins is like a car without weels. Thanks

Reply ↓
Manuela Cser on March 6, 2010 at 6:15 am said:

I think this write up was probably a good kick off to a potential series of write ups about this topic. A lot of writers act like they comprehend what they’re writing about when it comes to this topic and most of the time, very few people actually get it. You seem to understand it though, so I think you should run with it. Thanks a lot!

Reply ↓
Mathew Guerrera on March 12, 2010 at 5:19 pm said:

Wow, this can be a good weblog you’ve obtained the following. Your post was actually helpful and educational, i can not wait to learn some much more. I started playing Farmville about three months a go and i cant believe how addictive it is . I didn’t realise there was so considerably to understand about it either lol. I’ve invested ages looking for good tips and stuff and this can be good. I found an additional actually great website at Farmville Hintsthats has genuinely good points and cheats as well. Btw, if any person else has any good ideas then i wouldn’t thoughts hearing them also. Thanks a great deal for this.

Reply ↓
Sofia Nichols on April 24, 2010 at 10:56 pm said:

I’m going to save this as inspiration and send visitors from my lens. I’ve just put up additional new ideas too, so I’ll add a hypelink to this article (if OK) on my site?

Reply ↓
Fred Johannsen on May 27, 2010 at 5:13 pm said:

Thank you for such a fantastic blog. Where else could one get this kind of info written in such an incite full way? I have a presentation that I am just now working on, and I have been looking for such information.

Reply ↓
Site Hosting Review on June 7, 2010 at 4:42 am said:

This is really nice work! Thumbs up!

Reply ↓
Johnette Gozman on July 15, 2010 at 7:13 pm said:

I would like to add your feed to my website, but cannot seem to find it. Do you have one available? I will be sure to visit in a couple days for your answer.

Reply ↓
Budownictwo on July 16, 2010 at 4:18 am said:

Yeah .. It’s good site, great work.

Reply ↓
linki sponsorowane on July 28, 2010 at 2:31 am said:

Great text and nice blog.

Reply ↓
Jeremiah Richer on July 29, 2010 at 2:37 pm said:

I rarely leave comments in blogs, mostly because I don’t feel the urge to do so. On the few occasions when I do feel the urge, I give up if there’s any kind of registration process involved. It’s just not worth the hassle. I did make an exception to post this comment, though, so I guess it’s not a hard and fast rule.

Reply ↓
HCG Diet on August 4, 2010 at 5:21 pm said:

Very interesting. I like the way you write. Do you have an RSS feed?

Reply ↓