I've got a form where I need a use to enter an ip address, each octet has it's own text input, what I want to know, is if there is a way to make the courser jump to the next input box once the current one is filled in, just like configuring tcp/ip in windows networking. I've seen this done before, but i'm not sure how.
View 5 RepliesI have taken a class on PHP and started making some math homework and drills for the tutoring I do. I have asked my kids for feedback and they are telling me that it is inconvenient to hit tab to go to the next text box (They have small arms/fingers..)I then thought of a brilliant ideaLet�s say it was 12 divided by 3. If they wrote a 4 in the input area, the JavaScript would recognize the correct answer and automatically move to the next box. However, if they wrote a 3 in the box, the JavaScript wouldn't move over.This kills two birds with one stone. The inconvenience of hitting tab or clicking on the next box disappears, and they are forced to put in the correct answer.Ironically, I have learned PHP and skipped over JavaScript. Which code would I use to do this?
View 3 Replies View RelatedI am trying to create an Image menu for a site I'm working on that is rather simple in essence. When the user hovers over a button I have the menu will move left or right depending. I have not got a great deal into it yet as I have become stuck, as I'm new I figured it would be easier to troubleshoot if I build up the program bit by bit.
[Code]...
I have a javascript program that uses a HTML table as an Excel-like grid. The user can use arrow keys to navigation the grid. When the user selects a cell and then hits <Enter> key, the program turns the cell from read-only to editable (an input box), and select all the text in the input box. When the user hits <Esc>, the program cancels the changes that the user has made and turns the cell back to read-only. So far so good. The problem is that as soon as the user hits <Esc> key and turns the cell back to read-only, I find that I cannot move the input focus back to the cell any more. Actually I cannot move the input focus back to _any_ cell in the table. When this happens, the user cannot use arrow keys to navigate the grid any more (like the grid has lost the input focus). The user needs to use the mouse to click at a cell in the table to get things working again.
The user can get around with this problem by un-selecting the text from the input-box before hitting <Esc>. But this is not something that I expect the user to remember to do. I need a way to fix this problem. I tried the logical thing and programmatically un-select the text before turning the cell back to read-only. But this actually made thing worse - this causes the workaround to stop working.
The only browsers that I have tested this program is IE6 and IE8. I have not tested this in any other browser.
Attached is a simplified version of the program that can show this problem in action. This simplified program first adds an empty table on the web page, and then creates an instance of the CEstGrid class that takes care of the grid. CEstGrid will add two rows of test data into the table with two columns in each row. The user should use a mouse to click at one of the cell, and the cell should be highlighted. The user uses arrow keys to navigate the table. When he reaches the end of the table, he will wrap around to the other side of the table. Let say the user reaches the cell in row-1 column-2, he hits <Enter> to change the cell to editable. He will find the text in that cell to be highlighted. When he hits <Esc> at this moment, he will find that he cannot use the arrow keys to navigate the table any more, and this is the problem. Please rename the test program from .TXT to .HTML to test it.
Is there any way to move text over an AVI or shockwave object. i have
put each one in its own <div> and can move them around and over each
other. when i have text on text or on pictures its fine. but when i
try to move text over a shockwave it disappears. i have set the z
indexes etc but no luck.
Does anyone have a cross-browser function that given an id of a DIV
element, can move the DIV to an absolute x,y position on the screen?
Here's a little example of what i want to do :
"
<div id="A">
<div id="C"></div>
</div>
<div id="B">
</div>
"
I want to make an animation where the div "C" come from the div "A" to
(inside) the div "B".
How do I change the <br /> tags in the follow code to javascript code that performs the same function. I need new lines where you see the <br /> tags and I can't use <br /> since my javascript is within the header section of my HTML file and the W3C validator doesn't like it. Therefore, how do I change the following code to pure javascript with no <br />'s. I tried using and but maybe I didn't use this right as it didn't work. Please help, I am new to javascript
txt="Name: "+name+"Sex: "+sex+"<br />Ethnicity: "+ethnicity+"<br />Region: "+region+"<br />Profession: "+profession+"<br />Membership_status: "+membership_status+"<br />Seeking: "+seeking+"<br />Education: "+education+"<br />Body Type: "+body_type+"<br />Eye Colour: "+eye_colour+"<br />Smoker: "+smoker+"<br />Drinker: "+drinker ;
I'm using a javascript function to toggle and display only 1 div at a time. In this case, I have 3 divs as toggle buttons and 3 divs to show content (which belong to those 3 buttons). My problem is these 3 divs (divs with class .linkBox) that act as buttons are using the same background-image and I would like to have it move up (y-position: -48px to be exact) when its content is displayed.
[Code]...
what is wrong with my code. I can not get the images to move.[code]
View 2 Replies View RelatedI got a div, I'd like some code to be executed onClick, that'd move the div to the top of the viewport (not to the top of the page), kinda like a "vertical float".
Is there a way to do this? I've seen annoying menus/ advertisements that stick to the top of the window even if you scroll down.
I want to move a node from its current position, wherever in the parent it may be, to the top of its parent node.
so say i have:
a very abbridged dictionary
- abacus
- banana
- candle
i might want to move "banana" to be above "abacus". I've seen plenty of things about deleting and removing nodes, but to clone and remove would seem a bit of a cludge. Is there anyone who acn help?
I couldn't find an example of a script to drag a customised window which had been resized from fullscreen and has a top level menu which can drag the window.
well what i need is to cutomize a hta application it basically allows for most javascript methods.
but what i need to do is replicate from that script to move/drag the window. when you mousedown on the window div etc Code:
I have a table with 6 cols. (1 text and 5 icon).
when i click on an icon, that row should move from this table to the next table.
the second table have 3 cols. (1 text, selected icon and a remove icon.)
when i click on the remove icon, this row should move back to the previous table.
i had done the first part by removing the row from the 1st table and simply add a new row on the 2nd table.
my problem is with the second part.
when i click on the remove icon, the row should move back to its original position, not on the end of the table.
how can I move the div's scrollbar
the div doesn't support scrollTo()
scrollLeft,scrollTop can't be assign value on opera...
I am trying to move the div to the left once the Quick Question is click. This works but I would also like it to return to the previous position on close, which is not working.
Script
---------------------------
function moveX(obj, pos){
if(document.getElementById){
var elem = document.getElementById(obj);
[Code].....
I would like to know if it is possible to move the mousepointer to another
location with Javascript? For example Mouse.jumpTo(x,y)
Is there a way to use JavaScript to push a page element (a DIV block,
for example) down the screen, so it sits at the bottom of the browser
window. Code:
Note how the footer is very high up. Is there a way to push the DIV
that the footer is in to the bottom of the browser window?
In pseudocode:
if (where element Y coordinate is above <browser window bottom Y
coordinate>) {
move footer to browser window bottom Y coordinate
}
else {
leave footer where it is , as that means that the content of the page
already pushed it down
}
here is what i want to do. I want to transform a html file (i'm not composing) to another. I want to move some parts of the body to div.
[Code]...
In fact the div with class="sep" will be used as separator and won't appear in the final result.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[code]....
I'm starting to know how many advantages has JQuery for developers. I'm trying some experiments, and the other day I saw the "iGoogle" interface, where users can move the gadgets around the screen, and
this stuff liked me very much. That's why I want to ask to the community if anybody knows if there is some plugin or library in JQuery to do the same effects and allows the programmer to move a div from one point of the screen to another one and fix it.
how to move tab from left to right? Example: I have 3 tabs, when I click to any tab then it moves that from left to right and it puts as last one.
View 1 Replies View RelatedI'm looking to create a screen where there's a box on the left and a box on the right. The left box contains names which can be moved to the box on the right. Between the two boxes will be two buttons, one labeled ">>" to move from left to right and the other labeled "<<" to move from the right to the left.
I've seen this many times but need to create one myself. At first I was thinking of using selection lists with a size of 20 to give it height and also set the width. Then, when a selection is highlighted, the user can click the buttons in the middle to move the selection from one box to the other. Using a selection list gives me access to each individual selection and on the click of the button, I can remove that selection from one list and append it to the other. The problem with this approach is that the grayed out scrollbar is visible. So, I was thinking of using a textarea and that is what brought me here. Does anyone know of such a tool before I try reinventing it?
The user enters a serial number in the "Serial_Number" field and hits enter I would like the cursor to move DOWN to the next "Serial_Number" field. Is this possible??
[Code]...
I am working on copying from one listbox to another. The value should not be removed from first list box. I am trying to select multiple values using ctrl key for copying. can someone give some idea or sample code for this.
View 6 Replies View RelatedI'm trying to create a forum for a business. The forum will change depending on what checkbox a person checks in the beginning. I have the checkboxes toggle a certain span. When you check one box it hides one span and displays the other. This works, but I want to position the displayed span at the top so a person doesn't have to look for the other forum. Right now there is just a big white space in the place of the hidden span, so it looks like there is nothing else on the page. I want to move the bottom span to the top when toggled.
Here is my code so far.
<form name="form1" method="post" action="">
Pork <INPUT TYPE=checkbox NAME="chbx" onClick="selecionatudo(true,1); toggleT('divt1','h'); toggleT('divt2','s')">
[Code]....