Using Jquery to find the current url to replace /modify the class

Question

I want to use jquery to edit the class margin properties if its on homepage or admin, for instance , i am using class breadcrumb

.breadcrumb{margin-top:10px;margin-left:20px;}

What I want is to find the current url which is I think done by using:

 var pathname = window.location.pathname;

After getting the current path I need to check if its admin page or home page or common pages, so for common page , the margin-left should be 15px , while for home and admin page the margin-left should be 20px

Admin page url: www.mydomain.com/admin

home page url: www.mydomain.com

other pages url: www.mydomain.com/......

Can anyone help me how to achieve this , or is there any better way of doing this, Any help or assistance will be highly appreciated

Fabrizio Calderan · Accepted Answer · 2012-03-13 12:01:54Z

2

Instead of using javascript/jQuery I would prefer to add a special class (e.g. <body class="admin"> and <body class="hp">) for admin pages and hp and I would write this css code

.breadcrumb {
    margin-top : 10px; 
    margin-left : 15px;
}

.hp .breadcrumb,
.admin .breadcrumb { margin-left: 20px; }

answered Mar 13, 2012 at 12:01

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gopesh · Accepted Answer · 2012-03-13 12:40:21Z

1

if u want to do it using Jquery try like this

        $(document).ready(function() {
            var pathname = "window.location";

            var a=pathname.split('/');

 //checking for admin and home page

            if(a[1]=="admin"||a[1]==""){

                $("body").css("margin-left","20px");


            }

          else{
          $("body").css("margin-left","15px");

           }
        });

edited Mar 13, 2012 at 12:40

answered Mar 13, 2012 at 12:13

Gopesh

3,97011 gold badges40 silver badges53 bronze badges

1 Comment

Mr A Over a year ago

var pathname = window.location.path;

kappa · Accepted Answer · 2012-03-13 12:03:26Z

1

Try this: http://www.w3schools.com/jsref/jsref_indexof.asp

answered Mar 13, 2012 at 12:03

kappa

1,5798 silver badges19 bronze badges

Comments

Oriesok Vlassky · Accepted Answer · 2012-03-13 12:06:28Z

1

i would use .split('/') and then check if the pathname[1] == '', or 'admin', or other

answered Mar 13, 2012 at 12:06

Oriesok Vlassky

7972 gold badges13 silver badges26 bronze badges

Comments

Saeed-rz · Accepted Answer · 2012-03-13 12:08:35Z

1

if(pathname == admin || pathname == "")
{
 $("body").css("margin-left","20px");
}
else
{
 $("body").css("margin-left","15px");
}

write these on document.ready

answered Mar 13, 2012 at 12:08

Saeed-rz

1,4431 gold badge20 silver badges40 bronze badges

Collectives™ on Stack Overflow

Using Jquery to find the current url to replace /modify the class

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related