I'm pretty new to jQuery and this is giving me a lot of trouble! I found some code jQuery code to give me a great start but I can't get the logic to where I need it to be. Here is what I have:
$(document).ready(function(){
$('p', 'body')
.andSelf()
[code]....
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.
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 RelatedI'm trying to add a click listener to a list element that has a hidden unordered list.
<script type="text/javascript">
$(function(){
$('li:has(ul)').click(function(event)
{
[Code]....
Basically, I'm looking for a way to find a list element that has a ul child, and then hide or show that ul. What I have here doesn't seem to be working.
What would be the easier way to do this? For each of the list elements I want to check how many image elements are inside each, and do something with the one that has only one image.
<ul>
<li>
<img src="" />
[code]....
For example, if we press tab in a page and the tab finds an A Link and then we press enter, it will be like Clicking in the link. I would like to know how do I do to make that kind of selection in my element, cause I wanna make a function to select the item so the user when pressing enter it opens the <a> link.
View 3 Replies View RelatedI would like to check if a string is a valid zip code via Javascript.
Length and existents are already checked.
How can I find out if the string contains characters other than numbers?
Example: 834F7
schould be false since it countains an F character
I'm looking for a way to find all prices within a string and process them and display the results before the browser displays.I would need to be able to recognise eg 100 or $99.99 etc.. or even their html characters.
View 3 Replies View RelatedI want to call stop() on an element animated with animate() based on a user hover. I also want to figure out how close to complete the animation was when the user hovered.
In a simple case I would just compare the animated element property's current value (ie height) to its target value, but in this case I'm creating a generic animator and don't actually know (without a ton of otherwise unnecessary housekeeping) what properties are being animated.
How can I check if a number exists by itself in this string by using
the RegExp object?
var mystring = "11,111,01,011";
var match = "1";
var re = new RegExp( match );
var isFound = re.test( mystring ) );
Running this code returns 'true' which is not what I want since number
one doesn't exist by itself. I need to use the "match" variable since
it will change depending on user input.
I can only get it to work without variables in the expression. E.g.
var re = new RegExp( /1/ );
$(document).ready(function()
{
$(".postTags_opener").click(function()
{
$(this).next(".postTitle .postTags").fadeIn(1000, function()
[Code]....
The indentation is probably a little wacky, since I just copy/pasted, but that's what I've got right now. When you click on .postTags_opener, it shows the nearest matched .postTags; that is exactly what I want, since .postTags immediately follows a .postTags_opener. The problem arises when I then try to close it: .postTags_closer comes after .postTags starts, so that's probably why next() is bugging out.
I need to pass a variable into a URL but need to replace the spaces with
$.ajax({
beforeSend: function(){$('#loading').show();},
type: "GET",
[code]....
I'm looking to grab the width of an <li>, including padding and margins that doesn't have a set width, and has one of 'auto' or 0.
View 5 Replies View RelatedI've been trying the find the (x,y) co-ordinates of an element. I've been using;
document.getElementById(element).style.top
document.getElementById(element).style.left
However this doesn't always work in my script. Now, I've googled how to find the position of an element. And come accross many scripts which supposedly all find the position of any object. Some are very long scripts and some are very short all using a variety of methods. Incidently none of which work, they all return (0,0).
I forget how to do this. Maybe somebody can point me to a decent tutorial. But I'm looking to grab the width of an <li>, including padding and margins that doesn't have a set width, and has one of 'auto' or 0.
View 4 Replies View RelatedI've been trying the find the (x,y) co-ordinates of an element. I've been using;
Code:
document.getElementById(element).style.top
document.getElementById(element).style.left
However this doesn't always work in my script. Now, I've googled how to find the position of an element. And come accross many scripts which supposedly all find the position of any object. Some are very long scripts and some are very short all using a variety of methods. Incidently none of which work, they all return (0,0). I have a question, why would someone create a script to do what one line of code can do? Am I missing something.
Is it possible to do this? Say I want to find out where on the screen a specific div is, and i want to know the values of the left and top properties. Can i find this out? If so, how?
View 14 Replies View RelatedBasically, I have an element I want to hide before it is shown when a condition is met. For reference, it's checking whether a particular radio button is selected. if ($('[name="'+q1110.name+'"][value="'+q1110.value+'"]:not([checked])')) $('#_divhide').hide(1, function () { q1110.toggle = false; }); Right now, only in IE 6, it shows that element for a split second, then hides it. I don't want it shown at all unless the radio button is checked. As usual, I can't manipulate anything in HTML unless it's done through JS.
Also, the slideUp and slideDown functions don't work properly in IE 6. They do hide and show, but the animation isn't smooth. The element disappears and reappears without any animated effects. It's kind of a bummer since it works perfectly in FF 3.6.
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])')
I'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>
When the span is empty I want to hide it, and I've used this jquery to do this.
However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.
I have an element tag stored in a variable: var bla = '<img src="path/to/image.jpg" name="something" id="myid" />'; Is there a way to get that id from that var??
View 1 Replies View Related[Code]...
I need a way to convert the ID on line 9 into a string which can be used as a variable on line 10. Is this possible? I'm truly sorry if this ends up as a double-post. My browser froze up on the last one and I'm pretty sure it never went through)
How can I create a new element around the first Letter of a dynamical outputted string? I need this because I want the first letter in another color.
[Code]...
i want to build a plugin using this boilerplate if i use the plugin like this $('#myid').myplugin() how can i get myid as string inside the plugin ?
View 1 Replies View Related