#dropdownmenu

As well as huge images on website Home screens, there is also a rise in the use of background videos playing on loop behind text on a website Home screen. The process of adding a background video is a bit of a detailed process however that requires CSS Position property and moving the imported video back along the z index. Another feature we wanted to learn in class was how to do a drop-down menu on our sites.

Ukoliko ste početnik kao i JA, kada budete radili neku aplikaciju zasigurno će vam zatrebati padajući izbornik koji prikazuje samo podatke koje je unio pojedini korisnik.. Nakon par dana traženja po netu, forumima i konzultacija s drugim programerima došao sam do traženog rješenja. Prvo će nam trebati funkcija id usera iz korisnika

 // funkcija za čitanje user id iz session function readUserId() {  if(!session_id()) session_start();  if(    isset($_SESSION["user_id"])    &&    !empty($_SESSION["user_id"])  ) {    return $_SESSION["user_id"];  } else {    return false;  } }

Kada smo to rješili trebati ćemo funkciju u kojoj definiramo što želimo u padajuem izborniku iz polja

function showHTMLDropdown($nazivPopisa,$popis,$izbor) { ?> <div class="col-md-4"> <select class="form-control input-sm m-b-4" name="<?php echo $nazivPopisa; ?>" required="required">    <option value="">-- Odaberi Osobu --</option>

<?php    foreach($popis as $stavka)    {        echo '<option ';        if ($izbor == $stavka[0])        {            echo " selected='selected' ";        }        echo ' value="'.$stavka[0].'" >';

       echo $stavka[1]." ".$stavka[2]; // ovdje se označava što će se vidjeti u padajućem izborniku tj ime i prezime                                        // pošto je ime i prezime razdvojeno moralimo smo stavit dvije $stavke kako                                        // dohvatili ime i prezime iz iste tablice...        echo '</option>';        echo "\n";    }

?>

</select> </div> <?php }

Nakon toga ostao nam je još samo padajući izbornik, a i njega imamo

 function PadajuciIzbornik()  {

             $db = connectBaza();

         // izvrši SELECT na          $data = executeSelect($db, 'SELECT * FROM vwpogledTablicesImenomPrezimenomiPovezanomsDrugomTablicom');

         // izvuci podatke kao asocijativno polje iz Baze          $data_arr = getDBData($data);

       // izvrši SELECT na Osobama za padajući popis        $dataOsobe = executeSelect( $db,        'SELECT * FROM tablicaIzBaze(osobe) WHERE id_korisnik='.readUserId()); // važno je da ne bude pogled već tablica

       // kad odvrtimo zadnji SELECT onda        // zatvori konekciju na bazu jer nam više ne treba        $db->close();

       // trebamo za padajući izbornik Igrača        $popisOsoba_arr = getDBData($dataOsobe);

I was working on a B2B project which is targeting both iOS and Android tablet using Corona SDK. Our Customer wanted the application to be exactly the same as their web site. This caused some issues because there was not built-in structures for some web-based components, such as Drop Down Menu. So I was obliged to create my custom component for DDM. After finishing the project, I've decided to share the code so it could be helpful for some people who use Corona SDK and hate to be constrained to do something like this.

For now, I will only give the "simple usage" version. The rest will be added as soon as possible

It is required you to be familiar with both Corona SDK and Lua programming language

Simple Usage

-- DropDownMenu module local DDM = require "lib.DropDownMenu" local RowData = require "lib.RowData" -- Color DDM Row Data local colorData = {"Red", "Green", "Blue", "White"} for i=1, #colorData do local rowData = RowData.new(colorData[j], {ID=i}) colorData[j] = rowData end -- Callback function that is called when a row is clicked. local function onRowSelected(name, rowData) if name == "colors" then print("Selected color is " .. rowData.value) end end -- Initializing the DropDownMenu object local colorDDM = DDM.new({ name = "colors", x = 50, y = 100, width = 200, height = 40, dataList = colorData, onRowSelected = onRowSelected })

I am used to have the origin point ( anchor point) as top-left of the display objects, but corona default is not designed like this (except the scenes objects) which uses middle of the display objects as origin point. I changed the origin position to top-left in “main.lua” file -starting point of the app- by using code below:

display.setDefault( "anchorX", 0 ) display.setDefault( "anchorY", 0 )

It is a matter of choice to use above code, but don’t forget to arrange it for all display objects accordingly.

I also made a sample project where you could see the whole usage of the Drop Down Menu through a simple project. You could download the project from my Github page.