Loading...

Search jQuery

Search

jQuery Forum

Screen name:
russthebarber

russthebarber's Profile

3 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

indexOf problem with variable not string
[4Replies]
- 02-Jun-2012 09:54 AM
- Forum: Using jQuery
I'm doing a jquery dropdown menu to change language on a site. As you can see in the code below I am storing languages in one array and images relating to those languages in another. When a button is clicked I want to look at the text in that button, get that text's index in the array, then use that index to add its image somewhere else.

At the moment I am getting no image at all. The variable btnText is working as I can see the result in #languageBtn, but something is not working on line 7 with indexOf. If I change line 7 to a string and not the btnText variable e.g. indexOf("Deutsch") it works fine and I get an image.

indexOf(something) only seems to work if something is not a variable but a string in quotes. Any ideas anyone?
2. languageArr = new Array("English", "Español", "Deutsch", "Français");
3. languageFlagArr = new Array("flag_en.gif", "flag_es.gif", "flag_de.gif", "flag_fr.gif");
5. $('.languageBtns:not(#languageBtn)').mouseup(function(e){
6. var btnText = $(e.target).text();
7. var indexOf = languageArr.indexOf(btnText);
8. $('#languageBtn').text(btnText);
9. $('<img>').addClass('langFlag').attr({'src': 'img/' + languageFlagArr[indexOf], 'height': '10', 'width': '16', 'border': '0'}).appendTo('#languageBtn');
10. $('#languageBtnsBg').hide(200);
11. });

referencing problem when child elements are clicked
[2Replies]
- 20-May-2012 10:56 AM
- Forum: Using jQuery
I have a div that when clicked should run a function
1. $('#ratingOnScreen' + i).click(viewRowFunction);
The function itself gets the id of the div that was clicked to use later.
1. function viewRowFunction (e) {
2. var clickedId = $(e.target).attr('id').replace('ratingOnScreen', '');//gets just the index
3. $('#ratCodeId0').text(clickedId);
4. }
The problem is that the div contains child divs so sometimes these are being clicked and the viewRowFunction is getting the id of the child instead of the parent. Is any way of avoiding this? I have tried giving all the child divs a class of noIncClass and then using :not and .not() in various forms but this made no difference. e.g.
1. $('#ratingOnScreen' + i).not('.noIncClass').click(viewRowFunction);
Any help appreciated.

changing classes problem. clicking a div changes span too
[3Replies]
- 20-Apr-2012 09:06 AM
- Forum: Using jQuery
This is driving me crazy. I have many divs like the example below. when you click on one its class should change.
1. <div class="yesNoOpac"><span class="yesNoSpan">here is the text</span></div>
2. <script type="text/javascript" charset="utf-8">
  
      $('.yesNoOpac').click(changeClassYesNoOpac);
      function changeClassYesNoOpac(e){
          $(e.target).removeClass("yesNoOpac");
          $(e.target).addClass("yesNoOpacX");
      }
  
  
  </script>
The class change changes the background image (aligned left) and the opacity of the div. This works ok for the div , but the problem I am having is that when I click on the text (aligned right) it is changing the class of the span element. I don't want the class of the span to change as that adds the background image to the span too so I end up with one background image for the div and another for the span that's in the div.

What I want is when I click the div anywhere it only changes the class of the whole div and not both the div and the span.

i have also tried this which gave the same result:
1. $('.yesNoOpac:not(.yesNoSpan)').click(changeClassYesNoOpac);
      function changeClassYesNoOpac(e){
          $(e.target).removeClass("yesNoOpac");
          $(e.target).addClass("yesNoOpacX");
      }

«Prev
Next »