HTML & CSS

Nakia Brewer Nakia.Brewer at westrac.com.au
Sat Apr 5 08:47:51 CEST 2014


I am trying to replicate the method here

http://css-tricks.com/snippets/jquery/add-active-navigation-class-based-on-url/



Nakia Brewer | Technology & Solutions Manager | Equipment Management Solutions
t: (02) 49645051 | m: 0458 713 547 | i: www.westrac.com.au


  ACN 009 342 572


-----Original Message-----
From: use-livecode [mailto:use-livecode-bounces at lists.runrev.com] On Behalf Of Nakia Brewer
Sent: Saturday, 5 April 2014 5:33 PM
To: How to use LiveCode
Subject: RE: HTML & CSS

So here is what I am trying to do..
Notes : I know next to nothing about HTML and CSS
	The form service where I am trying to embed this HTML code only allows me to embed the content as HTML. I cant reference files etc.

So here is where I am up to.
I have been able to create the Navbar in HTML and CSS and it works. I am now trying to add the ability for it to be able to detect if the current URL contains The content of one of its link and if so set an active class on that link so I can apply the hilite styling..

Man, I hope that makes sense..

Here is my attempt..

<head>
<script>
$(function() {
$('nav a[href^="\' + location.pathname.split("\")[1] + '"]').addId('active'); }); </script> <style> ul { list-style-type:none; margin:0; padding:0; overflow:hidden; } li { float:left; } a:link,a:visited { display:block; width:200px; font:12px verdana,sans-serif; font-weight:bold; color:#FFFFFF; background-color:#8EBA44; text-align:center; padding:4px; text-decoration:none; text-transform:uppercase; } a:hover,a:active { background-color:#7A991A; } #firstTab {
border-top-left-radius: 4px 4px;
border-bottom-left-radius: 4px 4px;
--background-color:#7A991A;
}
#lastTab
{
border-top-right-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
--background-color:#7A991A;
}
.active
{
background-color:#7A991A;
}
</style>	
</head>
<body>
<nav>
<ul>
<li><a id="firstTab" href="\About\">About</a></li> <li><a href="\Contact\">Contact</a></li> <li><a id="lastTab" href="\Terms\">Terms</a></li> </ul> </nav> </body> </html>

Nakia Brewer | Technology & Solutions Manager | Equipment Management Solutions
t: (02) 49645051 | m: 0458 713 547 | i: www.westrac.com.au


  ACN 009 342 572

-----Original Message-----
From: use-livecode [mailto:use-livecode-bounces at lists.runrev.com] On Behalf Of Nakia Brewer
Sent: Saturday, 5 April 2014 5:10 PM
To: How to use LiveCode
Cc: How to use LiveCode
Subject: Re: HTML & CSS

Of only it was a website I was working on...

It's actually for an online form service. They allow me to do customer page content in HTML which is where I am building the Nav bar..

Should make sense when I send it through..

Sent from my iPhone

> On 5 Apr 2014, at 2:39 pm, "stephen barncard" <stephenREVOLUTION2 at barncard.com> wrote:
> 
> On Fri, Apr 4, 2014 at 6:57 PM, Nakia Brewer <Nakia.Brewer at westrac.com.au>wrote:
> 
>> Just wondering if there are any HTML /CSS oracle's among us?
> you don't need one.
> 
> read this recent blog post. Bootstrap may be your answer.
> 
> http://livecode.com/blog/2014/03/19/better-faster-stronger/
> 
> *--*
> *Stephen Barncard - San Francisco Ca. USA - Deeds Not Words* 
> _______________________________________________
> use-livecode mailing list
> use-livecode at lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-livecode
> 

COPYRIGHT / DISCLAIMER: This message and/or including attached files may contain confidential proprietary or privileged information. If you are not the intended recipient, you are strictly prohibited from using, reproducing, disclosing or distributing the information contained in this email without authorisation from WesTrac. If you have received this message in error please contact WesTrac on +61 8 9377 9444. We do not accept liability in connection with computer virus, data corruption, delay, interruption, unauthorised access or unauthorised amendment. We reserve the right to monitor all e-mail communications.



_______________________________________________
use-livecode mailing list
use-livecode at lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


COPYRIGHT / DISCLAIMER: This message and/or including attached files may contain confidential proprietary or privileged information. If you are not the intended recipient, you are strictly prohibited from using, reproducing, disclosing or distributing the information contained in this email without authorisation from WesTrac. If you have received this message in error please contact WesTrac on +61 8 9377 9444. We do not accept liability in connection with computer virus, data corruption, delay, interruption, unauthorised access or unauthorised amendment. We reserve the right to monitor all e-mail communications.



_______________________________________________
use-livecode mailing list
use-livecode at lists.runrev.com
Please visit this url to subscribe, unsubscribe and manage your subscription preferences:
http://lists.runrev.com/mailman/listinfo/use-livecode


COPYRIGHT / DISCLAIMER: This message and/or including attached files may contain confidential proprietary or privileged information. If you are not the intended recipient, you are strictly prohibited from using, reproducing, disclosing or distributing the information contained in this email without authorisation from WesTrac. If you have received this message in error please contact WesTrac on +61 8 9377 9444. We do not accept liability in connection with computer virus, data corruption, delay, interruption, unauthorised access or unauthorised amendment. We reserve the right to monitor all e-mail communications.





More information about the use-livecode mailing list