hi everyone,
does anyone knows how to call external javascript/ajax function on php body? i have this script on my main form
<script type="text/javascript" src="../javascripts/datepicker.js" ></script>
<script type="text/javascript" src="../javascripts/prototype.js" ></script>
<script type="text/javascript" src="../javascripts/scriptaculous.js"></script>
<script type="text/javascript" src="../javascripts/picker.js" ></script>
<script type="text/javascript" src="../javascripts/mycampaign.php" ></script>
and inside the my campaign.php has a javascript function named nxtPage(val) that's the function that i want to call on my php body..im using this code to call the nxtPage(val) function
<?php
echo '<script type="text/javascript" language="javascript">
nxtPage(\'5\');
</script>';
?>
but it doesnt work.. please help me on this... anyone please?
this is my complete code on nxtPage function...
function nxtPage(val) {
var r = Math.random();
var url = '../ajax/nextpage.php';
var pars = '?page=' + val +'&r=' + r;
var myAjax = new Ajax.Request(
url,
{
method: 'get',
parameters: pars,
onComplete: nextPage
});
}
function nextPage(oReq) {
$('result').innerHTML = oReq.responseText;
}
and also this is the contents of the nextpage.php
---------------nextpage.php----------------------------------
<?
session_start();
extract ($GET);
include '../includes/functions.php';
$dbconnect = db_connect();
if ( $page == '5') {
echo '<div id="img_header"><img src="../images/dir_021.jpg" /></div>
<div id="leftconbar33">Choice your mobile rewards
<label>
<select name="list" id="list" onChange="RemoveItem(this.value)">
<option value="0">Template</option>';
$query = "select * from tmsmobiadsrewards";
$result = mysql_query($query, $dbconnect);
if (mysql_num_rows($result) != 0)
{
while ($row = mysql_fetch_array($result,MYSQL_BOTH))
{
echo '<option value="'.$row[rID].'">'.$row[rName].'</option>';
}
}
echo '</select></label></div><div id="rewardLists" style="height: 200px; background-color: #ffffff;"></div>';
}
elseif ( $page == '1') {
echo '<div id="directory"><img src="../images/dir_01.jpg" width="950" height="87" /></div>
<div id="body">
<div id="leftconmycam3">
<div id="mycampaignconwrapper">
<div id="solutionscon" class="context12">
<table width="100%"><tr><td width="25%">Campaign Name:</td><td><input name="textfield22" type="text" size="50" maxlength="50" class="context11"/></td></tr></table>
<table width="100%"><tr><td width="23%">Link to:</td><td><label><input name="page" type="radio" value="epage" id="page" onclick="page(\'epage\')"/>An existing mobile page </label>
<label><input name="page" type="radio" value="mpage" id="page" onclick="page(\'mpage\')"/>MobiTMS Landing page</label></td></tr></table>
<div id="pagehere"></div><br />
<table width="100%">
<tr>
<td width="25%">Schedule:</td>
<td>
<table width="100%"><tr><td width="15%">
<input type=button value="From" onclick="displayDatePicker(\'startdate\', this, \'mdy\', \'.\');"></td><td>
<input name="startdate" readonly class="context11"></td></tr></table></td>
</tr>
<tr>
<td width="25%"> </td>
<td>
<table width="100%">
<tr><td width="15%" rowspan="2" valign="middle">
End</td><td>
<label><input name="endDate" type="radio" value="Dend" id="endDate" onclick="shdate(\'d\')"/>Date</label></td></tr><tr><td>
<label><input name="endDate" type="radio" value="Cend" id="endDate" onclick="shdate(\'n\')"/>No More Click</label></td></tr></table>
</td>
</tr>
<tr>
<td width="25%"> </td>
<td>
<div id="ShowDate"></div>
</td>
</tr>
</table><br />
<br />
<input type="button" value="Continue" onclick="nxtPage(\'2\')"/>
</div>
</div>
</div>
<div id="rightcontopcamp">
<div id="rightcontopcampcon">
<div id="rightcontopcampconAdName"><div id="targetAdName" class="context11">'.$SESSION[adName].'</div></div>
<br />
<div id="rightcontopcampconAdBanner"><div id="targetAdBanner" class="context12bold">'.$SESSION[adBanner].'</div></div>
</div>
</div>
</div></div>';
}
elseif ( $page == '3') {
if ( empty($SESSION[BGcolor]) || empty($SESSION[Hcolor]) || empty($SESSION[Fcolor]) || empty($SESSION[Bcolor]) ){
$SESSION[BGcolor] = '000000';
$SESSION[Hcolor] = '000000';
$SESSION[Fcolor] = 'ffffff';
$SESSION[Bcolor] = 'ff3300';
}else {
$SESSION[BGcolor] == '#'.$SESSION[BGcolor];
$SESSION[Hcolor] == '#'.$SESSION[Hcolor];
$SESSION[Fcolor] == '#'.$SESSION[Fcolor];
$SESSION[Bcolor] == '#'.$SESSION[Bcolor];
}
echo stripslashes('<div id="img_header"><img src="../images/dir_023.jpg"/></div>
<div id="leftconbar3">Design Site</div>
<div style="clear: both; padding: 0px 0px 10px 0px; " align="center">
<table width="60%" class="context12"><tr><td width="30%" align="left">
<form method="post" enctype="multipart/form-data" name="editor">
<input type="hidden" name="BGcolor" id="BGcolor" value="#'.$SESSION[BGcolor].'">
<a href="javascript:TCP.popup(document.forms[\'editor\'].elements[\'BGcolor\'])"><img width="16" height="16" border="0" alt="Click Here to Pick up the color" src="../images/sel.gif"></a> Background color <br><br>
<input type="hidden" name="Hcolor" id="Hcolor" value="#'.$SESSION[Hcolor].'">
<a href="javascript:TCP.popup(document.forms[\'editor\'].elements[\'Hcolor\'])"><img width="16" height="16" border="0" alt="Click Here to Pick up the color" src="../images/sel.gif"></a> Banner Font color <br><br>
<input type="hidden" name="Bcolor" id="Bcolor" value="#'.$SESSION[Bcolor].'">
<a href="javascript:TCP.popup(document.forms[\'editor\'].elements[\'Bcolor\'])"><img width="16" height="16" border="0" alt="Click Here to Pick up the color" src="../images/sel.gif"></a> Banner color <br /><br />
<input type="hidden" name="Fcolor" id="Fcolor" value="#'.$SESSION[Fcolor].'">
<a href="javascript:TCP.popup(document.forms[\'editor\'].elements[\'Fcolor\'])"><img width="16" height="16" border="0" alt="Click Here to Pick up the color" src="../images/sel.gif"></a> Font color <br><br>
<br />
<input type="button" value="Preview" onclick="preview()"></form><br>
</td><td width="60%" align="right">
<table width="230" cellspacing="0">
<tr><td background="../images/iphone1.jpg" height="78">
</td></tr>
<tr><td background="../images/iphone2.jpg" height="272" align="center" valign="top">
<div id="preview" align="center" style="height:182px;">
<div style="background-color: #'.$SESSION[BGcolor].'; width: 180px; height: 180px; font-family: Arial,Helvetica,sans-serif; font-weight: bold;" class="context10" align="center">
<div style="padding: 3px; background-color: #'.$SESSION[BGcolor].';" align="right">
<font color="#'.$SESSION[Fcolor].'" face="Arial, Helvetica, sans-serif">'.$_SESSION['adName'].'</font>
</div>
<div style="padding: 5px; background-color: #'.$SESSION[Bcolor].';" align="left">
<font color="#'.$SESSION[Hcolor].'" face="Arial, Helvetica, sans-serif">'.$SESSION['adBanner'].'</font>
</div>
<div style="height: 150px; background-color: #'.$SESSION[BGcolor].';" align="justify">
<font color="#'.$_SESSION[Fcolor].'" face="Arial, Helvetica, sans-serif"><br>
Solution to promote and provide a direct access to the mobile content generated. The TMS codes and 2D barcodes can be printed or/and embedded in web widget or social networks applications such
as Facebook application.<br></font>
</div>
<div style="padding: 1px; background-color: #'.$_SESSION[Bcolor].';"></div>
<div style="padding: 5px; clear: both; background-color: #'.$SESSION[BGcolor].';" align="center">
<font color="#'.$SESSION[Fcolor].'" face="Arial, Helvetica, sans-serif">'.$SESSION['adName'].'</font>
</div>
<div style="padding: 1px; background-color: #'.$SESSION[Bcolor].';"></div>
<div style="padding: 5px; background-color: #'.$SESSION[BGcolor].'; width: 94%; height: 50px;">
<div style="width: 50%; float: left; background-color: #'.$SESSION[BGcolor].';" align="left">
<font color="#'.$_SESSION[Fcolor].'" face="Arial, Helvetica, sans-serif">TMS Search</font>
</div>
<div style="width: 50%; float: left; background-color: #'.$SESSION[BGcolor].';" align="right">
<font color="#'.$SESSION[Fcolor].'" face="Arial, Helvetica, sans-serif">Powered by TMS</font>
</div>
</div></div></div>
</td></tr>
<tr><td background="../images/iphone3.jpg" height="74">
</td></tr>
</table></td></tr></table>
</div>
<table width="100%"><tr><td align="left"><input type="button" value="Back" onclick="Rewards(\''.$_SESSION[rewards].'\')"></td><td align="right"><input type="button" value="Continue" onclick=nxtPage(\'4\')></td></tr></table>
');
}
?>
i really need your help guys!tnx
p.s.
i want to call the external ajax function on php body and not by using the onclick, onblur or any event... thank you!