Keeping Selected Link Selected After Lost Focus
Apr 12, 2005
This is irritating cause i read a arcticle with a solution to this in one of the many newsletters i receive, but then i didn't need it and now i do i can't find it, and i'm searching for days now .
I have say 3 links
link1 --- link2 --- link3
all of then formatted nicelly with CSS. When i select one of then, say link1, it becames with a diferent background color.
What i want is to keep tha backg color even when the user clicks anywhere on the page (thus loosing focus) and until another link is clicked.
I tought this could be possible in a CSS only way, but now i think i have to use some Javascript.
View 2 Replies
ADVERTISEMENT
Nov 10, 2009
I'm using Firefox 3.5.5 on Vista 32 Home Premium SP2 and only recently noticed that (javascript/jquery being enabled) link focus is lost when you tab through a page, follow the link to another page and then hit the backspace key to come back. Tab navigation continues at top of page, not with the next link after the one in focus before.
No problems in this respect with IE8 and Opera. As soon as you disable javascript with noscript, the problem disappears and link focus stays, so that tabbing brings on the next link instead of starting on top of page again.
Just confirmed it on jquery/com (following navigation link to Plugins and hitting backspace) and on learningjquery/com (navigation links). A Google search didn't yield any answers nor even any similar reports on this particular problem.
It's even more irksome in my particular case, since I have just implemented a stylesheet switcher in order to enhance certain accessibility aspects, but ironically this particular bug leads to a loss of accessibility.
Does anybody know what might be the reason (version 1.3.2.min related?, cookies related?, etc.) for this and how to solve it?
View 7 Replies
View Related
May 4, 2011
I am currently using:
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
[Code]....
There are 2 options I could use but I don't know how to do it.
1. Using a get parameter to select the tab
2. Using the cookie plugin (not sure how that works)
View 4 Replies
View Related
Aug 27, 2010
I have created a jquery accordion menu for a brilliant CMS called 'Concrete5' and all works lovely BUT I now would like the menu to stay open if a menu item is selected within the drop list.I have manged to create the following.....
var pathname = window.location.pathname;
var selecteda = $(".nav-selected a").attr("href");
// alert (selecteda)
[code]....
..but it doesn't seem to work.I'm not a JQuery GOD like most of you on here but I am trying my hardest The accordion menu I am trying to get this to happen on is Accordion Menu.
View 1 Replies
View Related
Jun 19, 2007
I have a checkbox that shows different screens when each checkbox is selected. So when a checkbox get focus or is checked I want the screen on the right side to change. The problem is that when I override the focus then the click won't go through. Meaning that right now no checkbox has no focus, so when I click a checkbox the right screen changes, but the checkbox does not get a check so we have to click it again. What can I do to switch the screens on focus and process clicks correctly?
View 9 Replies
View Related
Feb 6, 2009
I have a multiple select element on a form. I want to use javascript to focus on the first selected <option>
View 2 Replies
View Related
May 19, 2010
like for example i have text areas named upload1 and upload2when I click or add input on upload1 a drop down list below upload2 will not change, but when I add input on upload2 the dropdown will select "parts"
View 3 Replies
View Related
Aug 6, 2009
I have various list boxes in a web form. I need list box No. 4 to be disabled until a selection is made in a previous list box, the No. 2 listbox. If some selection is done in listbox No. 2 then I can do a selection of list box No. 4. How can I do this?
View 2 Replies
View Related
Mar 13, 2011
I'm building a calendar and using a jQuery script to shift between "list view" and "calendar view". The thing is, that I would like to add a unique CSS class to the selected link, so I can make a highlight effect (or something like that) that only applies to the currently selected link. My script is:
jQuery(document).ready(function(){
//if this is not the first tab, hide it
jQuery(".tab:not(:first)").hide();
//to fix u know who
[Code]....
View 1 Replies
View Related
Oct 28, 2010
I'm not sure if this is the correct place to post this question. If it isn't, please let me know where I should post it.I created a simple content slider with each link directed to a section on the same page. The menu I'm using is straightforward:
<div id="menu">
<ul>
<li><a href="#home" class=".current">Home</a></li>
[code]....
View 2 Replies
View Related
Jul 14, 2009
Any way to select a portion of text and convert it to a clickable link? I have seen examples, where the selected text is wrapped in <a> tags, however, I have yet to see an example of having the link actually be clickable. The other issue appears to be with the document.selection property that Firefox seems to not support. So a cross-browser solution would be ideal. I intend to use this with a custom toolbar/button in FCKEditor. The toolbar is in place, we just need to resolve the selected text - clickable link issue.
View 1 Replies
View Related
Apr 25, 2010
I'm using jQuery to check if a group of radio buttons has one of them selected. This works fine if there IS one selected, but errors if NONE are selected. Can anyone show me how to make it work if NONE are selected?[code]
View 1 Replies
View Related
Feb 12, 2011
I have a list of 32 thumbnails in the form of:
<ul id="thumbs_ul">
<li>
<a href="gall.php?g=galleries/atest/&p=Bamburg_01.jpg" title ="" >
<img class="thumbnail" src=phpThumb.php?src=galleries/atest/Bamburg_01.jpg&
[Code].....
How do I get the href for the item directly before the "selected" thumbnail and the item directly after the "selected" thumbnail?
In the above example I would like to get: [URL]
View 5 Replies
View Related
Feb 17, 2010
how to fire the mouseenter event programaticaly when link in gridview row is selected?
View 3 Replies
View Related
Jan 11, 2011
Ok so I have a site that I want to automatically close the window when the focus is lost from the page. For example, if the user clicks off the page to something else on there desktop I want the page to close. So far I have managed to do this but the grids on my page and the scroll bars all trigger the close function when clicked on. Is there anyway to make the scroll bars and drop down boxes not trigger the function?
This is the line of code that I have.
Code:
View 4 Replies
View Related
Aug 16, 2010
I am trying to develop an exam system.Find my code below.I request you to copy the code and save it as an html file .I have 2 problems:
1. Kindly notice that when the quiz is loaded,it shows both the questions by default.I want only question 1 to be visible when the quiz loads.What happens presently is that ,both questions are visible even after I click on the link
Q.1( referring to question 1).However,when I click on
Q. 2,then only question 2 can be seen and then(after clicking on Q.2) if I click on Q.1,then only question 1 can be seen
What I want is that when the page loads only question 1 is visible.Then when I click on Q.2,I can see only question 2 and when I click on Q.1, I can see only question 1.I later plan on adding many questions,so it should be a general solution rather than a solution good only for 2 questions.
2.Also,what I want is that,if someone selects any of the answers of a particular question,it's link color should turn green to indicate to the user that he answered that question.So for,instance,if I select an answer to the first question(select one of London,New York,Seattle,Washington,Chicago), the link Q.1 should turn green.
View 3 Replies
View Related
Oct 24, 2010
I have nested tabs structured like this:
<div id="tabs">
<li><a title="outerTab1" href="#outerTab1"></li>
[code]....
View 10 Replies
View Related
Nov 28, 2011
I need some jQuery code to get the data from the URL (example.com/?areaCode=1234) and then use it to add selected="selected" to the correct option from this set.
<option value="1111">one one one one</option>
<option value="2222">two two two two</option>
<option value="3333">three three three three</option>
<option value="1234">one two three four</option>
I hope you understand, it's quite hard to explain even though its super simple.
I can do this in PHP by doing<option value="1234" <?php if($_GET['areaCode'] == 1234) { echo 'selected="selected"; }>one two three four</option>
View 7 Replies
View Related
Mar 18, 2010
I recently wrote some code, which involves a list. Elements can be picked by up/down arrow keys.To highlight the elements, I'm using a similar call to objects[focus]stop (true,true).animate({'opacity': 1}, 200);(As you can see, all DOM elements are cached)the same call goes to the element which lost the focus, with an opacity value of 0.2.Whatsoever, I noticed on testing that the performance is just fine on firefox 2/3, IE 7/8, even Safari has good results.Only exception so far is Chrome, it's terribly slow on those calls with a CPU load of 40-50%.I didn't further investigate that behavior since it still works "OK" on Chrome, but SIGNIFICANT slower.
View 12 Replies
View Related
May 29, 2006
Assuming I have the functions, "isNumber" and "isEmpty", how would I write the HTML INPUT type="text" element such that a person cannot exit the element unless they have typed in a valid number (as defined by the function isNumber) or left the field empty (as defined by isEmpty)? Thus, if they have typed in "aaa" and then pressed "Tab" to go the next element, they'd get a warning message, and be returned to the old element?
Ideally, this solution would work for both the latest versions of Firefox and IE.
View 6 Replies
View Related
Aug 25, 2010
Im updating a website to use ajax instead of Iframes. Ajax is working fine to load html content into a <div> yet my issue lies with the navigation buttons that trigger my ajax requests.
I have css styled buttons that contain <a> links </a>, i have removed the href and used a onclick event instead but when i remove the href the mouse will lose its hand cursor on hover and the css styled buttons stop working correctly.
Code:
<script type="text/javascript">
function loadXMLDoc()
{
if (window.XMLHttpRequest)
[Code]....
View 6 Replies
View Related
Jan 20, 2011
I have 3 radio buttons with the same name ("myradio"). The value of each is a different URL (eg. value="http:[url]...)I have a link underneath these (<a href="#">Send</a>). I would like the selected radio button's value to be inserted into the href of the link, and if the user selects a different radio button that this changes.
View 1 Replies
View Related
Mar 22, 2011
just that, what would a JS function look like that will set any given <option> tag in a <select> tag as selected="selected" ?
View 14 Replies
View Related
May 31, 2010
The code below works perfect in Firefox, not in IE8.
<script language="javascript" type="text/javascript">
HTML:
View 5 Replies
View Related
Jan 22, 2010
i want the link only to change color when clicked and content changes in window "#gallery". Then when click on another link, it goes back to original color and new link is now changed. Basically, only when link is acitve or focused on then it's new color so user knows link and content that's being viewed.
View 2 Replies
View Related
Jul 20, 2005
how to get the selected value from <Select> tag using DOM I tried with
document.getElementById("selectTagId").getAttribute("value")
it'sworking fine with IE but not with NN I have checked it on NN 7.1
View 1 Replies
View Related
