Passing a Smarty array to javascript Function

[RuthC]

I am trying to pass a smarty array to a javascript function

what is he easiest way to pass the values? I tried these code but not working. Please help me where iam wrong.

<?php
 
$url_names = array();
$sql = "SELECT `page_url` FROM ".TABLE_USER_PAGES." ";
$result = $uk->tep_mysql_query($sql);
while($rec_url = mysql_fetch_row($result)){
 $url_names[] = $rec_url[0];
}
 
?>
 

Template file

{include file=page_head.tpl}
{literal}
<script language="javascript">
var regex_alphanumeric = /^[a-zA-Z0-9\-\_\s]{2,}$/;
function chk_url(url){
//var m = new Array();
 if (!regex_alphanumeric.test(document.create_form.page_name.value)) {
    alert("Page Name seems to be invalid, please check it");
    document.create_form.page_name.value=''; 
    document.create_form.page_name.focus(); return false;
  }else{
         for(var i=0; i<url.length;i++){
             if(url[i] == document.create_form.dispname.value) {
                alert("Page Name already exist, please try another");
                document.create_form.page_name.value=''; 
                document.create_form.page_name.focus(); return false;
            }
         }
  }
 
}
</script>
{/literal}
 
 
  <form name="create_form"  method="post" enctype="multipart/form-data">
  <table width="100%">
<tr><td><input name="page_name" type="text" class="textbox1" id="page_name"   value="{php}echo $_POST['page_name']; {/php}" size="60" maxlength="60">
 
      <input type="text" name="page_title" class="textbox1" size="78" value="{php}echo $_POST['page_title']; {/php}" onFocus="return chk_url('{$url_names}')"></td></tr></table>
 

Thanks in advance

[Atli]

Hi Ruth.

Please use [code] tags when posting code.

[code=php] PHP code goes here. [/code]

Thank you.

Moderator

[RuthC]

Hi Atli,

Actually I am using the php code in seperate file. and pass the array to a smarty variable using

$smarty->assign('url_na mes' , $url_names);

Anyway I embeded the php code into the template file and modified little

Now its working fine. Thanks for your advice.

{php}
$url_names = array();
$sql = "SELECT `page_url` FROM ".TABLE_USER_PAGES." ";
$result = mysql_query($sql);
while($rec_url = mysql_fetch_row($result)){
 $url_names[] = $rec_url[0];
}
echo "<script language='JavaScript'>\n";
echo "var js_array = new Array();\n";
foreach($url_names as $key => $value)
{
    echo "js_array[$key] = '$value';\n";
}
echo "</script>"
{/php}
{literal}
<script language="javascript">
function chk_url(){
//var m = new Array();
 if (!regex_alphanumeric.test(document.create_form.page_name.value)) {
    alert("Page Name seems to be invalid, please check it");
    document.create_form.page_name.value=''; 
    document.create_form.page_name.focus(); return false;
  }else{
          //alert(js_array.length);
         for(var i=0; i<js_array.length;i++){
             if(js_array[i] == document.create_form.dispname.value) {
                alert("Page Name already exist, please try another");
                document.create_form.page_name.value=''; 
                document.create_form.page_name.focus(); return false;
            }
     } 
  }
}
</script>
{/literal}
 
<form name="create_form" method="post" enctype="multipart/form-data">
<table width="100%">
<tr><td><input name="page_name" type="text" class="textbox1" id="page_name" value="{php}echo $_POST['page_name']; {/php}" size="60" maxlength="60"></td></tr>
 
<tr><td><input type="text" name="page_title" class="textbox1" size="78" value="{php}echo $_POST['page_title']; {/php}" onFocus="return chk_url()"></td></tr>
</table>
</form>
 

Thanks.