In the menu in this page I have four different methods (you can see them in the <script> tag on the pages) of indicating the current page in a menu. I downloaded these from various web pages after Googling "jQuery highlight current page".None of the methods works. Is there something wrong with my selectors? Can anyone see why none of them are working?
View 4 RepliesHowever, I am confused as to how I can highlight the current day of the month, so that any one looking at the calendar knows what the date is. I would like to make the current day background color red and the text white.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScripted Dynamic Table</title>
<script type="text/javascript">
[Code]....
I am supposed to create a calendar and have the calendar show up in the top right of the screen while also highlighting the current date set on it.
Nothing shows up...
HTM:
I'm looking for a Javascript workaround that'll allow me to indicate the current page on the main menu(basically, the menu button for that page will be a different colour to the rest of the menu buttons). The main menu is in CSS but isn't bringing up the required image for the "current menu item" indicator automatically and no one knows why.
View 1 Replies View RelatedHow do I display or hide a Javascript menu based on the current url in a php page?I want to specify when a java menu appears on a page based on the current url - does anyone have a script for the vars and conditional statements to make this happen - it would be something like this in natural language:
<javascript>
if currenturl = http://jemmakidd.com/categories.php
then displaymenu
[code]....
I've created a nav bar for this site - [URL].. I'm using javascript to handle the image rollover which is working just fine. However I want to add to this so that the current page will stay with the second or rollover image. How would you suggest I edit or add to my code so it keeps the second image active if it is the active page? In my script file this is what I'm using for an image:
menu1buttonup = new Image();
menu1buttonup.src = "http://web11.3essentials.com/~cp27358/wp-content/themes/origin/images/menu1.jpg" ;
menu1buttondown = new Image() ;
menu1buttondown.src = "http://web11.3essentials.com/~cp27358/wp-content/themes/origin/images/menu1a.jpg" ;
[Code]...
I've created a nav bar for this site - [URL] - I'm using javascript to handle the image rollover which is working just fine. However I want to add to this so that the current page will stay with the second or rollover image. Do I edit or add to my code so it keeps the second image active if it is the active page?
In my script file this is what I'm using for an image:
menu1buttonup = new Image();
menu1buttonup.src = "[URL]" ;
menu1buttondown = new Image() ;
menu1buttondown.src = "[URL]" ;
Followed by....
function buttondown( buttonname ){
if (document.images) {
document[ buttonname ].src = eval( buttonname + "down.src" );
}} function buttonup ( buttonname ){
if (document.images) {
document[ buttonname ].src = eval( buttonname + "up.src" );
}}
And this is what my list items look like:
<a href="<?php echo home_url(); ?>/?page_id=7" onmouseover="buttondown('menu1button')"
onmouseout="buttonup('menu1button')"><img src="<?php bloginfo('template_url'); ?>/images/menu1.jpg" name="menu1button" /></a>
It was originally an imaged based menu, but they wanted it all changed to css/html. I used quickmenu and it used JS to produce the arrows at the top of each menu item.I'm trying to program the menu items to stay active when on the current page. At first, it looks correct, but if you hover back over the menu, it changes back to the inactive state.
View 1 Replies View RelatedI'm trying to create two bookmarklets:
1. Take the current URL of the page and open a new window with a URL based on the current page. Some examples (I use "->" to mean "this URL turns into that URL"):I plan to use these bookmarklets in sequence, first pressing 1 to log into the CMS, then pressing 2 to edit the current page.
I've read through every post here on this issue and can't find an answer with an actual example of just how you amend the current tab in Superfish with the addClass to take the pathClass option so that it can be highlighted when you're on a specific page.
Even the official Superfish page and demos make no mention of how you do this thoughI can see there's a hash being passed in the URL. I've only just been exposed to such a concept and I'm not sure which bit of code is creating/reading the hash and how to apply it in this case as it's different from the last issue I had.
i've followed this javascript and i'd like to link the text to one of my page.How do i place the ahref tag in the script.[URL]...
View 2 Replies View RelatedI'm trying to get Superfish menus working on a new site I'm building, but have run into a problem. I have used the feature of setting a class on the current menu item so that it will be highlighted (highlit?). The trouble is that if the menu item has a submenu this submenu is displaying already opened when you hit the page.
I've set the menus up with the following options:
$('ul#nav').superfish({ hoverClass: 'sfHover',
pathClass: 'current',
pathLevels: 1,
delay: 800,
animation: {opacity:'show'},
speed: 'normal',
autoArrows: true,
dropShadows: true,
disableHI: false
});
This is a snippet of the menu code just for completeness, although it's pretty generic:
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li class="current"><a href="agenda.html">Agenda</a>
<ul>
<li><a href="stream_busdev.html">Business Development Stream</a></li>
<li><a href="stream_techsupp.html">Technical and Support Stream</a></li>
<li><a href="stream_partners.html">Partners Stream</a></li>
<li><a href="stream_paytrain.html">Payroll and Training Stream</a></li>
</ul></li>
... more menu items in here ...
</ul>
I've also attached a screengrab, in case it helps, since the site isn't live yet. So I guess what I'm asking is: is there a way to have the current parent menu item marked as current without it automatically opening the submenu?
I'm trying to build a menu with an animation color and my problem is that the funtion is apply to all the links in the menu but ideally I would like to apply to all elements less the one with the id current.
at the moment I just created two functions but still apply both of them to the current link.
Here is the code:
<script type="text/javascript">
// font color animation
$(".second a").hover(function() {
$(this).animate({ color: "#00aadd" }, 400);
[Code].....
My requirement is, I have multiple pages in tab format. If i am on first page in edit mode and change any control's value and without saving information i click on other tab that particular time a popup should appear showing validation message say "you are moving without save and it will loos all changes either click ok to loose the changes and move to other page or click cancel to remain on the current page."I tried using var isDirty = false; var msg = 'This page has unsaved changes.Click OK to abandon the changes and leave the page.Click Cancel to stay on the page so that you can save your changes.';
$(document).ready(function ()
{
$(':input').change(function ()
[code]....
how to post dat from curent page to another php page using jquery
View 2 Replies View RelatedI have built an expandable menu that displays some categories and subcategories. The menu is populated from a MySQL DB and I'm using PHP to configure the data for the Javascript menu. All of this works correctly.
There are 2 options when using the menu.
1. Click the arrow icon next to the category option. This opens the subcategories for that category while remaining on the current page.
2. Click the category title (text link). This brings you to the category page.
When a user clicks the category title to go to the category page, I want the subcategories for that category to be open when they get there.
Everything seems to be working correctly, until I get to the line to open the subcategory.
I am new to JavaScript. I am currently developing a simple CMS in PHP & MySQL. Most of work is already finished, bu now I have to tweak some functionalities in increase user experience. One of it is folding menu (tree menu). I am generating it in PHP and currently I'm using simple JavaScript to expand/collapse submenus (folders). Idea is simple - when an expandable list item (<li>) is clicked (onmouseclick) a simple JS funtion is executed that display a child list (<ul>) and in this way I am building a simple tree menu.
The function is following:
Code:
function showHide(msg_id)
{
var element = document.getElementById(msg_id);
element.style.display = element.style.display=='block' ? 'none' : 'block';
}
The problem is that when I click an list item (that leads to certain article) in a submenu, whole page is reloaded and all previously opened submenus collapse. I would like to have expanded elements that are leading to the last one that I clicked. How can I achieve it? Can you provide me some links to tutorials? Or maybe giva a hint how to tweak my function?
I'm looking for some Javascript that displays the current year and the next 10 years afterwards as options in a select menu, and that auto updates as the years pass.
View 2 Replies View RelatedI've got 2 pages: a current events page and a past events page the current events page loads fine as there is only about 10 events the past events page takes about 30 seconds to load and will crash if u click your mouse in the loading time.
The pages are near identical the only difference is the query that selects the events (> versus <)
The page loads immediately without:
But when i put it back in the above happens. I'm using jQuery.roundedcorners.
I was searching for this and found only: var local = window.location.href; Is there any other way to achive this?
View 5 Replies View RelatedI have a small script which adds a class to the current menu item selected.
Currently on the page load (this menu is within one page) the first menu item which is loaded does not have this .mywork_active class. Its not until you click it or another item that the class is added.
What would I need to do make the script add this class to the first item on load.
The menu looks like so:
I am trying to get the current page HTML URL (the one at the top in the address box) and place it in a variable.
[Code]...
I am using an ajax call to generate a new image with some text across it. How can I "replace" the image in the current page with the one I just generated, they will have the same name.
View 4 Replies View RelatedI am currently working on a page that has a series of <div> tags that .show and .hide whencorrespondinglinks are clicked, the first <div> is visible when you load the page. When you leave the page and return to it, the page reloads and the the first <div> is visible. Is there any way for the browser to save the current <div> that is visible to stay visible when you return to the page?example of what I am trying to accomplish:I load a page and click on the third link to show the third <div> and then after leaving and returning to the page (by clicking the browsers back button) the third <div> is still visible, rather than returning to the original state of the page where the first <div> is visible.
View 2 Replies View RelatedI'm trying to get the hover over image selected based on the current page. I've used an external jquery.url.js library to access file and href information. The if statement is reached correctly, but I can't get the code within it to work. Each image is stored within an anchor and, as with the hover code (included), I'm trying to change the end of its source file name from '_off'to '_on' so it's active.
$(function () {
$("img.rollover").hover(
function () {
this.src = this.src.replace("_off", "_on");
},
function () {
this.src = this.src.replace("_on", "_off");
});
$page = jQuery.url.attr("file");
$('#menu tr td a').each(function () {
var $href = $(this).attr('href');
if ($href == $page) {
$("img", this).src.replace("_off", "_on");
}});
My question if it's possibly to dynamical open (without hardcode URL)the same page (current page) in a dialog? I need to have a link on every every page in a site (the link lives into a template) and I need to open this page again in a dialog box with the same content.
View 3 Replies View Related