Selecting the item in a list of images

Hi @ll,

I tried to get the selected item in a list of images (bbui - 0.9.2.js). If I try to get the selected item as described here

https://github.com/BlackBerry/bbUI.js/wiki/image-list

.. .the result is still "not defined".

Here is my snip of code:

var mc;
var bb10HighlightColor = '#00A8DF';

bb.init({bb10HighlightColor: bb10HighlightColor,
      bb10ActionBarDark: true,
      bb10ControlsDark: true,
      bb10ListsDark: false,
      bb10ForPlayBook: true,

      onscreenready: function(element, id) {
         if (id == 'dataOnLoad') {
       dataOnLoad_initialLoad(element);
    } else if (id == 'imagelist') {
            var resultList = element.getElementById('resultlist');
            for (var i = 0; i < mc.count; i++) {
               var item = document.createElement('div');
               item.setAttribute('data-bb-type', 'item');
               item.setAttribute('id', mc.contactarray[i].ID);
               item.setAttribute('data-bb-title', mc.contactarray[i].Company);
               item.setAttribute('data-bb-img','img/company.png');
               item.innerHTML = mc.contactarray[i].Zip + " " + mc.contactarray[i].City;
               item.onclick = function() { onItemSelected('test'); };
               resultList.appendChild(item);
            }
         }
      },

      ondomready: function(element, id) {
      }
});  

function doSearch() {
   parseJASONAndOpenList('{"count":3,"contactarray":[{"Company":"Acme Inc.","Lastname":"Jackson","Firstname":"Bill","City":"Maincity","ID":"45D6"},{"Company":"Backman Inc.","Lastname":"Burger","Firstname":"Marc","City":"Downtown","ID":"45D7"},{"Company":"Jingle Inc.","Lastname":"Sampson","Firstname":"John","City":"Outercity","ID":"45D8"}]}');
};

function parseJASONAndOpenList(jsonString) {
   mc = JSON.parse(jsonString);
   bb.pushScreen('imagelist.htm', 'imagelist');
};      

function onItemSelected(text) {
   alert(text);
   var selectedItem = document.getElementById('resultlist').selected;
   alert(selectedItem.getAttribute('id')); //selectedItem is always undefined here
}

The image list:

The image list holds something hard (id = "TEST1"), then I add three objects dynamically. After selecting one of the items, I would like to show more details in a new screen.

I tried to solve in different ways, but the result of

var selectedItem = document.getElementById('resultlist').selected;

is always "not defined".

I'm looking for any help!

Hello!

This javascript interface comes in 0.9.3 still not available in the version you are using.

Tags: BlackBerry Developers

Similar Questions

Scaling of image directly by selecting the item in the Assembly?

Hi all
I want to put a video/image that is on my calendar, I want to know is, is it possible to simply select the item in the timeline and resize it in the program with the mouse (click and drag) monitor? Currently, what I have to do is,
a. Select the item in the timeline
b. Select again the request in the control effects
c. the scale with the mouse in the program monitor
pls help,
I'm working on first pro 2015.
Kind regards

Make sure the clip is visible in the program monitor

Double-click on the screen and a bounding box will appear.

Using #WORKSPACE_IMAGES # with the names of dynamic list of Image, not to hardcode

I hope someone can help me with this request.
I am developing an Apex application but I am learning as I go along by examples of Google search and read the tutorials, etc. I am trying to create a slideshow based on a dynamic list of Image names. First, I created an apex_collection in a header containing the names of the image process, I need (view/column APEX_COLLECTIONS. C001) I then created a Page called P81_IMAGE_NAME element. I'm trying to loop through the collection and display the pictures in a slide show. I have a HTML Page with the following code in the Source of the region (found the code in an example online)... Please can someone tell me where I can add the following PL/SQL code so that #WORKSPACE_IMAGES # nom_image may contain the names of images dynamically recoveries rather then hard-coded image names as in the < div Section of the Source region - Code I want to add somewhere, don't know where it add or even if it will work
Declare cursor c1 is
Select c001
of apex_collections
where collection_name = "CO_IMAGES";
Start
A1 to c1 loop
: P81_IMAGE_NAME: = c1. C001;
< img src = "#WORKSPACE_IMAGES & P81_IMAGE_NAME" alt = "Slideshow Image" / >
end loop;
end;
-End
-The code which displays images, I found (Harcoded in the < div section)
< script type = "text/javascript" >
function slideSwitch() {}
var $active = $("#slideshow IMG.active");
If ($active.length == 0) $active = $("#slideshow IMG:last");
This allows to take images in their order of appearance in the tag
var $next = $active.next () .length? $active.next)
: $('#slideshow IMG:first');
Uncomment the 3 lines below to shoot images in random order
var $sibs = $active.siblings ();
var rndNum = Math.floor (Math.random () * $sibs.length);
var $next = $($sibs [rndNum]);
$active.addClass('last-active');
$next.css ({opacity: 0.0})
.addClass ('active')
. Animate ({opacity: 1.0}, 3000, function() {})
$active.removeClass ('active last active');
});
}
{$(function()}
setInterval ('slideSwitch()', 3000);
});
< /script >
< style type = "text/css" >
/ * the value width and height to match your images * /.
{#slideshow}
position: relative;
height: 400px;
}
#slideshow IMG {}
position: absolute;
top: 0;
Left: 0;
z index: 8;
opacity: 0.0;
}
{IMG.active #slideshow
z-index: 10;
opacity: 1.0;
}
{IMG.last - active #slideshow
z index: 9;
}
< / style >
< div id = "slideshow" >
< img src = "" #WORKSPACE_IMAGES #Logo.png "alt =" slideshow Image 2 "/ >" "
< img src = "" #WORKSPACE_IMAGES #Logo1.png "alt =" slideshow Image 1 "/ >" "
< img src = "' #WORKSPACE_IMAGES #2_Burg - 1.png" alt = "Slideshow Image 2" / > "
< img src = "" #WORKSPACE_IMAGES #Car11.jpg "alt =" slideshow Image 3 "/ >" "
< img src = "" #WORKSPACE_IMAGES #Screen1.png "alt =" slideshow Image 4 "/ >" "
< / div >
< / div >

user8016921 wrote:

Please update your profile of the forum with a recognizable user name: Video tutorial how to change username available

Always include the information described in these guidelines when you post a question: How to get the answers from the forum

I am developing an Apex application but I am learning as I go along by examples of Google search and read the tutorials, etc. I am trying to create a slideshow based on a dynamic list of Image names. First, I created an apex_collection in a header containing the names of the image process, I need (view/column APEX_COLLECTIONS. C001) I then created a Page called P81_IMAGE_NAME element. I'm trying to loop through the collection and display the pictures in a slide show. I have a HTML Page with the following code in the Source of the region (found the code in an example online)... Please can someone tell me where I can add the following PL/SQL code so that #WORKSPACE_IMAGES # nom_image may contain the names of images dynamically recoveries rather then hard-coded image names as in the

Depends on the number of images. How are they involved?

With a small number (e.g. 10-20), you can simply use a page element to register the handset img reference items and she as a substitution string in the region existing HTML. For more information, it would be preferable to use a report.

On the approach of page element:

1. create the point P81_IMAGES of the page as an element of the display only. The value of the Condition Never element so it is not included in the rendered page and the security attribute point escape special characters No.

2. create a page process before header (sequenced to run once the collection created if that is done at this point in the process):
```
begin

  :p81_images := null;

  for img in (
    select c001 src
    from apex_collections
    where collection_name = 'CO_IMAGES')
  loop
    :p81_images := :p81_images || ' '
  end loop;

end;
```
3 refer to the value of the element in the HTML source of the region
```
  &P81_IMAGES.
```

submenu hover but submenu displays navigation bar disappears when the cursor is moved to select the item

Help, please! My navigation bar includes the submenus which show on hover. The submenu disappears when I move my cursor to select one of the items, so I can't click on any one of the submenu items. Can anyone help? Please? Here is my code:

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

" < html xmlns =" http://www.w3.org/1999/xhtml "> < head > .

< meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

< title > Untitled Document < /title >

< style type = "text/css" >

< / style >

"" < link href = "... / navbar.css" rel = "stylesheet" type = "text/css" / >

< script type = "text/javascript" >

function MM_swapImgRestore() //v3.0 {}

var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

}

function MM_preloadImages() {//v3.0

var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

}

function MM_findObj (n, d) {//v4.01

var p, i, x; if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

If (! x & & d.getElementById) x = d.getElementById (n); Return x;

}

function MM_swapImage() {//v3.0

var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

}

< /script >

"" < link href = "... / large - quilt.css" rel = "stylesheet" type = "text/css" / >

< style type = "text/css" >

a: link {}

color: #071f75;

}

a: visited {}

color: #0099ff;

}

a: hover {}

color: #00cc;

}

a: active {}

color: #cc3300;

}

< / style >

<!-[if IE 6] >

<! [endif]-->

< / head >

< onload of the body = MM_preloadImages('..) «/images/nav_bar_guild_ro_home.gif ','... / images/Calendar_rollov er_01.gif ',' /images/nav_bar_guild_ro_general.gif ','... f/images/nav_bar_guild_ro_members.» GI ','... /images/nav_bar_guild_ro_community.gif ','... /images/nav_bar_guild_ro_contacts.gif «,» . (/ images/events_rollover_01.gif ') ">"

< div id = 'wrapper' >

< div id = "top" >

"< div id ="logo"> < a href ="... / index.html "" > < img src = ""... / pictures/thanks "width ="280"height ="172"alt ="logo"/ > < /a > < / div > <! - logo - >"

< div id = "quilt_top" >

"" < img src = "... / images/quilt_top.png" width = "550" height = "209" alt = "Duvet" / > < / div > <! - quilt_top - >

< / div > <! - top - > <! - top - >

< div id = "bar1" > < / div > <! - bar1 - >

< div id = "bottom" >

< div id = "nav" >

< ul >

"" "< li > < a href ="... / index.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('home button',",'... / images/nav_bar_guild_ro_home.gif ', 1) "> < img src =" "... / images/nav_bar_guild_home.gif" alt = "home button" name = "home button" width = "148" height = "129" border = "0" id = "home button" / > < /a > < /li > "

"" "< class ="subNav"li > < a href ="... / general.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('general',",'... / images/nav_bar_guild_ro_general.gif ', 1) "> < img src =" "... / images/nav_bar_guild_general.gif" alt = "rollover nav buttons" name = 'general' width = "205" height = "129" border = "0" id = "general" / > < /a > "

< ul >

"< li > < a href ="... / meetings.html "> dating < /a > < /li >"

"< li > < a href ="... / showandtell.html "> view the & amp;" Say < /a > < /li >

"< li > < a href ="... / library.html "> library < /a > < /li >"

"< li > < a href ="... / retreat.html "> pension < /a > < /li >"

"< li > < a href ="... / blogs.html "> items < /a > < /li >"

"< li > < a href ="... / fundraising.html "> fundraising < /a > < /li >"

< li > < /li >

< /ul >

< /li >

"" "< li > < a href ="... / members.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('members',",'... / images/nav_bar_guild_ro_members.gif ', 1) "> < img src =" "... / images/nav_bar_guild_members.gif" alt = button 'members' name = 'members' width = "198" height = "129" border = "0" id = "members" / > < /a > < /li > "

"" "< class ="subNav"li > < a href ="... / community.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('Community',",'... / images/nav_bar_guild_ro_community.gif ', 1) "> < img src =" "... / images/nav_bar_guild_community.gif ' alt = 'button community' name = 'Community' width ="215"height ="129"border ="0"id = 'Community' / > < /a >"

< ul >

"< li > < a href ="... / kids_kwilts.html "> < /a > < /li > children Kwilts"

"< li > < a href ="... / storybook_quilts.html "> stories < /a > < /li >"

< li > < /li >

< /ul >

< /li >

"" "< class ="subNav"li > < a href ="... / adresses.html "MM_swapImgRestore" onmouseover = "MM_swapImage ('contacts',",'... / images/nav_bar_guild_ro_contacts.gif ', 1) "> < im g src =" "... / images/nav_bar_guild_contacts.gif ' alt = 'the button contacts' name = 'contacts' width ="185"height ="129"border ="0"id ="contacts"/ > < /a >"

< ul >

"< li > < a href ="... / board.html "> Council < /a > < /li >"

"< li > < a href ="... / bees.html "> bees < /a > < /li >"

"< li > < a href ="... / carriere/portfolio/index.html "> resources < /a > < /li >"

"< li > < a href ="... / quiltshops.html "> Quilt Shops < /a > < /li >"

"< li > < a href ="... / otherguild.html "> other guilds < /a > < /li >"

< li > < /li >

< /ul >

< /li >

< /ul >

< / div > <! - nav - >

< div id = "main_content" > <!-TemplateBeginEditable name = 'main'-> main <! - TemplateEndEditable - >

< / div > <! - main_content - >

< / div > <! - low - >

< / div > <! - wrapper - >

< / body >

< / html >

I stayed until the end, and here is the HTML and CSS code, you must

HTML

< img="" src="../images/nav_bar_guild_community.gif" alt="community button" name="community" width="215" height="129" border="0" id="community">

Patchwork shops

Other guilds

main

CHANGE THE NAVIGATION BAR OF THE CSS SELECTOR TO THIS

#nav li.subNav:hover ul {}

display: block;

position: absolute;

top: 370px;

border: none;

background-color: transparent;

do-family: "Times New Roman", Times, serif;

do-size: 16px;

color: #CA0F20;

text-decoration: none;

margin-top: 0px;

right margin: 0;

margin-bottom: 0;

left margin: 0px;

padding-top: 0px;

padding-bottom: 10px;

z index: 95;

text-align: center;

}

Select the request value mailing list

I have several items of type ' Select list with shipment "on a form page. When the user changes a list selection, proper process must be loaded. I tried to use the name of the element as the value of the REQUEST, but I'm getting a NULL request when I change the order of the day. How can I capture the value of demand for these items. any ideas are appreciated.

Kind regards
Surya

I just tested it.
At the top of the page it says

0.01: A C C E P T: Request="P2_BRAND_ID"

This will be set all the way until you plug.

Once you have branched out YOU don't SET THE REQUEST IN THE BRANCH IF you will get something like

0.11: S H O W: application="3" page="2" workspace=""
request="" session="2287495007492076"

If you try to get a process to run using the request on the way in a page, you will need to put a branch, under certain conditions of shooting on your article and in this branch, set the value of the application once again. It will be valid when you return to the page.

Gus...
AWARDS: Don't forget to mark correct or useful posts on the forum, not only for my answers, but for everyone!
;-)

Do you have this sort your problem?

Published by: Gussay on September 21, 2009 18:04

The mouse selects the items simply by placing the cursor over them.

My pointer will select the elements while passing on the way elsewhere win7

Open my computer. Click on organize-> folder and search-> Select Option "double-click to open an item (single-click to select)"-> Apply-> OK.

Select the item of list apex

Hi all,

I have a report (created using elements of the apex region). In this report a single column of region's selection list.
Here's the sql select query in the Source of the region. here in this column in the select list, I have to show more than two values in the selection list.but im get two values(cu_and_cu1).i have tried has given more than two values, but it shows only two values in the drop-down list.

How to solve it?

select .,.,.,apex_item.SELECT_LIST(4,'cu','cu1') from <table_name>;

Thank you in advance

Hello

the format of your selection is wrong. Take a look at the documentation: http://download.oracle.com/docs/cd/E23903_01/doc/doc.41/e21676/apex_item.htm#CHDHJJAB

It should be like this:

APEX_ITEM.SELECT_LIST(4,'cu','cu;cu,cu1;cu1,cu2;cu2,cu3;cu3')

Kind regards
Dirk

Select the item in the drop-down list box?

Hello, I have a list box drop-down list box that contains numbers from 1 to 10. Normally, it will display "1" when the application starts, but how I put it in AS3 to show "3" instead?

comboboxInstancename.selectedIndex = 2;

Select the text and code lists

I have a tabular layout with a field called KPI_ID, which is a number in my database table. I want the user to be able to use a selection list that shows the descriptive text for this indicator number of KEY performance choose what KPI_ID they want.

KPI_ID is defined as type "select list". The type of list of values is "SQL query", and it is the query:

Select kpi_desc,

kpi_id

KPI

where the team =: P10_TEAM

Everything seems OK, but when the user selects a KPI and save, the new value is not saved. I used the debugger to determine that the KPI_ID is set to «»

What I am doing wrong?

APEX version: 5.0.2.00.07

Database: Oracle Database 11 g Express Edition Release 11.2.0.2.0 - 64 bit Production

Host: MaxApex (dedicated DB)

Browser: Google Chrome Version 47.0.2526.106 m

Themes: "Scarlet - 21" and ""Topaz"- 4"»

Character of favorite Gilligan's Island: Mary Ann

I found my problem. In the process of "Updating the lines" I had defined KPI_ID as a "secondary key column. That's why he let me not change this value. I removed KPI_ID as a "secondary key column' and now it works well.

As Roseanne Roseannadanna used to saying: 'never mind '.

Select the items to include in the report

I have a requirment where I want to run a report for a single client and include several sections in the report from the selections of the user. for example I would have checkboxes for each Subscriptins more details, Notes, Contacts etc, and if the users checks only the subscription details and Contacts only these 2 sections displayed on the page or in the PDF file hsoule. Is this possible in OBIEE?

Is this something that can do BI Publisher?

Thanks in advance

I think it's possible, but it goes beyond the standard features of OBIEE. Using checkboxes will be the biggest challenge.

It could be done with OBIEE alone or with a combination of BLEEP and OBIEE.

Solution 1: OBIEE

-a response to writing deferred-activated
-HTML customized to render the checkboxes
-Javascript custom to send the value of the checkbox by the mechanism of the writeback (I did with select-drop-down lists, but have not tried with boxes to tick)
-a 'guided navigation trigger' answer for each checkbox
-a dashboard with all sections. each section is configured to GuidedNav and display the value based on the 'trigger' response

Here's how it works:

1. the user check the sections you want to display and click on a button
2. the button to perform writeback that updates a 'selection of the user' table in the database
3. "guided nav trigger' answers to query the table of 'the user's selection.
4 sections of the dashboard run responses of 'guided nav trigger' and show or hide the section based on the result
5. Dashboard displays only the selected section and the user clicks on the button print.

Solution 2 (probably easier): BI Publisher / OBIEE

BEEP - request might include fields in the "select" list that a section for the display of the flag. These fields would be received as parameters
Implementation model - BEEP would understand the logic of conditional display for each of the sections based on the value of the flag field
-Params field Pavilion would be completed by the boxes custom dashboard HTML/Javascript
Report - BEEP would be run through a URL with the params flag included
BEEP - report will show a link, or in an iFrame

My vision is getting worse. How can I increase the font for windows? I mean the part of windows that love he menu bars, you need to select the items? Help

My vision is getting worse, with difficulties to read the policy on menus. I changed the resolution and changed the font size that does not affect the police in the menus, how to change that. When I go to display and look at my make it 9 Sergie I want to increase that to a greater number how do I do that? I believe that it will solve my problem.

Hi Janice,.

I understand that you want to increase the font size.
Check out the following link and select Larger - 150% on the settings window.

Make the text on the screen larger or smaller

http://Windows.Microsoft.com/en-in/Windows7/make-the-text-on-your-screen-larger-or-smaller

If this does not help, see the section "to create a custom DPI scale" link above.

If you have additional questions, or if this problem persists, come in and we will be happy to help you.

ADF shuttle select the items rendered as checkboxes

Thus, we use the ADF 11.1.2.4 to develop our application. We have an obligation to use control of the shuttle. However, when it is rendered, it contains checkboxes (inputItem type = checkbox). I'm sure that wasn't the case with 11.1.2.3, but I was wondering if anyone else has seen this behavior? I think perhaps a CSS thing.

I noticed in the rich client demo he uses also an inputbox as a box to check, but it has a class of style associated with it. However, in our application, there is no style associated with it. Maybe it's because our style has not inherited Fusion skins? Thus, our items are rendered "naked." Another thing we noticed is that nothing appears on the right side of the control, but he used with 11.1.2.3.

Any help would be greatly appreciated,

BradW

OK, so it was a matter of skin. I have reset the skin in the config.XML - trinidad and violla! Boxes are gone. Now just to understand what the problem is with the side of the right hand done. Separate issue. Hope this helps someone.

BradW

How to pass the selections of muse (by selecting the item in the back)

Is there a way to esay to make your selections in the muse? Sometimes, when I'm working with an element on the front of another element, for example text ontop of a solid box, I can't choose one that is originally without having to move the text to get to the box. Is there an easy way, or the button that I can use to capture the elements of the back without having to move things so I can get to work?

Thank you!

You can use Ctrl + click (Windows) and Cmd + click (Mac) to scroll through the selection of objects on the page that are on top of the other.

See you soon,.

Vikas

Select the item to collection

Hi gems... I have a question...

I write a proc... where I use view inline...

Select < a.something, a.something... >
(select something, something table_name);

in the select clause below, should I use a collection type? means I want to take the bottom of the select clause in a collection and then I want to replace the clause select lower by the name of this collection... is this possible?

pls help...

You cannot use the name of the collection directly to replace the sub query.

I think that better use you TEMPORARY GLOBAL session specific tables and store data temporarily.

Concerning
Arun

By default auto select the item in anychart

Apex 4.0, when I use the REPORT with the element select, I can set the defaule value, but in anychart, I can't run

Lily,

See page 2 in your workspace with a recommended point of calculation added as Jari. I value the u LOV 201104 value but it will let you set this value to more eloquently.

The f

Selecting the item in a list of images

Similar Questions

Maybe you are looking for