jQuery
I need to set equal height on a series of divs inside another div wrapper. The problem is that I dont want the same height on all of them. The page kind of have 3 columns and the floating divs can be 1, 2 or 3 columns wide. The divs float left, so the following example will give me three rows of divs in my wrapper. How can I set equal height on the divs that are in the same row? In my example I want nr 1 and 2 to have equal height and 3, 4 and 5 another equal height? I cant know
I have the follwoing code:
$("input:checkbox").live('click', function() {
alert($(this).val());
});
True is shown if the checkbox is checked. However, if the checkbox is checked and I uncheck it, the value shown is still true. How can I correct that? What is wrong with the code? Thanks
The value of a checkbox is always the same. You need to see if it is checked or not.
….attr('checked');
this.checked //true/false - not
What arguments can I use to encourage a beginner Web Designer that jQuery library is worth learning and using? For someone that is proficient in HTML and CSS, with some PHP expertise but with little JavaScript, jQuery appears like a huge risk and a maintenance nightmare.
Presentation articles like these ones published by “Smashing Magazine” :
jQuery and JavaScript Coding: Examples and Best Practices
45+ New jQuery Techniques For Good User Experience
50 Useful New jQuery
Possible Duplicate:
A comprehensive regex for phone number validation
Perhaps a forgiving JavaScript solution would only make sure that only valid characters are allowed. (digits, dashes, periods, letters for extension.
Although loop seems best, is there a simple regular expression that checks for valid characters?
A regular expression is just javascript, not jQuery. What is the format you seek? How many letters are allowed in the extension? I could look it up, but it
Possible Duplicate:
Javascript isDOM — How do you check if a Javascript Object is a DOM Object?
I have the following simple function:
function do_smth(el){
if(typeof el != 'object'){
el = this
}
var val = $.trim(el.value)
/**** some code here ****/
}
Sometimes it is binded to an element as an event
1)
element.onclick = do_smth
and sometimes it is used the following way
2)
do_smth(element)
both ways this should work good...
The
I was looking at some code from a tutorial for creating a carousel menu and noticed parent child selectors without the parent. Never seen this before, and confused to what it is actually doing.
See following code:
var $wrapper = $('> div', this).css('overflow', 'hidden'),
$slider = $wrapper.find('> ul'),
$items = $slider.find('> li'),
$single = $items.filter(':first'),
singleWidth = $single.outerWidth(),
visible =
I want to make a vertical accordion which slides horizontally on a page using a button attached to it (much like a toggle kind of effect using a button) . The example I want to base it on is there at https://sheet.zoho.com/home.do and I'm also attaching a couple of screenshots.
The arrow button in the middle of page towards the left
the Accordion opened
This might be beneificial to you - jQuery slide left and show
Specifically the slideRightShow and slideLeftHide functions.
I'm implementing an auto textarea resizer that auto-expands a textarea when user presses ENTER and after a minimum scrollHeight size.
It works well in IE, Firefox and Opera, but not in Chrome.
In Chrome the textarea is resized at any keypress (not only ENTER) because when settings e.style.height it also changes scrollHeight (this doesn't happen to occur on other browsers.
I marked the problematic line with a comment:
function resize(e)
{
e = e.target || e;
var $e = $(e);
How can I select in jQuery all the divs that have background-image: url(somepath/somename.png) in their style?
There isn't a jQuery selector, but this might work:
$('div').each( function() {
if ( $(this).css('background-image') == 'url("image.png")' ) {
// do something here
}
});
However, a more efficient method would be to make sure you only have a single class that uses that background image, then simply select $('.bgClass')
Try adding a custom
I'm using the tablesorter JQUery plugin to sort the rows of a HTML table by clicking on a column. In most cases, the table cells contain simple markup like <td>hello</td>, so the default behaviour works fine.
However, one column of the table contains cells like this
<td>
<a id="1" class="festivalSubscribe " action="create"
controller="festivalSubscription" onclick="/* Lots of Javascript */">Not Subscribed
</a>
<a id="1"
So I got a dialog box that is loaded dynamically using AJAX, in that box, I have a file input that is replaced with Valums qq.FileUploader. I do call the init on the FileUploader after loading the content, my input box gets replaced properly by the FileUploader.
As you can see in the picture below, the input gets replaced by everything, and the new "hidden" input, is there. Problem is that I can't click on it. However, I can drag-and-drop files correctly. So, the upload still works,
I'm using the Galleria plug-in for a website I'm setting up, and it was working flawlessly until I tested it on someone else's computer.
On a visitors initial visit to the site, the slideshow will not load at all, but after reloading the page it will appear. I never had a problem with it while I was building the site, but when I cleared my cache and data and visited the site, I ran into the same problem.
So whats going on here? Is there a simple fix?
Is there a way to just force a