Unfortunately in Internet Explorer 7* it is failing to fire more than once when applied to a text input. I put together a minimal test case to demonstrate:httpHas anyone else figured out how to fix this already?Is there an alternative that would serve me better?
View 1 RepliesUsing jQuery Validate to do it's job of validating a form. Problem is I need to get at least one phone number recorded in the form - either a Telephone or Mobile (Cell).Is there any inbuilt way of setting up the rules to do this?I have seen the Milk demo for the validate plugin where there's something similar, but the 'name' attribute is the same, something that's not going to be the same for two different text inputs.
View 1 Replies View RelatedOne of my HTML forms uses pairs of "checkbox/text" inputs. Each checkbox is printed on the left of the text input, but is written before that field as it must be justified on the right (float:right).
<li>
<input name="footer_company" type="text" style="float:right;" />
<input name="footer_company_checkbox" type="checkbox"
checked="checked">Company name :</input>
[Code].....
I've got a proble because text inputs made by function are outside frameset and below submit button.
What should I do to make it work properly?
Here is code:
I'm wondering how to add predefined text to many input fields on click of an image. so I have 4 images and I click one and 4 fields are filled with predefined text. If I click another the text is changed with some other predefined text.
View 4 Replies View RelatedI have this form which has 4 fields that must not be empty on submit, I been trying to make an array that checks them.
<form action="login.php" method="post" onsubmit="return(checkAll(this))">
<label>Username<br /><input id="input[]" type="text" name="username" /></label><br />
<label>Email<br /><input id="input[]" type="text" name="email" /></label><br />
<label>Password<br /><input id="input[]" type="password" name="pswd1" /></label><br />
<label>Password Again<br /><input id="input[] "type="password" name="pswd2" /></label><br />
[Code]...
I have a form in my site with 3 text inputs and a submit button. I want the submit button to become enabled ONLY when ALL of these inputs contain at least 1 character each i.e. if the user removes all characters from any or all of the inputs the submit button will be disabled.
View 9 Replies View RelatedI got the following script to work the way I want it by adding new text inputs with new name values, but if there is data added and the add button is clicked again everything disappears. Is there any way to keep the data from going AWAL?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />[code]....
I'm using jmediaelement to provide jquery-ui styled controls for video. Works in all browsers, including, with jplayer fallback, Firefox and IE9, and even IE8 when the content is inside a jquery ui dialog. But for some reason on page loads with IE8 the jplayer swf object isn't injected into the page...
This is the markup in the page:
I'm loading jQuery, jquery ui, jmediaelement's mm.full.min.js and jmeEmbedControls.js in the page footer. player.swf is available in the same dir. In a subsequent script, I'm calling embedControls on any video elements in the page:
I have no idea even what to try. I tried adding jme's debug js file, but get nothing useful from it in IE8. Loading in FF it just prints "everything looks ok" in console. When I call jmeEmbedControls() from the console it just adds another set of controls below the original. No jwplayer. No styling.
Weirder yet, when I put the same markup that does not work in the page into a jquery ui dialog(), init the modal dialog, and make the same call to jmeEmbedControls, the video inside the dialog is skinned with jwplayer and plays (css is a little off, but it plays fine).
What am I missing? Why would code in the original page load not be skinned with jwplayer, and code rendered in a jQuery().dialog() then get the correct jwplayer funct? (I know about the local security sandbox issues and have added localhost to my trusted sites. Also, same problem on http live site.)
I'm making a drop down menu and it works great in all modern browser but it fails in IE7 and IE8. when i try to move the mouse from the main menu item to the opened dropdown, this disappears. What do I need here?
This is the page: [url]
And this is the JS code:
Appears to be an issue of jQuery when detecting hover over subnavi when it has position absolute...
I have been practicing using canvas to make designs. My current code below will load the word the user inputs and makes it bounce around the canvas as well as a text spinner. However, whenever the user inputs a second word, the bounce below stops to start a new one and the text spinner messes up. so when the user inputs another word, that it either reloads a new textspinner or adds another one, as well as just add the word to the canvas without stopped the old one.
[Code]...
This succeeds in Chrome and Firefox but fails in IE8
$.get('/2/mpeg4.jpg')
.error(function(jqXHR, textStatus, errorThrown) { alert(textStatus); alert(errorThrown);})
.success(function(data, textStatus, jqXHR) { alert(textStatus); alert(jqXHR.responseText);});
[Code].....
I have an input box searching a XML file for a string. Anything the user types in, the script searches through the XML file in the "name" and "conference" tags for results. This works just fine in Firefox. However, in Safari, it only returns a result when a single search result is found. I've narrowed it down to this line, and I have no idea what is wrong with it. my use of selectors in this way? Or is it a Webkit bug?
$(xml).find('name:contains("' +searchString+ '"),conference:contains
("' +searchString+ '")').each(function() {
....print results....
});
I am new to jQuery, but seems prettyy straightforward. URL validation is failing on [URL], even ion the demo site. Not sure why as it is a clean url (generated by wordpress) and takes me to the appropriate content.
View 2 Replies View RelatedI'm having trouble reading a not-so-large local XML file. The following code works fine for under 70 nodes:
// load values from the xml file
$.get('dic.xml', function(dicXml){
$('node', dicXml).each(function(){
var literal = $(this).find('literal').text();
[Code]..
I need to put a rich text editor in a textarea.
Is there any way to do this with jQuery?
Is there a jquery plugin that can scroll text in a div vertically?I have div with a set height that is filled with more content than can be seen.I'm looking for a way to vertically scroll the text or some way to page thru the content.
View 2 Replies View RelatedI am looking for jQuery plugin that can give difference between two textarea content in some highlighted color.
View 1 Replies View RelatedI'm trying to automate the submission of a page after a specific
amount of time, but each of the attempts below do not work....
I have this script that works in IE:[code]it should be the same thing, they're both using HTTP Requests, but the "getJobStock" script just returns no options, but ONLY in IE. In all other browsers PC or MAC it works fine.
View 10 Replies View RelatedI am using the cycle plugin to vertically scroll images with text overlays on a WordPress homepage. I position a div with a semi-transparentbackgroundto darken behind the text The div style uses abackground-image with the -moz-linear-gradient and for IE it uses filter with the microsoft gradient. I thought it might be a problem but it actually works half the time. When a new slide appears and scrolls down the text background is completely transparent - through to the page background. The text over the background is also faintly visible. Once the new slide is in position however, the background and textappear as intended. The suprising point -while theslide is being removed the text and background display perfectly.
[Code]...
I am using the jquery form validation plugin [URL] to get some simple validation done on my form. It's working perfect so far. When I set a particular form field to have the class "required" that makes it so that it can't be blank and when the user tries to submit the form, JQuery displays a "This field is required." text beside the field and focuses on it. The text generally appears right beside the input element. I was wondering whether it is possible to actually control where the error text appears? Say like I set an element div element which I want the error to appear. Is there a way to make it the error text appear in that div element?
View 1 Replies View RelatedI have a "poem of the week " page- I would like a plug in which checks the date on page load, then goes and gets the TEXT (the poem) for that week and displays it in the indicated div. Would be good if it has a place to store the snippets of text (poems) for one year- so 52 snippets of text.
View 12 Replies View RelatedI am using the SVG plugin. I have a simple test and I am unable to retrieve the x and y values of a text object.
$('#objID1', svg.root()).attr('x')
This returns as empty. Where as:
$('#objID1', svg.root()).attr('fill')
successfully returns the fill value.
HTML code:
<html xmlns="[URL]">
<head><title>SVG test</title>
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.svg.js"></script>
<script type="text/javascript" src="js/jquery.svgdom.js"></script>
<script type="text/javascript" src="js/jquery.svganim.js"></script>
<script type="text/javascript" src="js/test2.js"></script>
<style>
#svgCanvas {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
#svgAtts {
width: 200px;
height: 200px;
border: 1px solid #ff0000;
}
</style></head><body>
<div id="svgCanvas"></div>
<div id="svgAtts"></div>
</body>
</html>
Javascript code test2.js:
$(function() {
$('#svgCanvas').svg({onLoad: function(svg) {
//code
}}); });
$(function() {
var svg = $('#svgCanvas').svg('get');
var obj = svg.text(50,50,'Some Text',{id: "objID1", fill: "#FF0000", fontFamily: "Arial", fontSize: "24"});});
$(function() {
var svg = $('#svgCanvas').svg('get');
var string = 'fill = ' + $('#objID1', svg.root()).attr('fill') + '<br />';
var string = string + 'font family = ' + $('#objID1', svg.root()).attr('font-family') + '<br />';
var string = string + 'font size = ' + $('#objID1', svg.root()).attr('font-size') + '<br />';
var string = string + 'x = ' + $('#objID1', svg.root()).attr('x') + '<br />';
var string = string + 'y = ' + $('#objID1', svg.root()).attr('y');
$('#svgAtts').html(string);
});
I have the basic functionality of the jquery cycle plugin working. I have set up a test page at here but was wondering what would I need to change in order for the paging to resemble page.
View 1 Replies View RelatedI'm trying to create a simple image gallery that has a floating image
that popups up when the user clicks on a thumbnail. So far so good.
Now, when I tried to align the popup image so it's near the cursor,
things get a little screwy: it works fine for Internet Explorer 6
(although always appears near the top for a long page) but completely
fails with Firefox (causing it to ignore the rest of the JavaScript).
Can someone help explain why? The code that's causing the problem
(which is used to calculate the x and y positions) is:
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
nc.style.left = e.pageX * 0.6;
nc.style.top = e.pageY * 0.5;
}
else if (e.clientX || e.clientY)
{
nc.style.left = (e.clientX + document.body.scrollLeft) * 0.6;
nc.style.top = (e.clientY + document.body.scrollTop) * 0.5;
}