Page 1 of 1

Need help embedding Javascript in PHP page

Posted: Thu Jun 24, 2010 8:40 pm
by andrewjen
I'm struggling with how to successfully embed this working HTML code - the code in blue font specifically in both snippets...

Any suggestion or pointer most appreciated. Thanks in advance!

Code: Select all

<html>
<head>
<title>Nifty Corners: Javascript and CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 50px 0 0;background:#FFF;color:#111;
    font: 100.01%/1.3 Verdana,Arial,sans-serif;text-align:center}
div#box{width: 25em;padding: 30px  0;margin:0 auto;
    text-align:left;background: #9CC0FF url(gradient.png) repeat-x 0 -5px}
h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #303F6E}
h1,p{margin:0 20px}
ol{margin:10px 40px;padding:0}
ol li{margin:0;padding:0}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
[color=#8080FF]window.onload=function(){
Nifty("div#box","transparent");
}
</script>[/color]
</head>
<body>
<div id="box">
<h1>Nifty Corners Cube&trade;</h1>
<p>Easier than ever:</p>
<ol>
<li>Automatic detection of color and background color</li>
<li>Automatic smoothing and transparency</li>
<li>Preservation of padding, so more presentational unobtrousive</li>
<li>Ability to choose the corners to round and the size</li>
<li>just one or two parameters</li>
</ol>
</div>
</body>
</html>
into a PHP file as below:

Code: Select all

defined('_JEXEC') or die('Restricted access');
?>
<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >



<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/family_resource/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/joomla.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template?>/css/niftyCorners.css">
<link rel="stylesheet" type="text/css" href="templates/<?php echo $this->template?>/css/niftyPrint.css" media="print">
<script type="text/javascript" src="templates/<?php echo $this->template?>/js/niftycube.js"></script>
<!-- <script type="text/javascript">
window.onload=function(){
Nifty("div#box","transparent");
}
</script>
 -->

</head>
<body>
[color=#8080FF]<!-- <script type="text/javascript">window.onload=function(){Nifty("div#box","big")} /> -->
<script type="text/javascript" onload="Nifty('div#box','big')" />[/color]
<!-- <div id="box"> -->
<div id="header">

<jdoc:include type="modules" name="header" style="" />

 </div>
<div id="topmenu">

</div>
<div id="mainbody">
<!-- <div class="rbroundbox"> -->
<!-- 	<div class="rbtop"><div></div> --> </div>
		<div class="rbcontent">

		<div id="left" style="background-repeat:no-repeat; background-image: url(<?="{$this->baseurl}/images/".JSite::getMenu()->getActive()->alias.".png"?>) ">
			
			<jdoc:include type="modules" name="left" style="" />
		
		</div>

		<div id="right"> 
			<img src="templates/<?php echo $this->template ?>/images/CRCFB_175W.png">		
			<jdoc:include type="modules" name="right" style="" />
		
		</div>



	<jdoc:include type="component" />

		</div><!-- /rbcontent -->
<!-- <div class="rbbot"><div></div> </div> -->
<!-- </div> --> <!-- /rbroundbox -->

</div>

<div id="footer">Emergency Number: </div>
</div>
</body>
</html>