.NET Forum

**Nazi370** · 05-27-2008, 01:57 AM

Hi ..

i am newbie in asp.net programming

my problem was:

[objective] : to hide menu from the javascript dropdownmenu

[control] : 2 user, 1 as admin and another as user ...

[introduction] : use same webpage, namely mainpage.aspx with js dropdownmenu

[problem] some of the links in the dropdownmenu were for Admin ...

how to implement javascript that can differentiate the user... If-Else ?
helpp..

my boss said that, we can hide the menu from the dropdownmenu list according to the user access level, that is 'admin' and 'user'

this is the dropdownmenu JS

PHP Code:


			
    <td width="50"><ul id="sddm">
      <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Pengguna </a>
          <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">Ubah Kata Laluan </a> <a href="#">Tambah Pengguna </a> <a href="#">Hapus Pengguna </a> </div>
      </li>
      <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Rekod Kursus </a>
          <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="kursustambah.aspx">Tambah Rekod Kursus</a> <a href="pesertatambah.aspx">Tambah Rekod Peserta</a> <a href="kursuskemaskinicari.aspx">Kemaskini Rekod Kursus</a> <a href="kursushapus.aspx">Hapus Rekod Kursus</a> </div>
      </li>
      <li><a href="kajiselidik.aspx" onmouseover="mopen('m4')" onmouseout="mclosetime()">Kaji Selidik </a>
      </li>
      <li><a href="datacari.aspx" onmouseover="mopen('m4')" onmouseout="mclosetime()">Cari Data </a></li>
      <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Laporan</a>
          <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"><a href="laporankursuscari.aspx">Laporan Rekod Kursus</a> <a href="laporankursusbln.aspx">Laporan Kursus Bulanan & Tahunan</a> <a href = "laporankursuscari.aspx">Laporan Senarai Peserta</a></div>
      </li>
      <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Keluar</a></li>
    </ul>      <p></p></td>
  </tr>
</table>

=======================
default.css

#sddm
{
    margin: 0;
    padding: 0;
    z-index: 300;
    left: 45px;
    top: 274px;
    width: 920px;
}
    
#sddm li
{    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial}

#sddm li a
{    display: block;
    margin: 0 1px 0 0;
    padding: 4px 10px;
    width: 110px;
    background: #5970B2;
    color: #FFF;
    text-align: center;
    text-decoration: none}

#sddm li a:hover
{    background: #49A3FF}

#sddm div
{    position: absolute;
    visibility: hidden;
    margin: 0;
    width: 130px;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2}

    #sddm div a
    {    position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}

    #sddm div a:hover
    {    background: #49A3FF;
        color: #FFF}

**chrishirst** · 05-27-2008, 03:14 AM

Quote:

If-Else

Yep

Quote:

my boss said that, we can hide the menu from the dropdownmenu list according to the user access level, that is 'admin' and 'user'

Yep

**Nazi370** · 05-27-2008, 05:24 AM

how do we put the

PHP Code:


			
      <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Pengguna </a>
          <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="#">Ubah Kata Laluan </a> <a href="#">Tambah Pengguna </a> <a href="#">Hapus Pengguna </a> </div>
      </li>

into the

HTML Code:

    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <asp:image id="Image2" style="Z-INDEX: 109; LEFT: 752px; POSITION: absolute; TOP: 56px" runat="server"     ImageUrl="file:///C:\Inetpub\wwwroot\SMPB\JPANtransparent.gif" Height="96px" Width="104px"></asp:image>
            <asp:Label id="lblBMula" style="Z-INDEX: 138; LEFT: 344px; POSITION: absolute; TOP: 464px"
                runat="server" Width="104px" Font-Size="X-Small" Font-Names="Trebuchet MS"></asp:Label>
            <asp:label id="Label14" style="Z-INDEX: 100; LEFT: 384px; POSITION: absolute; TOP: 72px" runat="server"
                Font-Size="X-Small" Font-Names="Trebuchet MS">Tingkat 1-5, Wisma Perindustrian, Jalan Istiadat, Likas,</asp:label>
            <asp:label id="Label15" style="Z-INDEX: 102; LEFT: 440px; POSITION: absolute; TOP: 104px" runat="server"
                Font-Size="X-Small" Font-Names="Trebuchet MS">88400 Kota Kinabalu, Sabah, Malaysia.</asp:label>
</body>

since it difference in <ASP:label, dropdownlist, image, etc... >

help me to figure it out...

thanks

**Nazi370** · 05-28-2008, 12:56 AM

Hello !

i am using dropdownmenu from javascript...

**chrishirst** · 05-28-2008, 08:13 AM

[merged second thread on same topic]

in what code?? C#, VB, J# any other .net language you happen to be using?

and it is only a

if (admin==true) then
show this bit
end if

even a novice programmer should have learned about logic constructs

**Nazi370** · 05-28-2008, 11:22 PM

sorry chrishirst

let say my code like below

Quote:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs)
If Trim(Session("UserLogin")) = "" Then
Response.Redirect("Invalid.aspx")
End If

If Not Page.IsPostBack Then
If Trim(Session("AccessLevel")) = "Admin" Then
showMenu()
Else
hideMenu()
End If
End If
End Sub

i understand that code, but in javascript... how do we call showMenu() so it can display all the menus... and also for hideMenu()...

or is there any easy method for this function... thanks

**Nazi370** · 05-29-2008, 05:00 AM

i've found the code for hiding in javascript

Quote:

function showmenu()
{
var row = document.getElementById("Menu1");
if (row.style.display == '') row.style.display = 'none';
else row.style.display = '';
}

but how do i get it to vb...
when..
"
If Trim(Session("AccessLevel")) = "Admin" Then
...showMenu()
Else
"

**chrishirst** · 05-29-2008, 06:36 AM

I don't get what you are asking?

Hiding a menu using client side styles and client side javascript is NOT "hiding" the menu. It's just not displaying it.
For non-js or non-CSS user agents (search engine bots, content scrapers etc) it is STILL visible.

This HAS to be a server side action, otherwise it is an utterly pointless exercise.

**Learning Newbie** · 05-29-2008, 08:12 PM

Use a server control, then on the Page_Load event, set that control's visibility.

MyMenuItem.Visible = Session["AccessLevel"] == "Admin";

**Nazi370** · 06-02-2008, 12:23 AM

i got it christ..

JS is client side and asp.net is server side...

its not a problem if the page that is hiding since im using session

i'll try it 'Learning Newbie'

thanks..

**Nazi370** · 06-03-2008, 09:54 PM

finally i've used

Quote:

If Trim(Session("AccessLevel")) = "Admin" Then
...MyMenuItem.Visible = True
Else
...MyMenuItem.Visible = False
End If

the menu must have ID and runat = "server" ...
that is <asp:label id = "MyMenuItem" ....

thanks again John... im keeping discover ASP.NET

**Learning Newbie** · 06-06-2008, 03:32 PM

Nazirul, you can ignore this question if you want, but here's another way of writing the same code you have working. I'm sharing this mostly because you can use 1 line to express the same thing that you're using 5 lines for now. It's exactly the same logic, so don't think that either way will be faster than the other, or really better in any way, except if you want more or less lines.

MyMenuItem.Visible = (Trim(Session("AccessLevel")) = "Admin")

When you have an If ???? Then ___ Else ___ block of code, the if clause has to translate into a boolean (true or false) condition. Since you can only set the Visible property to true or false, you can use this short cut. You don't have to, you just can if you want. Your code reads is like If True Then MyMenuItem.Visible = True, so you can get rid of the if then else end if parts.

That applies to just about all of programming. If or when you move from VB.NET to C#, the same thing is true. And in PHP, they have the same concept.

**Nazi370** · 06-08-2008, 11:16 PM

thanks ..

If newbie Then
..use long statement for understanding
Else
..blur/confuse
End If

MyMenuItem.Visible = (Trim(Session("AccessLevel")) = "Admin")

from my understanding, if AccessLevel = Admin , then MyMenuItem will be visible..
thanks again... i just only know *.visbile = True/False ... now i know them better...

i am very careful for this system since i have to work it just only for a month with newbie skill... i really appreciate your guide John...