I know about the :input selector and the fact that it includes all input types, but I need to be more specific by either explicitly including or excluding certain types. I want to monitor these types for change: text box, text area, select and password - how do I go about constructing this selector statement?
View 2 RepliesAs 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'd like to know how to add break tags "<br>" inbetween entry's in an input form, an example is if the word "yada yada" was entered you would wind up with y<br>a<br>d<br>a<br> y<br>a<br>d<br>a
I would like to able to add the break tags with a button onClick. I have no idea where to start ...
I have a function targetted to input fields with class="replacetext" and type="text" $('input.replacetext[type=text]')
How can I make this same function work also for textareas with class="replacetext"?
I have tried:
These does not work...
Heres my code:
I'm working with jQuery on a form where each input element is contained in an <li> element.
Some fields are read-only, identified by a class ".readonly", and I'd like to bind a jQuery function to these fields' "focus" event, to send the focus to the next input whose class is not read-only.
But, because of the containing <li> elements, I don't think .next('input') will work, since the <input> tags aren't siblings.
Is there a simple selector that will do the job without having to climb up and down the DOM via parents and children? To me that feels unsatisfactory and brittle, because should the designer decide to change the layout (lists within lists, <div>'s within <li>'s), my DOM-climbing code might break.
I'm trying to update the input field that ends in the word 'label', but not update the one that ends in 'label' and has 'choice' in the name. (really just looking for line 9 to work).
<html><head>
<script src="jsjquery-1.3.2.min.js" language="javascript" id="javascript"></script>
<script>
$(function(){
$(':input[name$=label]').val('111');
$(':input[name*=choices]').val('222');
$(':input[name$=label]').find(':input[name*=choices]').val('333');
$(':input[name$=label]').find(':not:input[name*=choices]').val('444');
});
</script></head><body>
<input name="section[x].fr[y].label" value="" />
<input name="section[x].fr[y].choices[z].label" value="" />
</body></html>
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 RelatedMy code runs great in every browser but IE6 IE7 and IE8. it breaks and causes all scripts to fail. i setup Visual Web Developer in my VM like a blog post told me, and when i load the page i get Microsoft JScript runtime error: Object doesn't support this property or method that seem to break on this line
[Code]...
I have a hover function that also has the "rollout" function attached to itHowever, I also call a different function when the user clicks. This function when clicked, changes the class name, however, the hover function, is waiting for my "rollout" and does stuff that I don't want after the click has happenedOk, that was confusing.Let me show you with code:Hover Function:
(basically turns on/off an image)
$(document).ready(function() {
$('.hotelCat').hover(function(){
[code]....
Basically I return a very large table from ajax/json with like 5k-10k rows as a string. Then I append it to the document using jquery .append on .html. Both seem to be equally as fast (usually around 10 seconds or more) in adding it to the document.
Is there any approach using jquery to break up this large append/innerhtml so the browser doesn't freeze? The table is already built on the server into a large string.
When I want to handle html/css code in js/jquery it seems that line breaks aren't allowed. This of course makes the code less readable. Is there a workaround to this or is it simply to accept?This doesn't work:
$("head").append("<style type='text/css'>
#table {table-layout: fixed;width:650px;text-align: left;border-collapse: collapse;}
</style>");
This works:
$("head").append("<style type='text/css'>#table {table-layout: fixed;width:650px;text-align: left;border-collapse: collapse;}</style>");
I would like to dynamically insert a <br /> after each </select> (like createElement). I am told that this is simple with jquery but only have limited experience in this area.
Code:
<html><head></head>
<body><form><select>
<option>1</option>
<option>2</option>
</select>
<--- dynamically insert <br /> here
<select><option>3</option>
<option>4</option>
</select>
<--- dynamically insert <br /> here
</form><body></html>
I'm working on a project where i have a div in which i dynamicaly load some text.
No problems yet.
Trouble is, the width and height of the div is limited.
So in order to show long words (over 16 characters long) i need to break up the words.
CSS3's new "word-break"-property enters the arena.
Now the real problem shows it's ugly face.
When passed by jQuery's .css()-function, no "word-break" appears in the HTML.
The problem seems to lie with jQuery, since it works on jsFiddle.[code]...
I have a problem with quotes.
$(document).ready(function(){
$('#txtValue').keyup(function(){
sendValue($(this).val()); [code]....
if $T contains just "text", the code works perfectly.
if $T contains line break, quotes " or ', the code doesn't work.
i have a site that uses a lightbox based image viewer and the jeditable plugin. basically my site has a photo gallery and below each gallery i have the option to set a caption to the photo.
i have done the caption using jeditable and i've also tried using the ajaxForm plugin for jquery to see if jeditable caused the problem. but whichever method i use, approximately 20% of the time a photo caption is submitted, if you then click on the photo to view full size using lightbox (so far i've used fancyBox, prettyPhoto and Lightbox itself, and all break in the same way) it gets stuck at "loading", whereby the overlay appears, the inital empty box and animated gif appear, but then it just spins forever and never loads the image, as if it cant access the URL. weirder still, the FIRST time i do a page refresh to try and fix the problem, it doesnt work (something in the cache i expect), but if i do a second refresh or a shift + refresh, it resets and works again. it's very difficult to eliminate all variables because the problem is so sporadic, but it seems that the most likely way of breaking lightbox is to do the following:
[Code]...
I'm using <DIV> tags to display some content with absolute positioning.
The content sometimes goes more than 1 page. So i would like to
have page break after 1 set of content is printed on a page. Its like this
<DIV id=A style="position:absolute; top:0px; left:0px; width:100px;
height:100px">
Item One
</DIV
--do the page break
<DIV id=A style="position:absolute; top:0px; left:0px; width:100px;
height:100px">
Item Two
</DIV
This should ensure that always the content is printed on the same position
but in new page. The problem is how to do the page-break.
On a page I'm offering file download links which are each targeted to an
tiny 1-pixel X 1-pixel iframe on the same page. (If you care why, see
below.) Under certain conditions, I want to popup a window which is NOT
constrained within the iframe to which its creator page is targeted. But
since the download page is being targeted to the tiny iframe on the
application page, any popups or alerts I've tried creating from the download
page's code do not appear, presumably because they're being created inside
the "invisible" iframe.
Is there any method for asserting on a page that a window or alert should
NOT appear in the iframe to which the page was supposed to send its output?
I'm developing in ASP.NET, so can modify page HTML and Javascript just
before the page is sent to the browser.
The reason I'm targeting links to the tiny iframe is that when users select
a file for download, the standard Windows open / save / cancel dialog pops
up over the page they clicked rather than first opening a new "file
download" page. When download is complete and the dialog disappears the
original page remains ready for another user selection. The giant download
site tucows.com uses this technique. However if there's another way to get
this functionality I'm all ears!
1. User selects file for download on application page.
2. If no errors, standard Windows dialog pops up over application & download
proceeds without changing application page. When download completes, dialog
disappears and application page remains unchanged ready for further use.
3. If error, window or alert pops up over application. When closed,
application page remains unchanged ready for further use.
Is it possible, when you have a loop in a loop, that when the inner loop reaches a certain point, it breaks out of both loops? For example:
[Code]....
The code above will break out of the (b=0;b<=10;b++) loop when b==5, but it will continue to do the a loop. not putting the first loop at all or making the first loop stop at 1): Is there a way to break out of both loops when the if condition is met? (I only ask that you not give a work-around because what I have in mind is much more complicated than this)
IE7/8 break effect when using a .png for the shadow under each colored block. The rest, including IE6 are fine with them. Note, IE6 has it's own problems, that I already fixed in my real page. Here is the test page >> Hover over the blocks in FX and now in IE7/8 >> Anyone see why IE is doing that to the shadow (i.e. blowing it up to ten times it's original size)?
If you take the comments out of the JS in the head section and use the full url .jpg one instead, then you will see that IE works just fine. It's only when using a .png that IE goes wrong. I guess if I have to I can try and make a jpg do in it's place, but it wont look as good, and I prefer not to.
I have several
<td id="td1" name="td1">
<td id="td2" name="td2">
etc.
I am trying to do the following javascript:
for(var i=1; ; i++) {
eval("if(window.td"+i+") { alert('there is a td"+i+"') } else { break; }");
}
However, I am getting a Javascript error: Can't have 'break' outside of loop.
How can I fix this?!
I have the following code. When the user clicks on one of the links (Bookies Quick Search, Bingo Quick Search or Casino Quick Search), the submenus will appear underneath. This code works fine, however the only problem im having with this is that i cannot seem to get rid of the break inbetween each one. Code:
View 1 Replies View Relatedi have a nested loop in Javascript and i have a break statement in inner loop. As break statement takes control come out of inner loop. I want to come out of both loops if break statement reaches in inner loop. is there any way to do that ??
View 1 Replies View RelatedFor the first time, I'm attempting to write a small Javascript program
using one on the online reference sites. I need some confirmation as
to the behaviour of the break statement.
In the following code:
for ( row = 0 ; row <= 7 ; row++ ) A <----
{
for ( col = 0 ; col <=7 ; col++ ) B <----
{
if ( check ( row, col ) == "pass" )
break ;
}
}
}
Where will control pass to once the break statement is executed?
Will it continue with the first 'for' statement (A) or the second (B)?
Also my 'check' function needs to pass an indication as to it's
success or failure. It does it by:
return ( "pass" ) ;
Am I doing it correctly?
Any links to useful reference sites would be welcomed.
i am unable to break the line in javascript. Actually i am using a javascript to open Microsoft Outlook Express, And in the body text i am sending some value like "Name and Address(Shown in code)". I want after task it should break the line and the value of Address will start from new line. But i am unable to do that. The code i have used is given below.
// JScript File
function EmailIt(emailTO,strAddress,strName)
{
[code]...
But didn't got succeed.
I'm using simple form validation, found online, to check certain fields before submitting. The problem is that, although the script detects the error/missing field/wrong syntax and pops up the corresponding alert, after the user presses OK in the alert box the script continues and sends the form - which of course is not valid.
HTML PART:
<input name="Submit" type="submit" class="textfield" value="Register" onclick="checkitems();">
JAVASCRIPT PART:
function checkitems() {
valid = true;
if ( document.registration.Onoma.value == "" ) {
[code]....