I am having 2 datepickers on the same page. One is name datePicker1 and the other datePicker2. I am actually having the code
$
(
".ui-state-active"
).
[Code].....
I want to have the above code to work only for datePicker1 and not datePicker2. Actually, the problem is that the code is working on both datepickers. How can I make it work for only datePicker1?
How do you folks handle <select> lists with no default option selected? I have mocked up a simple sample but in reality I may have a dozen different categories. (Link:Do you disable all other hidden <select> elements so that their values are not sent in a POST request?
View 1 Replies View RelatedI use Serif WebPlus X5 to design my website and found that the datepicker tool is perfect for my needs. However, I need six different datepickers on the same page working independently of each other for purposes of reserving one or more of 6 different day activities.
Getting a single datepicker to work on the page was easy enough. I copied and pasted the remaining 5 but the trouble now is to get the coding right for each one to work on its own. I know where and how to change the code of the page, I just don't know which code and what to insert or change.
Is there a way of achieving the following using the jQuery Datepicker:
1) I have 2 datepickers on my form
2) I choose a Date/Month from the first datepicker (let's say September 2011)
3) I click to open the 2nd datepicker and it's defaulted to September 2011
i.e. like you were booking a holiday in a year advance, you would want the 2nd calendar to default to the same month as the first.
I see it working in the demos I found this documentation
You can avoid having to duplicate the plugin settings by modifying the defaults. Use $.validator.setDefaults({…}) to override multiple settings at once.
But I do not understand what I have to do to make this work
I'm using simpleModal.js on a page and it works great however, once I try to add options to the modal it no longer works.
Here's what I'm using now and it works successfully:
If I try adding a width option it breaks...absolutely nothing happens:
What I'm after or trying to do is simply create a script to launch a new page after a X amount of time, like a popup. But I need the new window to have the following options like no toolbar or scroll bars etc... This is the code I've been trying to manipulate for my purpose and just can't get it right meaning it doesn't work at all in fact I haven't even been able to get the timer part worked in since I couldn't get the launch part working..... I've made a web app using asp.net & vb.net and need a launch page so I don't have any toolbars or scrollbars etc....
<html>
<script>
var customerWindow;
[code]....
I've recently come upon an odd Javascript (and/or browser) behavior, and after hunting around the Web I still can't seem to find an answer.
Specifically, I have noticed that the Javascript encode() function behaves differently if a codepage has been set.
<script>
document.write(escape('Ôèëìè'));
(note: that should be five accented characters)
</script>
Produces: %D4%E8%EB%EC%E8
But setting the codepage to Windows-1251:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=Windows-1251">
<script>
document.write(escape('Ôèëìè'));
</script>
Produces: %u0424%u0438%u043B%u043C%u0438
Personally, I wouldn't expect the Javascript encode() function to change its behavior if the codepage has been changed.
Might you know of any resources that can help me better understand what's happening there?
I am creating web page. I am in the early stages of building. But I have found that my onChange function behaves different on Firefox and IE.It work as it suppose to on Firefox but not on IE. On IE, onChange is not triggered when you select the an option. But triggers when you click the mouse the second time.
Here the code,
<html>
<head>
<title>Compatibility Test</title>
[code].....
I'm trying to make a dynamic form, where I want to add/remove a set of controls (say for Name,Email etc).
Just started but IE behaves differently that FF in the beginning itself. "Add more" works but "Remove this" doesn't. Also the CSS for dynamically created elements doesn't work. Here is my code so far. Code:
I'm ok with the basics of html and css, but and fairly new to it, so have been stumped by this latest problem. I built a site [URL] about a year ago, and am fairly sure that it worked perfectly in all browsers at the time. However, I've just checked it and have noticed that the last option on the navigation bar at the top ('noticeboard') seems to have disappeared in IE. It's still displaying perfectly in Firefox and Chrome however.
The html for that section is:
<div style="top: 0px; left: 0px" id="header">
<div style="text-align: center; top: 34px; right: 75px" id="menu">
<ul id="navigation">
<li class="active"><a href="index.htm"><span>HOME</span></a></li>
<li><a href="callington_LFC_fixtures.htm"><span>FIXTURES</span></a></li>
<li><a href="callington_LFC_reports.htm"><span>REPORTS</span></a></li>
<li><a href="callington_LFC_photos.htm"><span>PHOTOS</span></a></li>
<li><a href="callington_LFC_players.htm"><span>PLAYERS</span></a></li>
<li><a href="callington_LFC_contact.htm"><span>CONTACT</span></a></li>
<li><a href="callington_LFC_noticeboard.htm"><span>NOTICE BOARD</span></a></li>
</ul></div></div>
If you visit the site in different browsers you'll see what I mean. This time it's working fine in IE, but not in Firefox or Chrome (I feel like tearing my hair out!). The problem is with the very bottom section on the page. The alignment is all out. The html reads:
<div><img alt="" src="images/right_bottom.png" /></div></div><br clear="all" />
<center><img style="width: 552px" alt="" vspace="3" width="552" src="images/hr.gif" /></center></div></div>
<div id="footer"><a href="callington_LFC_contact.htm">Contact</a>|<a href="index.htm">Home</a>| <a href="callington_LFC_links.htm">Links</a>|<a href="callington_LFC_map.htm">Map</a>|<a href="callington_LFC_sitemap.htm">Sitemap</a> </div></div>
<div id="bottom"><br /> .....
I came across an Intranet site at my office which has lots of check boxes in single line and they are all check'd by default. And as expected, there is no option to uncheck or check all.So, I decided to write a small JS which will loop through all elements in a form and check the element type. If it's check box then it will simply uncheck it (no complex coding).
Code is below:
Code:
javascript:for(var i=0;i<document.editDetailsForm.elements.length;i++){if(document.editDetailsForm.elements[i].type=="checkbox"){document.editDetailsForm.elements[i].checked=false;}}
Just paste above JS on address bar.Below html code can be used for testing the above JS:
Code:
<html>
<head>
</head>
[code]...
Above JS works flawlessly in chrome but it doesn't work in IE (curses) and opera (am surprised too) .
I have a piece of JavaScript code that uses the location.Reload method to reload a form that has a textbox and radio control. Both are supposed to contain the same random number. When a button is Clicked, the location.Reload method is called and everything updates as expected. However, the BROWSER Refresh button only repopulates the dynamically generated radio button. The text box retains the old value.
[Code]..
I want to add more dropdown options which are dependent on previous options. Now I have "hand" and "loft". I want to add next option "model" How to add third dropdown option box?
Here is the code:
I am trying to access an HTML code stored as CDATA section in the xml file listed bellow:
<?xml version="1.0"?>
<results count="5">
<![CDATA[
<table><tr><td>Hello World</td></tr></table>
]]>
</results>
The xml tree is the responseXML part of an XmlHttpRequest and is stored
in a the javascript object xmldoc. While trying to test the node type
of the children of the "results"-Element I got different results with
IE and Mozilla: Code:
I used a menu making program to create a cool new menu for my website, but I can't get it to work properly.The menu code uses this argument: "java script:[code]in my above code there isn't really a space between 'java' and 'script'.
View 1 Replies View RelatedI've come across a strange issue with the console.log function in WebKit.Here is the code I have that is causing the issue:
Code:
var myArray = ['Brian', 'Kayla', 'Mom', 'Dad'];
myArray.shift();
console.log(myArray);[code].....
<script language="JavaScript" type="text/javascript">
if (confirm("Are you sure to delete?"))
{
self.location = 'delete.php'
} else {
history.go(-1);
}
</script>
The above code give an alert with two choices(confirm or cancel).
If the user clicks the cancel button, it will go to previous page.
If the user clicks the confirm button, it will go to delete.php.
I like to make it like the following.
If the user clicks the cancel button, it will go to previous page.
If the user clicks the confirm button, It will proceed reading the next code.(the next code contains the code for deleting.)
I tried to remove "the self.location = 'delete.php'" as a test.
Code:
<script language="JavaScript" type="text/javascript">
if (confirm("Are you sure to delete?"))
{
} else {
history.go(-1);
}
</script>
The above code do;
If the user clicks the cancel button, it will go to previous page.
If the user clicks the confirm button, it will proceed reading the next code. So the deleting will be done.
It seems work fine.
But if the user clicks the cancel button, It will go to prevous page and the deleting will be done.(it might proceed reading the next code)
I have page here Untitled Document where when I select the drop down list value it will reassign the drag and drop function but it behave differently from this link Untitled Document where it drag and drop only on the picture and the drag image does not disappear?
View 4 Replies View RelatedI'm new to Jquery. Its really funky. But Im having an issue now. [code]...
So I have a list of buttuns. they all have the same name. name="Replace"
Each id is Replace1, Replace2, etc
I want to get a handle on the id of the button that was pressed
I have tried the following combinations [code]...
I was developing a very simple application, just for training some Ajax. It works like that:
» I make a search using Ajax and it gives me a list with a lot of cities according to their state;
» After receiving the data, I can only manipulate the first DIV (that contains the city data).
The problem is that the city boxes (DIVs) has the same ID and, when the jQuery function is set (to send the address to an input that will make a search through Google Maps API), it only works for the first DIV. Then, if I search new cities, it works, but the same manner :(
Check out the screenshots:
[url]
[url]
[url]
[url]
So... I can only handle the first DIV among all the anothers, because they have the same ID. I have already tried the .each(), .unique(), creating an array...
I would like an event to fire every time text changes inside <input type="text" /> element. Meaning a user types in a letter, and the even fires immediately. Is .change the wrong thing? Because it seems to fire every time the focus is lost, or gained and the text has been changed. Is there anything that can run as soon as any letter is added/removed from input text?
View 9 Replies View RelatedHow can I handle ActiveX events in jQuery?
View 1 Replies View RelatedI am using protype for valadation and Jquery am using for calendar, Here is my script ,
[Code]...
i wants to know that how to handle cross domain error which are giving by jquery in Mozilla.
View 1 Replies View RelatedHow to handle when element is removed from DOM?
View 1 Replies View Related