I need javascript Help

Discussion in 'JavaScript' started by mudassarahmad, Dec 1, 2007.

0
  1. #1
    In javascript how tree menu fixed when page refresh
    Sample Code
    FileName=left.php

    <script language="javascript">
    function menu_change(div,img,m17)
    {
    var_src=document.all(img).src;
    var img_length=var_src.length
    var index=var_src.indexOf('images');
    var actual_name=var_src.substring(index,img_length);
    if(actual_name=="images/menu_closed.gif")
    {
    document.all(img).src="images/menu_open.gif";
    document.all(div).style.display="";
    alert("Close");
    }
    if(actual_name=="images/menu_open.gif")
    {
    document.all(img).src="images/menu_closed.gif";
    document.all(div).style.display="none";
    alert("Open");
    }

    }
    </script>
    </head>
    <?php
    $disp_style;
    if(isset($_GET['m17']))
    {
    $disp_style = "visible";
    }
    else
    {
    $disp_style = 'display:none';
    }
    ?>
    <body>
    <link href="images/style.css" rel="stylesheet" type="text/css">
    <table cellpadding=0 cellspacing=0 border=0 width=180>
    <tr><td>
    <table cellpadding="0" cellspacing="0" border="0">
    <tr>

    <td width="180" height="4" align="left" bgcolor="#F7F7F7" onClick="javascript:menu_change('div_17','img_17','m17');" onMouseover="this.style.backgroundColor='white'" onMouseout="this.style.backgroundColor='#F7F7F7'"><a style="cursor:hand; "><img border=0 name="img_17" src="images/menu_closed.gif">&nbsp;<font face="verdana" size="1">Order</font><font face="verdana" size="1" style="text-decoration:none; ">
    Management</font></a></td>
    </tr>
    <tr>
    <td width=180 height="0" align="left">
    <table cellpadding="0" id="div_17" cellspacing="0" style=<?php echo $disp_style; ?> border="0">
    <tr>
    <td width="20" style="border-bottom:1 dashed #CFCFCF; ">&nbsp;</td>
    <td width="155" height="23" class="text" onMouseOver="this.style.fontWeight='bold'" onMouseout="this.style.fontWeight='normal'" style="border-bottom:1 dashed #CFCFCF; " valign="center"><img src="images/sub_item.gif">
    <a style="text-decoration: none" href="new_order.php?m17=1">
    <font face="verdana" size="1" color="#000000">Active Orders
    </font></a></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td></tr>
    </table>
     
    mudassarahmad, Dec 1, 2007 IP
  2. hrcerqueira

    hrcerqueira Peon

    Messages:
    125
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I think there's nothing wrong with the javascript (although the code looks a bit clumsy), the problem is here:

    
<table cellpadding="0" id="div_17" cellspacing="0" style=<?php echo $disp_style; ?> border="0">
    Code (markup):
    When you assign values to $disp_style your not assigning the quotes, so, you must add them latter in the html code, like this:
    
<table cellpadding="0" id="div_17" cellspacing="0" style="<?php echo $disp_style; ?>" border="0">
    Code (markup):
    Also, in this part of the code:

    
<?php
$disp_style;
if(isset($_GET['m17']))
{
$disp_style = "visible";
}
else
{
$disp_style = 'display:none';
}
?>
    Code (markup):
    "visible" doesn't mean nothing, what your trying to do is "visibility: visible", but this has no effect on your script, just leave it empty.

    Cheers
     
    hrcerqueira, Dec 1, 2007 IP