javascript - Dynamic Navigation bar (with images) with jquery and php - problems with mouseover effects -

-

i'm building dynamic navigation bar controlled php, , i'm using images within list. , i'm applying jquery 'hover' effects. php code:

$path = $_server['php_self']; $page = basename($path); $page = basename($path, '.php');

and in navigation list i'm setting 'display:none' , 'display:inline' depending on return value of $page using php 'if' statement. see code:

<ul id="cssdropdown">   <li class="headlink">   <a class="lightnav" href="index.php"  <?php if($page == 'index'){echo "style='display:none !important'";}else{echo "style='display:inline'";}?>><img src="images/navbuttons/home.png" /></a>   <a class="darknav" href="index.php" <?php if($page == 'index'){echo "style='display:inline !important'";}else{echo "style='display:none'";}?>><img src="images/navbuttons/home-dark.png" /></a>   </li>....

this working fine, display of nav bar images change depending on page user at. problem i'm trying integrate jquery nice 'mouseover / hover' effect. see jquery code:

$("li.headlink").hover(function(){   $(this).find("a.lightnav").css("display", "none");   $(this).find("a.darknav").css("display", "inline"); },function(){   $(this).find("a.lightnav").css("display", "inline");   $(this).find("a.darknav").css("display", "none"); });

but causing problems. when user moves cursor on image in nav bar current page (ie 'dark' image), removes display attribute set php (obviously).

so need way check on mouseover if 'darknav' has display 'inline' or 'none' , tailor jquery there, life of me cannot figure out how do, i'm not worlds greatest javascript/jquery coder. there way check if element has particular css property applied it, googled , fiddled code hours, no avail.

thanks in advance everyone.

p.s. added css !important in nav bar within php if statement, strange reason, working in chrome, other browsers ignoring rule.

with jquery can check attribute value this:

... code...

  alert($(this).find("a.lightnav").css("display"))

as far using jquery hide/show elements, use:

  $(this).find("a.lightnav").hide()   $(this).find("a.darknav").show()

no need fiddle "display", it's built-into hide()/show(). should not need use either:

style='display:inline !important'"

by default display block or inline, unless you're using "display:none" can lave these out.

if have left-floating menu should using float:left, not display:inline

also inline styles override stylesheet css, should never need use !important.

one hint @ styling menus, style a-tag, not li. put events on tags, not lis.

if want learn how style menus properly, see tutorial: i love lists.


Comments

Post a Comment

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

-
what’s difference between $_server['path_info'] , $_server['orig_path_info'] ? how use them? when run print_r($_server) , path_info , orig_path_info not present in array. why not? how can enable them? i have read php manual on them, still don’t understand them. the path_info variable present if invoke php script this: http://www.example.com/phpinfo.php/hello_there it's /hello_there part after .php script. if don't invoke url that, there won't $_server["path_info"] environment variable. the porig_ prefix uncommon. path_info standard cgi-environment variable, , should never prefixed. did read that? (there issues around php3/php4 if invoked php interpreter via cgi-bin/ - hardly has such setups today.) for reference: http://www.ietf.org/rfc/rfc3875
Read more

fortran - Function return type mismatch -

-
i'm attempting recode old c++ program in fortran make use of lapack (i'm aware c++ have lapack++, i'm having lot of trouble installing it, gave up). i didn't have problems compilation, when had variables declared real . when started coding section of program required lapack, found parameters passed dsyev need double precision . tried change double precision (including changing hard coded numbers double precision counterparts, i.e. 0.0 -> 0.0d0) when try compile, following error of functions , subroutines i've written: error: return type mismatch of function <function> @ (1) (real(4)/real(8)) i'm not sure coming from, in program has been changed double precision. for example, i've declared following: double precision :: alpha(3),d(3),zeta1,zeta2 double precision :: a1(3),a2(3),d1(3),d2(3) double precision :: pi pi = 3.14159265359d0 alpha = (/0.109818d0, 0.405771d0, 2.22766d0/) d = (/0.444635d0, 0.535328d0, 0.154329d0 /) 10 i=1,3 ...
Read more

queue - mq_receive: message too long -

-
i implementing communication between 2 processes using queue. problem when call function mq_receive, error: message long. i have done following: struct mq_attr attr; long size = attr.mq_msgsize; .... // initializing queue "/gateway" int rc = mq_receive(gateway, buffer, size, &prio); if print size value, size=1, while when print same size program (got same mechanism), not long integer ( -1217186280 )... how can solve error?....so while size = 1, believe it's right "message long" why 1? p.s. have tried put : int rc = mq_receive(gateway, buffer, sizeof(buffer), &prio); but no result. it seems need read docs more carefully. when call mq_receive should pass size of destination buffer. this size must greater mq_msgsize attribute of queue . in addition, seems have error in queue attributes initialisation makes proper mq_receive call impossible. here standard message queue session: fill mq_attr struct ( doc ): struct mq_a...
Read more