I should start out by saying that my javascript skills suck beyond description. Even after Googling for help, I'm still struggling.
I'd like to adjust a numeric form input field by buttons, i.e. clicking the +1 button increase the numeric value in the field by one, clicking -1 does the reverse. I'll probably use <a> or <button> elements for the +1/-1.
This is probably easy, but I flipped through the first 100 posts and couldn't find a similar question.
I would like to set up a form with multiple radio boxes in a table. The first row containing two selections, second containing 2..... Once the 1st row/column is selected, the 1st row/2nd column automatically displays the information from the first selection.
I am not necessarily looking for exact code on how to do this, just reference points to go to, and preferably suggestions on the best(meaning quickest) language to do this with.
this script play on the disable option of form elements...
but in order to set it up i need to write all the "name" of all form elements inside the
<input type="checkbox" name="control1" onclick="enableDisable(this,'day','month','year','hour','min')" />
'day','month','year','hour','min' - those are just examples...i got much more of elemets...
how can i make this script recognize all the elements inside <form name="example1"> by itself...with no need from my side to specify all elements like this (this,'day','month','year','hour','min')" Code:
I have a javascript calendar which will be used for a booking form. The booking form is for the months of october, november and december.
The code is:
//Global variables
var winCal;
var dtToday;
var Cal;
var MonthName;
var WeekDayName1;
var WeekDayName2;
var exDateTime;//Existing Date and Time
var selDate;//selected date. version 1.7
var calSpanID = "calBorder"; // span ID
var domStyle=null; // span DOM object with style
var cnLeft="0";//left coordinate of calendar span
var cnTop="0";//top coordinate of calendar span
var xpos=0; // mouse x position
var ypos=0; // mouse y position
var calHeight=0; // calendar height
var CalWidth=208;// calendar width
var CellWidth=30;// width of day cell.
var TimeMode=24;// TimeMode value. 12 or 24
var StartYear =2010; //First Year in drop down year selection
var EndYear = 5; //End Year offset. i.e. Current Year + 5 .....
//use the Month and Weekday in your preferred language.
var MonthName=["October", "November", "December"];
var WeekDayName1=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
var WeekDayName2=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
The only problem is when I look at the tcalendar in frontpage preview it shows 9 other months as 'undefined'.
Jqtransform Firefox Input Problem Basic problem is the text inside of the form input is lower than it should be.
View 2 Replies View RelatedI have a form and there are many form fields, is anyone know how to make one of my input text only for display purpose, not for input.
View 5 Replies View RelatedI'm (still) working on an ISO 8601 date parser. I want to convert at least
the formats described here:
http://www.w3.org/TR/NOTE-datetime
Well.. I've got most of it working (via RegEx's) good enough for me but I'm
having a brain block when it comes to TimeZone.
The datetime may come with an optional timezone offset (from GMT) as here
(the offset is +1 hour from GMT):
1997-07-16T19:20:30+01:00
So... that's the current time there... but my spec is that timezone
information, if present, should be used to convert the given time to local
time. For me, for example, this would be -5:00 from GMT.
I've already split the Timezone information: I've got indiviual access to
the sign (plus or minus), the hour offset and the minute offset.
So I'm sure there's a nice, simple formula for this... but it eludes me. Or
I'm lazy... I can't decide which.
Any pointers?
I have a large Select box for all the accounting items in the program. It's long so it makes it hard for the user to find the one they want. There are 6 categories that the accounts are in. They are:
ASSETS
LIABILITIES
REVENUE
[code]....
In an attempt to simplify the selected process I put in a false option so the user can find their way easier. Example:
---- LIABILITIES ---
Bank loan
Fry's account
For each account the value is the ID from the table and the Name is the associated name in the table.This of course adds a count to the selectIndex for the box.I made a variable for each of those categories.
ASSETS = 1
LIABILITIES = 2
etc.
The problem is that I have to adjust the select index for that variable. Example, if a liability is selected, I would have to subtract 2 from the index.
I'm a newbie...I'm having trouble changing the size of an image when I
use different window sizes when loading the and resizing the browser window.
I have a search function which works when I only want to have only one search per page, but as it involves a string call I'm not sure how to modify it to multiple search requests on a page.
The below works fine for one call:
<script type="text/javascript">
function showHint(str){
if (str.length==0){
[code]...
The above doesn't work and I am not sure what do about the showHint(str) as clearly I am not representing it properly in my attempt to modify the script.
I have a javascript sound board that I've made for a Church skit but I'm wanting to be able to smoothly fade out the longer SFX without having to do it manually with the volume slider.
The Object: <span id="player_holder"><embed id="player" hidden="true" autostart="true" loop="false" volume="100"/></span>
How do I modify the volume value from: document.getElementById('player')
The problem: When the website loads, the background shifts up to incorporate the catfish popup and allow the content to not be masked. This is a cool function, though I don't want this to happen.
Question: How do I stop the website from adjusting up?
(I tried modifying this: catfishheight = 90; // total height of catfish in pixels catfishoverlap = 90; // height of the overlap portion only (semi-transparent)
This does allow the catfish to cover up the content, though the background image still shifts with the catfish load.
Im working on a site for a friend, and we've setup a popup window for a couple pages, but with the code we have, the variables for the width and height are in the <script> portion of the code, and not on each individual popup code segment. Is there a way I can add "width=400" or something to each popup to change its width? Code:
View 1 Replies View RelatedI can't change the speed on any jQuery functions that use that parameter, for example fadeIn(). No matter if I add slow, fast, 100, 180000... my tags/images/whatever always fade in at the same speed which is something between half and one second. Is this a bug?
View 2 Replies View RelatedI'm using a preview slider on my Wordpress site, but it doesn't work the way I want it to. As soon as the preview is changing it shows the next preview on the rightand the previous on the leftside of the center preview.
[Code]...
So, I'm new to jQuery, but have a pretty good understanding. Still, I've come across an issue that I'm not quite sure how to resolve. I'm using wordpress, and have a .swf inside of a div, "player." The player class has no height spec, as the height of the .swf is different depending on the page. What I need to do is detect the height of the .swf on each page, and then apply that number as padding-top to another class?
View 1 Replies View RelatedThe issue I am having is that my menu is aligning to the right, instead of to the left where the normal menu was. I have worked with the CSS for some time now, but have not been able to figure it out. I would also like to make the menu colors black text with a transparent background, and white text with a #333 background on hover. The web site address is: [URL]
View 1 Replies View Related<html>
<head>
<title>< /title>
</head>
<body>
<iframe name="j" id="j" src="ANOUNCEMENT.html" onload="this.style.height = j.document.body.scrollHeight + 12"></iframe>
</body>
</html>
Am I doing it right? I am trying it now but the j.document.body.scrollHeight seems doesn't work for me.
My problem is on this page using IE 7 & 8:[URL].. If you click the tabs, you'll see that the footer doesn't adjust accordingly. Only in IE. Works fine in Firefox (Mac & PC) and Safari Mac.
Here's the javascript:
<script type="text/javascript" charset="utf-8">
$(function () {
var tabContainers = $('div.imgswap > div');
tabContainers.hide().filter(':first').show();
$('div.imgswap ul.tabNavigation a').click(function () {
[Code]...
I just found out I can't post a link. But it's a tinyurl dot com with /m8ajyp If you click the tabs, you'll see that the footer doesn't adjust accordingly. Only in IE. Works fine in Firefox (Mac & PC) and Safari Mac.Here's the javascript:
Code:
<script type="text/javascript" charset="utf-8">
$(function () {
var tabContainers = $('div.imgswap > div');
[code]....
the menus page /menus (which should be identical code and structure as the other page) it looks like the footer adjusts on the FIRST click of a different tab. But then it doesn't adjust again. On /special-events the footer doesn't adjust even the first time.
I'm now working on kind of invoice form which in it the user can add as much input field as he wants.
The problem is that after adding a new input field - the content in the other fields is deleted.
Code:
I try to make a news slider with cycle plugin here's the structure
//---------------------//
<div id="myNewsDisplay">
<ul id="aContent">
<li>short text</li>
<li>moderate text</li>
<li>long text</li>
</ul>
<div id="aFooter"></div>
</div>
//---------------------//
I want to make the #myNewsDisplay to animate height based on #aContent height the problem is that, everytime the news showing up at the beginning the height is automatically set by the last long text height. How to make the #myNewsDisplay height auto adjust the height of every news height?
How do I standardise the width of the top menu items in a (Superfish) Suckerfish style menu (V 1.4.8) as each is sizing to the text and I would like all to be equal
View 3 Replies View RelatedHow would I put this together so,
<input name="input1" type="text">
<input name="input2" value="whatever is typed into input1" type="text">
I would like to be able to type something in input1, and see it type
into input2
I've have a function to take the value entered in a form text box, add 50 to it and put the result in another text box.
When I enter 650.5 I get 700.5 exactly how I'd expect. But when I enter -650.5 instead of getting -600.5 I get -650.050 as though it is failing to parse the float due to it being negative. My understanding of parseFloat was that it recognises negative numbers. Is there a nice simple way to get this to work?
I need to pass user input from a form to one database field. I'm relatively new to JS but the idea I had was to have several form elements and use JS to collect the users input and send all the values through a hidden element. What's happening is the variable names are being sent rather than the values. The code below is only passing to the next page. Limitations: I am editing an intranet site built by a 3rd party so a lot of the files we've been given are encrypted. I cannot change the method to post.
[Code]....