I have 2 datepickers, 1 that has the day in and the other the day out. Id like to be able to disable the day out datepicker icon(hide it) until you put in the day in date. Here's my code. You'll notice the onSelect:datepickerhandle...this makes a call to that function which only allows the day out date to be within 30 days of the day in.Ill add this script at the bottom to.
var today = new Date();
I am using multiple instances of the jquery datepicker on my form. Due to my CSS i could not use the icon trigger built-into jquery, it caused the icon to be displayed below the input field and i wanted it to be displayed next to the text. Below is the code for one of my input fields.
[Code]...
I have multiple date fields i want to use the datepicker with. The issues i am having are; 1. when i click on the icon to display the datepicker, the picker is displayed, but it displays on the wrong icon. No matter what icon i click on it always gets displayed on only one and it is always the same one. Each field has its own unique name and id the only thing that each field shares is a class. I can't seem to figure out how to fix this. My other issue is that when i click on the icon the page scrolls to the top, so if i am clicking on a picker icon at the bottom of the screen it scrolls the screen to the top.
I would absolutely love to have the datepicker icon BEFORE the input field. Is there any simple way of doing this? (Or even not so simple... am prepared to have a go at tweaking the code in the .js file if only I knew where to start looking
View 8 Replies View RelatedI have called a calendar icon file from a script on the form - this works except IE, where I get the "x" for image. I prefer to call it from the widget defaults. I have downloaded the themeroller version, including datepicker. The defaults regarding button image that came with the download are:
buttonText:"",buttonImage:"",buttonImageOnly:false, I wish to change it to: buttonText:"calendar",buttonImage:"",buttonImageOnly:true,
Note the missing button image from the icons png that comes with the download. I can see that other widgets use those and that there is a calendar icon, but how do I go about calling that supplied icon calendar onto the page by using "buttonimage:"" "? I suspect there may be more to it...but cannot follow it through.
I am using both the jQuery Validation plugin and the datePicker plugin. I would like to get the error message for this showing after the calendar icon for the datePicker plugin. I have tried this and cannot get it to work and so far not found a solution on any website I have checked.
jQuery Validation code
$(document).ready(function() {
$("#adminform").validate({
submitHandler: function(form) {
SubmittingForm();
},
rules: {
date: {
required: true,
date: true
}},
errorPlacement: function(error, element) {
if(element.type == 'input') {
error.insertAfter(element.sibling(a));
} else {
error.insertAfter(element);
}}});
});
Trying the sibling thing was my last probably silly attempt at getting this working.
HTML output when the field fails validation
<fieldset>
<legend>Update Date</legend>
<label for="date" class="admin">Date of Run: </label>
<input type="text" class="date-pick dp-applied error" size="7" value="" name="date" id="date">
<label for="date" generated="true" class="error">This field is required.</label>
<a title="Choose date" class="dp-choose-date" href="#">Choose date</a>
</fieldset>
As you can see the label for the error is placed inbetween the input field and <a> for the calendar image. How to get this label to show after the <a>.
I have successfully implemented the Datepicker plugin but am having very difficult problems with the image alignment of the calender icon.
The icon seems to have no padding/margin/spacing between the input box and the image, and is also not aligned correctly.
I have viewed the documentation but can see no reference on how formatting is achieved.. I looked at jquery-ui css (redmond) and can see no reference to how this is aligned.
I found this code to disable dates in jquery datepicker
$(function() {
$( "#pickdate" ).datepicker({
dateFormat: 'dd MM yy',
beforeShowDay: checkAvailability
});
})
for the datepicker stuff, and then:
[Code]....
This code works except only the last entry of the database table is disabled in the datepicker. I guess $myBadDates = new Array(json[i].start); isn't the right code of creating an array from json? How do I create an javascript array from json?
I'm trying to implement a datepicker that disable the dates from a database. The problem I've is that I don't really understand what must I return. I'm using VB (2010) and SQL Server. To do it fine I'm using JQuery to call a page method that return a value (0 or 1) depending if that date it's or not on the database. The problem I've is that I don't know (I don't understand) how to do the array I must return to the datepicker. I've been looking the page of jquery but I don't understand it at all.
I don't understand what value must val has to make a day available or not...
how do I change my html/javascript so that if I drag and drop a link from a webpage to
the desktop in such a way that the name of the shortcut created is not the URL of the link but the link itself?
e.g. if the link is
<a href="http://www.microsoft.com"> MS </a>
then the name of the desktop icon should be 'MS' and not
http://www.microsoft.com
Im trying to add some simple display features to a web application and am running into some unexpected IE8 behavior. Basically, the app runs some database retrieval from the server using Ajax techniques, and during that time (say, 30 seconds), I want to just give the user a clue as to whats going on. It could be as simple as a wait cursor. More interesting, I prefer to unhide a div with an animated loading icon, then hide it again when loading is complete.
[Code]...
<script type="text/javascript">
$(function() {
$('#myDiv').dialog();
$('#myDiv').dialog(open);
[code]....
When dialog pops up and when I want to select date from datepicker but clicking on input datepicker is under dialog. What option make it to be on top ?
I know it's possible to manipulate the status bar when a user scrolls
over links, but is there a way to completely disable or hide it? I
have a flash program that connects to a database every 5 seconds, so
the status bar always says "transfering data from..." It gets quite
annoying, so I was wondering if there was any way to stop the status
bar from displaying this message. If I can't hide it, it would be nice
if I could get the status bar to say "Done".
I have this nifty little javascript and three radio buttons. Depending on what radio button is selected, it will hide/show a hidden div that contains a dropdown pertaining to each drop down.The problem is that even though the div's are hidden, the 'hidden' drop downs are still on the page and are defaulting to the last drop down.I need to modify this script so that is hides the other two div's (as it currently does) AND disables the other dropdowns that are not shown so they do not get $POST'ed.Here is the script:
Code JavaScript:
<script>
function showonlyone(thechosenone) {
[code]...
As my question states, I want to disable my ad from showing if the user clicked to my site via certain portals such as google search or digg.com. How can I do this?
View 3 Replies View RelatedIf set the width of button by css the icon will be positioned in center of button (in IE 8).But in FF it looks good.
View 7 Replies View RelatedI have abutton with an icon and the icon is displaced, when it is placed inside a span that has the class ui-widget-content
I believe that this person was having the same issue[URL]...I could just use a different class for the span,I just wondered if there was a
[Code]...
how to put some icon in the left corner of title bar, just before the title?
View 4 Replies View RelatedHow can i use spinning icon while it is fading In: $("#click_div").click(function(){
$("#loading_div").load("page.php").hide().fadeIn(2000)
});
I wrote a little jquery that will rotate through images automatically and when you click on an it's icon. If I let the rotator cycle throught the images everything is fine, but when I click on it's icon, the div tag that holds the images gets space added to the bottom and I can't figure out why? I tried everything css related so this appears to be something jquery related.
Here is the code that is used for flipping through the images:
$("#button2").click(function(){
$("#block-block-4").fadeIn("fast");
$("#block-block-3, #block-block-6, #block-block-7, #block-block-8").hide(); });
I'm building a site that uses some jQuery but at this point I haven't had to get my hands dirty in the code. I'm hoping to get some pointers on how to best approach this problem, or if a plug-in exists to point me that way. I'm anticipating I'll need to build the code though because of the specific nature of the issue. I have a two very complex MySQL data trees that need to cross reference. To handle the cross referencing I simply have a third table that links the ids of the large tables together. That way I can join data via the linking table. This is all working and established. What I need to do is allow the admin user to navigate through one tree from within the context of a particular element from the other tree and click a toggle icon (tick or cross) to create or delete the cross reference in the linking table. Traditionally I would perform this task using forms but I want the user to be able to make these changes on the fly without needing to reload the page. I also want to stop further toggling until the update or delete has been completed.
View 1 Replies View Relatedi working on web map of MMORPG gamehttp:[url].....(here is "working" version dont comment a code, its shitty i working on funkcionality,i will perform code cleaning and optimalizacion after i implement all needed functions and solve all my problems)so i have 2 problems:
1) map performance when zooming.i need drawn ~600 dots of NPCs on map and recalculate their positions on map when zoom in/out, my current solution is slow ( cleaning and appending HTML into map content) i wana know if there is faster solution how do it ?
2)i using jQuery tooltips to show data when NPC or fort icon is mouseovered , it works great only with one problem, when i zoom with tooltip opened , it loose "connecion" with fort/NPC icon and tooltip stuck on screen...
When using .ajax, and when before I receive any data back from the server, I would like to call a function that could display some type of 'thinking' icon. In looking a the documentation I see there is a 'success', for when after receiving data back successfully, and an 'error', for obviously when something bad happens and need to error gracefully. I do not see something like a 'beforeSuccess' function that would allow me to specify, for example, to overlay a 'thinking icon' on top of a <div> after request is sent to the server and before I get any data back. I would assume this is a pretty standard necessity in ajax applications, and probably missing something here. How exactly is this done using the .ajax methods?
View 4 Replies View RelatedI am trying to include Dock MAC style Menu in my page which is floating.Here I am facing a problem is, when we hover on menu icon, without scrolling page at bottom, the menu iconsare not getting bigger in size, as it should be.And when you reached at bottom, moving scrollbar down, those icon gets bigger when we hoverI have placed the script just before the end of body tag. I also tried placing the code in starting of body tag, then the reverse thing happen. The icon gets bigger without moving scrollbar down and when we move to bottom, or scroll, the effects lost.
View 3 Replies View Relatedwe use <link rel="Shortcut Icon" href="favicon.ico"to define the
website icon.
But I view the source of apple.com and yahoo.com, I find there is no this tag but they can show the icon very well. What is this technique?
Can anyone point me to a place or knows how to put an icon in a listbox code...
View 3 Replies View RelatedDoes anyone know how to add an icon to the url in the address bar in the
browser?