JQuery :: Finding The Correct Selector?
Apr 16, 2011So, from this:
<div
id
="act112
"
class
[Code]...
So, from this:
<div
id
="act112
"
class
[Code]...
i am creating a simple dynamic menu for my study with the following structure:
[Code]...
now i need to find the correct selector for the mouseout event, because now the submenu disappears if i am getting of the current element (this) of the mainmenu, but i only want it to disappear if it is not anymore over the submenu, or if the mouse goes over another element of the main menu.
As recently as 1.4.3 $('input:text') would find input elements with no type attribute, but after upgrading to 1.5.1 that is no longer the case.
Is this a bug or an intended refactor to be more standards compliant?
FYI - this is the selector I now have to use: $('input:text,input:not([type])')
[URL]..Default.aspx I have both a carousel with images andalso animagemap(notnot published yet)with coords that when clicked i want to write to a cookie file which image or image map coordinate was clicked, so when they are hyperlinked to the next page the correct div opens based on first reading the cookie written to on the previous page. Anybody have a basic script for reading and writing to a cookie using jquery in this fashion?
View 2 Replies View RelatedI wrote a simple code in javascript and it is working fine with IE and Firefox but the out put in php array count is correct in IE but not correct in Firefox
<script language="javascript">
var arrdimensions = {
"codimesion":{"s":{'0':'dimesion1','1':'dimesion2','2':'dimesion3','3':'dimesion4','4':'dimesion5','5':'dimesion6','6':'dimesion7'},"c":1,"m":"50", "sc":1, "f":"nopcs[]"}
};
function adddimensions(what) {
[Code]...
Are there any difference between class selector and ID selector
View 2 Replies View RelatedI'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
View 2 Replies View RelatedCould you find out some fault in the codes as below?
Anyway I can't see the correct effect now.
<head>
I am very new to jQuery and I am struggling with using JQuery TabsI have 3 tabs on my page which open up different URL's, the problem I am seeing is that no matter what tab I select the selected tab is always 0. (The contents are correct just the tab selected is ncorrect.)My Java Script
$(function(){
// Tabs
$('#tabs').tabs({
[code]....
I have 2 files, a main file with the script:
<script>
$(function() {
var availableTags = [<?php include("autocompleter.php"); ?>];
$( "#tags" ).autocomplete({
[Code]....
The mysql-query is: $term%, but there are all items shown (like % $term %), why?
<font size="2">
$(
</font><font color="#006600" size="2"><font color="#006600"
[code]....
Title doesn't really give this thread justice ... I have a content div with an image and text included into it. This same div class is being used multiple times. What I want is to be able to click the image, and have the <p> in that div toggle to show or hide. Here is the XHTML code for the front-end:
<div class="content">
<img src="image_big.gif" alt="image" class="toggle_font" />
<p> Caption for the next image. </p>
[code]....
i trying to select a <select> option programatically. i can see in firebug that the value of the select tag change but not it's text. how could i select a option by displaying it's text?
i try
$(mySelect).val(optionValue);
and
$(mySelect).find('option[value='1']").attr("selected","selected");
but they both are not working.
Using JSON/JQuery/PHP I would like to be able to accomplish a dynamic dropdownlist. In my situation, I am trying to fetch countries from a mySQL database. Once user has selected a Country, if it is USA or Canada, I populate a Province DropDownList with the correct states / provinces.
View 1 Replies View RelatedThe event which in the following keydown function code is not returning the correct key codes. I have checked this in Chrome using the developer tools and the console.log(e.which) statement in my code.
var KEY = {
UP: 38,
DOWN: 40,
W: 87,
[Code]....
I'm fairly new to JS and definitely new to jQuery, altough I've finished courses on both at an on-line training provider. The textboxes occurring a DOM and when rendered, take the form of a div with an inner part <input>:
<div tabIndex="-1" style="left: 140px; top: 200px; width: 200px;
position: absolute;" parent="Content_collapsibleSection181972">
<input name="Product[0].Submission Information[0].GMAC Submission data[0].Named Insured Info[0].Gm Named Insured" tabIndex="9" title="
"class="textboxitem required" style="width: 200px;"
onfocus=" var returnValue=false; cngBgrnd();
if(returnValue==true){return returnValue;}" onblur=" var returnValue=false
returnValue=remBgrnd(); if(returnValue==true){return returnValue;}"
type="text" size="18" maxLength="50" rrcID="textbox182118"
error_msg="null" field_name="Insured Name" field_required="true"
parent="Content_collapsibleSection181972" value="LeftNavTest"/>
The issue I'm having it converting a CSS Expression to jQuery. The CSS Expression takes the form of:
.textboxitem {
background-color: expression(this.disabled ? '#C0C0C0' : this.field_required == 'true' ? '#FFD88E' : '#F8F8F8');
border: 1px solid #999;font-family: Tahoma, sans-serif;
font-size: 11px;
height: 19px;
overflow: hidden;
color: black;
}
I'm trying to capture the following possible values and assign the correct background color ...
<input class="textboxitem required">
<input class = "textboxitem disabled required">
Constraints: I do not want to imbed the jQuery in the DOM, but rather add the function(s) to an existing JS file.
This is what I'm attempting at the moment, links is an array. Should this work? I understand that HTML headers cannot contain complex datasets like arrays, so what format is the data sent in? Ie. how do I decompose the array on the PHP end? Or is there a better way entirely of doing this?
$.ajax({
type: "POST",
url: "http://asdfasdf.heliohost.org/multiurl.php",
[code]....
I have a link styled with css that I'd like to change with a mouse event. It's going to be on a touch screen so I'm assuming I should adopta mouseUp/mouseDown model?
[Code]..
I have the following$('.eventsMPH').find('li.comingUp:first').attr('id');This gives me the first <li> with a class of 'comingUp'. However how do I get the first <li> with a class of 'comingUp' BUT without a class of 'clone'
View 2 Replies View RelatedI have writen(as you can see i am not a jQuery expert :P ) a small piece of code for a ul/li collapsible menu, all browsers do what i want but IE8 is not working propper.
jQuery("a.cat_w_sub").toggle(function(){
if (jQuery(this).next("ul").is(":hidden")) {
jQuery(this).next("ul").slideDown(100);
jQuery(this).addClass("cat_open");
[Code].....
I have used the jQuery ui accordion first but this wasn't work that well, so i switch to this piece of code
The bug/error: well if i click on the menu(which is closet at first) it doesn't open at first but once i click on it, it opens and closes.
I'm fairly new to jquery and I've been stumped on this one for a day now. I'm creating a lighbox type photo gallery on a page. The box is simply a hidden div that is displayed when the user clicks a link. When the link is clicked to launch a gallery I'm using the .load() function to grab another page and load it into the hidden div which is now displayed.
The code looks like this $('#galleryBox').load('boxModal.php?ID=' + ID)); The issue I'm having is after I load up the gallery box with boxModal.php.. I want to be able to respond to the click or mouseover event of the images that have loaded in that box. But I can't seem to find the images in the DOM. Is it possible to add event handlers to images loaded using the .load() function?
I have a calendar in which each day is a separate div, and all these are within a container div #cal. When a user mouses over one of the days, I want to figure out the index number of that day's div within #cal. Simplified example:
<div id="cal">
<div onmouseover="findIt()" id="nov1">1</div>
<div onmouseover="findIt()" id="nov2">2</div>
<div onmouseover="findIt()" id="nov3">3</div>
</div>
I can easily get the index of #nov2 from Firebug if I do this in the console:
$('#cal div').index($('#nov2')
But, I can't figure out how to write a function so that I don't need to assign an id to each day div. I'd like to be able to just take "this" from the moused-over div, and pass that to a function that can turn it into the needed index.
I am working on a little project with fullcalendar but while writing some callback functions stumbled upon an issue: Fullcalendar generates html that looks like this: <a><span></span><span></span><span></span></a>.
Now there is an eventClick callback that is fired when clicking on that <a> element. However, in that callback I would like to know which <span> element was clicked.
First some sample clode:
I have a jQuery click event handler on the dethead tr's which is fine.
But what I want to find in this click event handler is the previous <h3> to the clicked <tr>
So if I click on item1, item2 or item3 I want to find the <h3>Heading 1</h3>
I click on item4, item5 or item6 I want to find the <h3>Heading 2</h3>
NOTE: Not all the <h3> will have the same classes, if any class at all.
Been trying various things from Tree Traversal but have not found the right combination.
Since jQuery parses the entire dom first, is there any efficiency gain in directing it via the entire CSS chain rather than directly to an ID? That is, if I have a Div with an ID of "foo" and it contains a P with an ID of "bar", is there any speed advantage in using $(div#foo p#bar) as opposed to just using $(p#bar), assuming jQuery would be more efficient if it had both indexes?
View 2 Replies View Related<pre><code><font size="4"><span>
Is there a way to find multiple values?This script checks <u>name = ben</u>, what about I want to check if <u>name = ben</u> and <u>name = joe</u>?
var</span><span> items </span><span>=</span><span> </span><span>[{</span><span>id</span><span>:</span><span>1</span><span>,</span><span> name</span><span>:</span><span>'bob'</span><span>},</span><span> </span><span>{</span><span>id</span><span>:</span><span>2</span><span>,
[code]....