Problem creating Menu in WCM Portal 6.1

[abad]

hi im creating a Menu in WCM with the following Header

Here is the HEADER belong

the problem is that in the <script> tag i have the following line

htmlDivPaginas+="<span class='titulo1'>Página</span> <a
href='javascript://nop/' onclick='mostrarPagina("+i+")'
class='titulo1' id='"+i+"' style='"+estilo+"'>"+i+"</a> ";

but when i save the component the line appears like

htmlDivPaginas+="<span class='titulo1' style='"+estilo+"'>Página</
span> <a href="javascript://nop/" style="&quot;+estilo+&quot;"
onclick="mostrarPagina_en(&quot;+i+&quot;)" class="titulo1" id="&quot;
+i+&quot;"><b>"+i+"</b></a> ";

This is creating a Javascript problem when the Menu is render

Can anyone help me.

Thanks.

Best Regards

<style type="text/css">
<!--

.ptTitulotablareportes {
font-family: Arial;
font-size: 8pt;
font-weight: bold;
color: #ffffff;
background-color:#907578;
text-align: left;
vertical-align: top;
line-height: 11pt;
}

.ptContenidotablareportes{
font-family: Arial;
font-size: 8pt;
font-weight: normal;
color: #4C2432;
background-color: #E2D4D6;
text-align: left;
vertical-align: top;
line-height: 11pt;
text-decoration: none;
}

.titulo1 {
font-family: Arial;
font-size: 11px;
color:#907578;
text-decoration: none;
}

-->
</style>

<table border="0" cellspacing="0" cellpadding="0">
<tr >
<td height="10" valign="top" align="center" >

</td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" height="82">
<tr>
<td width="917" height="53" align="center" valign="top">

<!-- comienza menu -->

<script type = "text/javascript">
var totalPaginas= parseInt(0,10);
var paginaActual= parseInt(0,10);
var limiteInf= parseInt(0,10);
var limiteSup= parseInt(0,10);

//funcion que setea las variables iniciales para la paginacion
function numeroFilas(numeroPagina){
/*se obtinen todos los elementos tr que pertenecen a la tabla
que se
/ desea paginar
*/
var filas=document.getElementById
("tablaPag").getElementsByTagName("tr");
//se obtiene el numero total de tr que tiene la tabla a paginar
var numeroFilas= filas.length;
//se calcula el numero de paginar inicial para la paginacion
var numeroPaginas=parseInt((parseInt(numeroFilas,10)/parseInt
(4,10)),10);
/*se valida si se necesita una pagina adicional, en caso de que
/ divison por 6 no sea exacta
*/
var paginaAdicional=0;
if((parseInt(numeroFilas,10)-(parseInt(numeroPaginas,10)*parseInt
(4,10)))>0){
paginaAdicional=1;
}
//se calcula el total de paginas que se usaran para la
pagiancion
totalPaginas= parseInt(numeroPaginas,10)+parseInt
(paginaAdicional,10);

//se crean los links de las paginas dinamicamente.
var htmlDivPaginas="";

for(var i=1; i<=totalPaginas; i++){
if(htmlDivPaginas==""){
htmlDivPaginas+="<span class='titulo1'>Página</span> <a
href='javascript://nop/' onclick='mostrarPagina("+i+")'
class='titulo1' id='"+i+"'>"+i+"</a> ";
}else{
htmlDivPaginas+=" <a href='javascript://nop/'
onclick='mostrarPagina("+i+")' class='titulo1' id='"+i+"'>"+i+"</a> ";
}

}
document.getElementById("divPaginas").innerHTML= htmlDivPaginas;
//se inicia por defecto en la pagina 1
mostrarPagina(numeroPagina);
}

//funcion que se encarga de mostrar los tr's correspondientes a cada
pagina
function mostrarPagina(numeroPagina){

paginaActual=numeroPagina;
//se calculan los limites inferior y superior para la pagina en
cuestion.
limiteInf=((parseInt(numeroPagina,10)-1)*parseInt(4,10));
limiteSup=parseInt(limiteInf,10)+parseInt(3,10);
/*se obtinen todos los elementos tr que pertenecen a la tabla que
se
/ desea paginar
*/
var allTR=document.getElementById("tablaPag").getElementsByTagName
("tr");
//se muestran los tr de la pagina en cuestion.
if(parseInt(limiteSup,10)<parseInt(allTR.length,10)){
for(var i=0; i<allTR.length; i++){
var object=allTR[i];
if(i>=limiteInf && i<=limiteSup){
object.style.display='';

}else{
object.style.display='none';

}
}
}else{
for(var i=0; i<allTR.length; i++){
var object=allTR[i];
if(i>=limiteInf && i<=allTR.length){
object.style.display='';

}else{
object.style.display='none';

}
}
}

var htmlDivPaginas="";
var estilo=""

for(var i=1; i<=totalPaginas; i++){
if(i==paginaActual){
estilo="color:#907578;font-weight: bold;";
}else{
estilo="color:#907578;font-weight:normal;";
}

if(htmlDivPaginas==""){
htmlDivPaginas+="<span class='titulo1'>Página</span> <a
href='javascript://nop/' onclick='mostrarPagina("+i+")'
class='titulo1' id='"+i+"' style='"+estilo+"'>"+i+"</a> ";
}else{
htmlDivPaginas+=" <a href='javascript://nop/'
onclick='mostrarPagina("+i+")' class='titulo1' id='"+i+"'
style='"+estilo+"'>"+i+"</a> ";
}

}

document.getElementById("divPaginas").innerHTML= htmlDivPaginas;

}

function activeLink(obj, tableName){
var oTD = obj.parentElement;
desactiveLinks(oTD, tableName);
oTD.innerHTML="<b>"+obj.parentElement.innerHTML+"</b>";

}

function desactiveLinks(oTD, tableName) {
var table = document.getElementById(tableName);

if(table){
var allTRs = table.getElementsByTagName("tr");

for (i=0; i < allTRs.length ; i++) {
var myTD=allTRs[i].childNodes[1];
var html = myTD.innerHTML;
//alert(html);

if(myTD!=oTD){

html=html.replace("<B>", "");
html=html.replace("</B>", "");
myTD.innerHTML=html;
}
}
}
}

</script>

<table width="920" border="0" cellpadding="10" cellspacing="1"
align="left" style="table-layout : fixed;">
<tr>
<td width="70" align="left"
class="ptTitulotablareportes"><div align="left">TÍTULO</div></td>
<td width="68" align="left"
class="ptTitulotablareportes"><div align="left">LUGAR</div></td>
<td width="109" align="left"
class="ptTitulotablareportes"><div align="left">VALOR NOMINAL</div></
td>
<td width="110" align="left"
class="ptTitulotablareportes"><div align="left">VALOR EN CIRCULACIÓN</
div></td>
<td width="84" align="left"
class="ptTitulotablareportes"><div align="left">COLOCACIÓN</div></td>
<td width="85" align="left"
class="ptTitulotablareportes"><div align="left">VENCIMIENTO</div></td>
<td width="78" align="left" class="ptTitulotablareportes"><div
align="left">TASA FACIAL</div></td>
<td width="90" align="right" class="ptTitulotablareportes"><div
align="left">CALIFICACIÓN</div></td>
<td width="77" align="left"
class="ptTitulotablareportes"><div align="left">TÍTULOS</div></td>
<td width="85" align="left" class="ptTitulotablareportes"><div
align="left">DESTINO</div></td>
</tr>

<tbody id="tablaPag">

[Abad79]

hi im creating a Menu in WCM with the following Header

Here is the HEADER belong

the problem is that in the tag i have the following line

htmlDivPaginas+=" Página "+i+" ";

but when i save the component the line appears like

htmlDivPaginas+=" Página "+i+" ";

This is creating a Javascript problem when the Menu is render

Can anyone help me.

Thanks.

Best Regards

0){
paginaAdicional=1;
}
//se calcula el total de paginas que se usaran para la
pagiancion
totalPaginas= parseInt(numeroPaginas,10)+parseInt
(paginaAdicional,10);

//se crean los links de las paginas dinamicamente.
var htmlDivPaginas="";

for(var i=1; i =totalPaginas; i++){
if(htmlDivPaginas==""){

htmlDivPaginas+=" Página "+i+" ";
}else{
htmlDivPaginas+=" "+i+" ";
}

}
document.getElementById("divPaginas").innerHTML= htmlDivPaginas;
//se inicia por defecto en la pagina 1
mostrarPagina(numeroPagina);
}

//funcion que se encarga de mostrar los tr's correspondientes a cada
pagina
function mostrarPagina(numeroPagina){

paginaActual=numeroPagina;
//se calculan los limites inferior y superior para la pagina en
cuestion.
limiteInf=((parseInt(numeroPagina,10)-1)*parseInt(4,10));
limiteSup=parseInt(limiteInf,10)+parseInt(3,10);
/*se obtinen todos los elementos tr que pertenecen a la tabla que
se
/ desea paginar
*/
var allTR=document.getElementById("tablaPag").getElementsByTagName
("tr");
//se muestran los tr de la pagina en cuestion.
if(parseInt(limiteSup,10) parseInt(allTR.length,10)){

for(var i=0; i =limiteInf && i =limiteSup){
object.style.display='';

}else{
object.style.display='none';

}
}
}else{
for(var i=0; i =limiteInf && i =allTR.length){
object.style.display='';

}else{
object.style.display='none';

}
}
}

var htmlDivPaginas="";
var estilo=""

for(var i=1; i =totalPaginas; i++){
if(i==paginaActual){
estilo="color:#907578;font-weight: bold;";
}else{
estilo="color:#907578;font-weight:normal;";
}

if(htmlDivPaginas==""){
htmlDivPaginas+=" Página "+i+" ";
}else{
htmlDivPaginas+=" "+i+" ";
}

}

document.getElementById("divPaginas").innerHTML= htmlDivPaginas;

}

function activeLink(obj, tableName){
var oTD = obj.parentElement;
desactiveLinks(oTD, tableName);

oTD.innerHTML=" "+obj.parentElement.innerHTML+" ";

}

function desactiveLinks(oTD, tableName) {
var table = document.getElementById(tableName);

if(table){
var allTRs = table.getElementsByTagName("tr");

for (i=0; i allTRs.length ; i++) {

var myTD=allTRs.childNodes[1];

var html = myTD.innerHTML;
//alert(html);

if(myTD!=oTD){

html=html.replace(" ", "");
html=html.replace(" ", "");
myTD.innerHTML=html;
}
}
}
}

TÍTULO
LUGAR
VALOR NOMINAL
VALOR EN CIRCULACIÓN
COLOCACIÓN
VENCIMIENTO
TASA FACIAL
CALIFICACIÓN
TÍTULOS
DESTINO