Javascript Moving Focus - Vikas Example

I am trying a variation on an example posted by vikas (keep up the good work by the way excellent examples, cheers !)
see http://htmldb.oracle.com/pls/otn/f?p=24317:255:778434680004999
i have used some of the code in the example but it just doesn't like the line
var nextinput=TD.nextSibling.getElementsByTagName('input')[0];
I have put an alert in after the line which returns nothing
if i put an alert in for the variable TD i get [HTMLTableCellElement]
basically when a user clicks onto the field it gives them an error message then moves the focus to the next field ....or should do !!
full function below
<script type="text/javascript">
function Check(pArea)
if(pArea.value.length>3) {
alert("Cannot Update Key Fields");
var TD=pArea.parentNode;
var nextinput=TD.nextSibling.getElementsByTagName('input')[0];
alert(nextinput);
var lEl = html_GetElement(PArea);
lEl.focus();
</script>
Any help greatly appreciated
cheers
Chris

the DOM has the 'onfocus' event listener

Similar Messages

How do I delete a folder without moving focus to parent folder?

I posted this question in the Apple support forum and have concluded it is specific to Adobe Bridge.
Is it possible to delete a folder and keep the focus in place instead of moving the focus to the parent folder?
I sort my photos according to year then date as follows:
2010
2011
2012
     01022012
     01032012
     01152012
     01252012
     02102012
     12202012
     12242012
     12302012
2013
The list of subfolders inside each year can be quite long. In order to manage my files/folder, I need to delete SUBFOLDERS (not just files) from the list. The problem is that when a subfolder is deleted, the focus moves to the parent folder, the year, instead of keeping its position and rolling the list of subfolders up.
Any recommendations will be appreciated. I am hoping there is a short cut key that I can use to avoid the problem

Any recommendations will be appreciated. I am hoping there is a short cut key that I can use to avoid the problem
I see what you mean but is seems as designed to always focus on the parent folder when deleting a subfolder while Finder has the option to just point to a folder and with right mouse click menu choose trash without the OS focussing on the selected folder.
Would be a nice Feature Request I would think.
Meanwhile you might try your luck in the Bridge Scripting Forum, the folks around there have found the most impossible solutions so maybe they know a solution for you?
http://forums.adobe.com/community/bridge/bridge_scripting

Learn node/express/jade/ajax/json/javascript/css3/html5 by example

I used to do a lot of freelance web development for sports clubs and self-worshipping individuals back when I was at school. That was in the days when Internet Explorer 5/6 ruled supreme, animated GIFs were cool, and many other painful memories.
While I am probably still proficient with ASP/VBscript/IIS/MS SQL Server/Access despite doing no web development for almost a decade, I'm not masochistic enough to touch them again so I decided to learn some "modern" and "intelligently designed" web development techniques last week.
If anyone else is interested, and (like me) learns from examples and by fiddling then you will find the following useful. It's a little demonstration project that I created, which allows editing of an inventory table in a MySQL database, produces aggregates/summaries of the table, and applies a branch-and-bound knapsack solver to work out which combination of items would be the best for you to steal borrow, given the maximum total weight that you can carry.
github.com/battlesnake/nodejs-starter
Feel free to fork it all you want.
As with all most open-source software, the documentation (when it even exists) leaves a lot to be desired. However, like most "tech startup tools"-style software, the design is so elegant that it explains itself without the need for documentation 95% of the time. REPL often gives answers quicker than a google/StackOverflow search.
Upon first seeing node.js and mongo, I thought "an entire environment running on JavaScript? what could possibly be worse?!?!"
But after learning JS properly (i.e. not the cargo-culting late 90's style of it), I have taken a real appreciation for the language. It is probably as slow as Python (or maybe considerably faster with the V8 compiler), but so much nicer to use! The MySQL package for node.js actually makes it easier to write proper parametrized queries than to write the typical "lazy, insecure" junk of a rushed 90's commercial project.
The Jade template engine is a real pleasure to use, which when combined with the Express web server, makes me think that all my time fighting working with and learning ASP and PHP is going to become a distant waste.
I have yet to use Stylus, a CSS templating engine which presumably solves the problems incurred by the popularity of small-screened pointless, fashion nonsense tablets and smartphones.
CSS3 is... well nothing too drastically different from its predecessors, but the flexbox layout mode is really nice, and even Internet Explorer supports it (well IE9+ anyway). Thanks to Wine, I have IE6,7,8,9,10 all installed and running simultaneously, so I can see how aweful the IE<9 versions are at rendering pretty much anything involving flexbox layout, html, css, etc.
JSON is easy, so google it if you want to know what that is about. It solves a problem well and doesn't really do anything flashy, so I'll leave wikipedia to market it.
AJAX always seemed like a simple concept, and indeed it is! One little gotcha that I found was that when adding HTML fragments from an AJAX response to the document DOM, the default stylesheet doesn't seem to get applied - so everything is "display: inline", amongst various other problems. This was solved by mercilessly stealing copying from the W3's default HTML4 stylesheet.
I really should learn JQuery and implement that to reduce the code size, but I couldn't quite be bothered at the time.
Happy learning!
Last edited by windows_me (2013-08-26 22:05:36)

I wondered the same thing, until I watched all the way to the very end where he gives a URL for source and slides:
http://mad.com.au/MAX2013/
iBrent

Popup status doesn't disappear when moving focus within framesets

I developed and manage a website that makes extensive use of frames. When I click on a link in one frame that opens a page in an adjacent frame moves focus there. The problem is that the the popup status that appeared in the origin frame displaying the link to the just-opened window doesn't then disappear, but remains visible even though that frame is no longer active. This would appear to be a bug. Can it either be fixed or a work-around suggested? Please don't comment on frames being obsolete. Thanks

Adding on to original query. In fact this behavior only occurs when transferring to a frame containing a data entry form. Then, if I move the cursor over any other hyperlink, say in the side favorites menu, the popup disappears. Quite annoying, particularly since I previously used the status bar to inform users of valid / invalid input quantities on these forms.

Moving focus between views

Hello
Current situation: I have a viewset (top and bottom) with the bottom having multiple views which have their visibility turned on or off depending on the value of a drop down in the top view.
Problem: When the selection is made in the drop down, the correct view is shown in the bottom view, however, the entry fields cannot be accessed. I need to be able to enter data in the bottom view, however, it seems that the focus has stayed in the top view. How can I move the focus?
Thanks,
Helen

Hi Helen,
Check whether this works...
In the wdModifyView() method of the required view...
call the method getElement("id") of the IWDView object and call the method requestFocus() of the IWDViewelement object obtained.
Thanks & Regards,
Renjith

Can't find Dialog in javascript (by code corner example)

Hello,
I've recently found an Code Corner OTN Harvest 09/2011 article with "Launching popup dialogs maximized".
http://www.oracle.com/technetwork/developer-tools/adf/learnmore/sept2011-otn-harvest-508189.pdf
The code is:function openPopup(popupId, panelWindowId){
return function(event){
   var agent = AdfAgent.AGENT;
var windowWidth = agent.getWindowWidth();
var windowHeight = agent.getWindowHeight();
var popup = AdfPage.PAGE.findComponentByAbsoluteId(popupId); // found
var panelWindow = popup.findComponent(panelWindowId); // null here
panelWindow.setContentWidth(Math.max(100, windowWidth-60));
   panelWindow.setContentHeight(Math.max(100, windowHeight-80));
   if(popup != null)
     popup.show();
}I've tried the same in my application and it didn't work.
<af:commandButton text="Search" id="cb3" partialSubmit="true">
                   <af:clientListener type="action"
                   method="openPopup('p_search','d7')"/>
                </af:commandButton>
<af:popup id="p_search">
        <af:dialog id="d7" resize="on"
                   dialogListener="#{backingBeanScope.Page1ManagedBean.toContentSearchResult}"
                   contentWidth="800" contentHeight="600"
                   stretchChildren="first">
          <af:panelStretchLayout id="psl4" topHeight="auto">
...I have found out that this code can't find panelWindow (dialog) component.
I've also tried AdfPage.PAGE.findComponentByAbsoluteId to find the dialog, but still no luck.
Any ideas?
Thanks.
ADF 11.1.1.4

Hi,
maybe you are not setting the approapriate componentId..
have a look here
Problem Finding component on A Page
Regards,
Dimitris.

Good place for javascript? "Inline Popup" Examples?

This is what I want but I don't know what to call it:
I want a sort of inline popup; it should be a box that
appears inside a
cell or div and pushes the contents below it down.
Preferably, I'd like
it to stay for, perhaps, 20 seconds and then disappear again.
First, what would something like this be called and second,
anyone have
a good link or easy solution?
Thanks

Sticky Note script- © Dynamic Drive DHTML code library
(www.dynamicdrive.com)
"Art" <lee_*[email protected]> wrote in
message
news:g17bs9$pp0$[email protected]..
>
> This is what I want but I don't know what to call it:
>
> I want a sort of inline popup; it should be a box that
appears inside a
> cell or div and pushes the contents below it down.
Preferably, I'd like it
> to stay for, perhaps, 20 seconds and then disappear
again.
>
> First, what would something like this be called and
second, anyone have a
> good link or easy solution?
>
> Thanks
>

Moving the Focus with the TAB key in a JTextArea Component

Dear Friends,
I have exhausted all options of moving focus from JTextArea to next component. I have also tried all suggestions available in this forum. But i'm not able to solve my problem. Can any one help me.
Thanx in advance.

I had the same problem before. Here is what i did.
JTextArea txtArea = new JTextArea(2,15);
Set forwardTraversalKeys = new HashSet();
forwardTraversalKeys.add(KeyStroke.getKeyStroke(KeyEvent.VK_TAB, 0));
txtArea.setFocusTraversalKeys(KeyboardFocusManager.FORWARD_TRAVERSAL_KEYS,forwardTraversalKeys);
Set backwardTraversalKeys = new HashSet();
backwardTraversalKeys.add(KeyStroke.getKeyStroke(KeyEvent.VK_TAB, InputEvent.SHIFT_MASK));
txtArea.setFocusTraversalKeys( KeyboardFocusManager.BACKWARD_TRAVERSAL_KEYS, backwardTraversalKeys);
JScrollPane scrollPane = new JScrollPane(
     txtArea,
        JScrollPane.VERTICAL_SCROLLBAR_ALWAYS,
        JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
// the scrollbar of the JScrollPane is focusable that's why it requires
// another TAB key to transfer the focus.
scrollPane.getVerticalScrollBar().setFocusable(false);

Javascript - Referencing report column value

Hi,
In my application I have a report "Test" with some columns. In column "PFT_PCODE" the possible values are either 1 or 2.
What I want is to display the report table cell in red, if the value in "PFT_PCODE" is 1, or the table cell in orange, if the value in "PFT_PCODE" is 2, respectively.
I tried to make something in Javascript, based on a Vikas' example. I put in the
Region Header:
<style type="text/css">
.rot {
background-color: red;
.orange {
background-color: orange;
</style>
Region Footer:
<script type="text/javascript">
var spans=document.getElementsByTagName('span');
for (var j=0;j<spans.length;j++) {
if (spans[j].className=='farbe') {
var td=html_CascadeUpTill(spans[j],'TD');
if (document.getElementsById('#PFT_PCODE#').value == 1) {
td.className = 'rot';
else {
td.className = 'orange';
</script>
The column "PFT_PCODE" is marked as CSS class "farbe".
Unfortunately it's not working, I'm not sure if I reference the report column value right. Since I'm a beginner in Javascript I would be glad for help.
I put my (reduced) application on apex.oracle.com for testing.
Workspace: app
Login: [email protected]
PW: riponi
Thanks in advance,
Roger

Hi Roger,
In your report, if you do a View Source, do your report headers have id's on them - that is, the TH tags that contain the headings?
If so, you could use:
<script type="text/javascript">
function hilite(f1)
var h = document.getElementById(f1);
var t = h.parentNode;
while (t.tagName != 'TABLE')
t = t.parentNode;
var rows = t.rows;
var k;
var j;
var c;
var headers = t.getElementsByTagName("TH");
for (k = 0; k < headers.length; k++)
if (headers[k].id == f1)
    c = k;
for (k = 1; k < rows.length; k++)
j = rows[k].getElementsByTagName("TD")[c];
if (j.innerHTML == '2')
    j.style.backgroundColor = 'purple';
    j.style.color = 'yellow';
if (j.innerHTML == '1')
    j.style.backgroundColor = 'red';
    j.style.color = 'white';
</script>Put that in the page's HTML Headers setting.
In the report region's Region Footer, add in:
<script type="text/javascript">
hilite('PFT_PCODE');
</script>This will find the heading's TH cell, work out where it is in the row, then loop through all remaining rows and check the TD cell in the same column, highlighting the cell using background and font colours.
Andy

Moving and Tilting the Camera for an optimum Lens Profile Creator image set

When framing the chart in different areas of the image frame, use a combination of physically moving and tilting the camera to achieve an optimal balance for LCP generation.
The following two passages are from the AdobeLensProfileCreatorCalibrationChartShhtingGuide.pdf
Page11/a -Move camera a bit to the left (so that when turning to the right to face the chart, it is about 10 to 30 degrees). Take a series of shots similar to the first three, above, except that the chart is framed at the center-left, top-left, and bottom-left areas of the image.
v. Move camera to the right, and do the same for the center-right, top-right, and bottom-right areas of the image
pg11/e - When framing the chart in different areas of the image frame, use a combination of physically moving and tilting the camera to achieve an optimal balance for LCP generation.
i. Only moving the camera to frame, so that image plane stays perfectly parallel to the chart, can have an adverse affect on LCP calibration data.
ii. Only tilting the chart may cause depth-of-field issues, where part of the chart may go too far out of focus due to the large angle of the chart in regards to the image plane. This can also have an adverse affect on LCP calibration data.
Does this mean to center the camera with the center/center shot so that the film plane is parallel with the calibration grid, then only use camera tilt on the tripod up and down for the top center an bottom center image. Then move the camera/tripod left (so that when turning to the right to face the chart, it is about 10 to 30 degrees) AND also pan the camera left to shoot the left top center and bottom image.
I think this combination of instructions have me stuck. Move left but not so much that the calibration target image is parallel with the film plane then pan the camera to get the desired framing.
Would I be correct to say - move left until the angel to the calibration image is 10-30 degrees and then use camera pan on the tripod to get the image framed properly. ... Is the desire to move as little as possible, or pan as little as possible, or to balance moving and panning in some way.
I am profiling a Nikon D7000/TAMRON 11-18mm F/4.5-5.6 lens and have a large target 36"x48" and read that I should shoot at minimum focus distance, 3x minimum, and 5x minimum which equates to 9.8 inches, 29.4 inches and 49 inches... I use this combo to shoot home interior shots at an focal distance of more like 10-20 feet from surrounding walls.. would I also need shots at (120 inches?) 10 feet?
I really (really) want to get the distance to subject and camera moving/pan combination right.
Please help.

There are a number of things darks/flats/bias can't remove: curvature, coma, pincushion, chromatic aberration. Some of those (pincushion i.e. showing stars on the chip in a slightly different position from their true position) may or may not be correctable with this sort of an app. It's possible using outside data (comparing the star locations in the image to their true locations in a catalog - that's a common astrophotography measurement and only takes seconds). Correcting curvature (differing focus off axis) chromatic aberration and coma (distorted star shape off axis) seem just what this app is about.
Printing a checkerboard on a nearby hill top sounds involved. Maybe I could get them to plough it in a regular pattern? :-)
The camera does not capture the data you mention. The images are usually in FITS format which has an enormous amount of data about the focal length, exposure time, amount of atmosphere through which you are looking, etc.
Calculating from the book value for the lens(es) camera chip etc would likely not be give a better result than the value obtained before correction. In some designs of scopes, particularly the most common ones, the focal length changes as you focus for example. The lenses and mirrors, comparing one scope to the next, are not perfectly identical.
But a dense star field would be something against which you could measure changes in star shape, focus, chromatic aberration and possibly even position. Once you figured out the parameters for your particular scope+corrector lenses+camera setup you could then use that profile thereafter.
I'd love to chat with that engineer I had heard you have one person who got a Meade SCT and started astroimaging just to learn the things we need and most astroimagers do use photoshop.
Drew S.

[svn:cairngorm3:] 18029: Moved Spark effect behavior into behavior package and legacy Flex 3 effect behavior into mx package .

Revision: 18029
Revision: 18029
Author:   [email protected]
Date:     2010-10-06 06:47:03 -0700 (Wed, 06 Oct 2010)
Log Message:
Moved Spark effect behavior into behavior package and legacy Flex 3 effect behavior into mx package. Renamed focus bug example https://bugs.adobe.com/jira/browse/CGM-41
Ticket Links:
    http://bugs.adobe.com/jira/browse/CGM-41
Modified Paths:
    cairngorm3/trunk/libraries/Popup/.flexLibProperties
    cairngorm3/trunk/libraries/PopupTest/.actionScriptProperties
    cairngorm3/trunk/libraries/PopupTest/src/PopUpBehaviorsSample.mxml
    cairngorm3/trunk/libraries/PopupTest/src/PopUpMXMLExample.mxml
    cairngorm3/trunk/libraries/PopupTest/src/PopUpParsleyExample.mxml
    cairngorm3/trunk/libraries/PopupTest/src/samples/ModulePopups.mxml
Added Paths:
    cairngorm3/trunk/libraries/Popup/src/com/adobe/cairngorm/popup/behavior/ZoomAndFadeBehavi or.mxml
    cairngorm3/trunk/libraries/Popup/src/com/adobe/cairngorm/popup/behavior/mx/
    cairngorm3/trunk/libraries/Popup/src/com/adobe/cairngorm/popup/behavior/mx/ZoomAndFadeBeh avior.mxml
    cairngorm3/trunk/libraries/PopupTest/src/BugCGM41StartUpFocus.mxml
Removed Paths:
    cairngorm3/trunk/libraries/Popup/src/com/adobe/cairngorm/popup/behavior/ZoomAndFadeBehavi or.mxml
    cairngorm3/trunk/libraries/Popup/src/com/adobe/cairngorm/popup/behavior/spark/
    cairngorm3/trunk/libraries/PopupTest/src/BugStartUpFocus.mxml

Javascript errors - Summing columns using Javascript

Hi
I have two regions on a page which are tabular forms that I have manually setup using APEX_ITEMS that I would like to use some JavaScript to pick up the values entered and sum that row up. I used Vikas example for tabular form calculation and it works perfectly for 1 region however if I have two regions it seems to give me the following error message in Firefox:
g_table.rows[rownum].cells[getCellPos(g_table, html_GetElement("COL05"), "column")] has no properties
Which I gather is because there are two columns on the page named COL05 and idea how I could get around this problem.
I've put an example here: http://apex.oracle.com/pls/otn/f?p=35414:4

Hello,
It could be a bit difficult to auto sums a row, as
usually rows include non-numeric columns. In any
case you can always use a computation column in your
select statement, or build a derived column in the
report attributes tab. The problem is to update these
columns in real-time, after a specific cell has been
changed, and for that you need JavaScript.I realised this thats why I wanted to pickup the column and Row and then I would be able to replace the value in the specified column ie. total column using javascript for each row.
I’m not sure I’m following you, but if you mean the
current (active) rownum per displayed report page,
you can use the #FIRST_ROW_FETCHED# and
#LAST_ROW_FETCHED# substitution strings, in the
footer of the report region.
If you meant something else, please elaborate a bit
more.Look at the revised demo app http://apex.oracle.com/pls/otn/f?p=35414:4 as you can see in this particular example each region returned 15 rows of data. I wondered if there was a way to pick up the last row returned so that I could use the same javascript function I use to calculate the rows I could update that specific column/total row. Example, in my demo app you will see a null row returned I would like to find this row then update the values.

Conditional Javascript on Checkbox

Hi,
i have recreated Vikas example of http://htmldb.oracle.com/pls/otn/f?p=24317:203
and it works fine.
My problem is that I have a checkbox as well in my report
and whenever I want to check that,the page automatically directs
to the emp details.
How can I check by javascript when a checkbox is clicked in the report
and therefore not be directed to emp details.
Ody

Hello,
It seems that you have added something like this in your report templates..
"onClick=doLink(this)"
on all the table rows.. Note that its is not just the check boxes but clicking anywhere on the row takes us to a new page..
Remove that from the template or wherever you are adding it to..
Or you can edit the function to be called onclick on a button
like
function do_link(this)
var list=document.getElementsByName('f01');
//traverse the list and find the checked button and now
//pop up data appropriatley..
Thanks,
Venkat
Message was edited by:
VENKAT

How can I access Advanced Javascript Settings?

I'm aware that, in recent versions of Firefox, the ability to disable Javascript has been removed. I don't intend to re-open discussion of that particular decision. But removing that option has also removed access to the Advanced Javascript Settings menu, which was far more useful than simply disabling Javascript itself. For example, although I rarely disabled Javascript entirely (other than when debugging my own site), I routinely disabled the ability of websites to disable context menus or to move and resize pop-up windows.
Unlike disabling Javascript entirely, these are settings which provide a positive benefit for "ordinary" (non-developer) users. If, say, I want to open a link in a new tab, then the correct way to do that is to right-click on it. Sites which disable right-click degrade the user experience, and allowing a way to override that is a good thing. Whatever the justification for removing the ability to disable Javascript entirely (and I do understand it, even if I don't agree with it), I can't see any justification for removing access to these advanced settings.
So my question is, how can I re-enable access to the Advaned javascript Settings? I can't see any obvious setting for it in about:config, and simply disabling javascript entirely via that method isn't what I want to do.

The href value javascript:void(0) is a placeholder to be shown when you hover a link, so you can see that this is not a normal link.<br />
The actual action is done via an onclick handler that is tied to the button (link), so if this isn't working then this can be caused by a script that didn't run properly to add this onclick action to the button or that JavaScript is blocked on that website possibly by an extension.
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe Mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Note that there is also security software that can block pop-ups and JavaScript, so check that as well.
Boot the computer in Windows Safe Mode with network support (press F8 on the boot screen) as a test to see if that helps.

Selecting (and resizing, for example) a layer under the top layer via the Program Monitor

Hello all.
Using CS5
I am in the timeline and have selected layer 1 which is a video layer
Layer 2 is a title layer.
I want to manually resize layer 1, via the Program Monitor.
But when I go to the Program Monitor and select it Layer 2 (the title layer) becomes selected, preventing me from selecting and manually resizing/repositioning Layer 1.
The above example is a simplified version of what I usually find myself doing. Usually I have many layers above a layer that I want to resize or reposition (or do something else) but when I try to resize or repositon via the program monitor I am only able to manipulate the top layer.
Any suggestions, other than locking every layer other than what I want to resize etc .?
Thanks
Rowby

Hi Bill,
No they are separate orginal tracks.
Is there a way to "select" a layer below the top layer via the Progam Monitor -- and perform modifications on that lower level -- such a manually resizing on the Program Monitor. I find if I want to do it via the Program Monitor I have to temporarily lock the top layer.
And if I have lots of layers above the layer I want to manually resize, I have to lock all of the layers above that layer so I don't start moving around (for example a title layer which might be the top layer of the sequence) in order to manually resize via the Program Monitor.
I know (for example) in the case of scaling or repositioning a layer I could do it via the effects control panel, but I often want to do it via the Program Monitor.
Rowby

Javascript Moving Focus - Vikas Example

Similar Messages

Maybe you are looking for