Link to home
Get AccessLog in
Avatar of Bruce Gust
Bruce GustFlag for United States of America

asked on

Why does my modal show the wrong information?

There's a lot of code here, guys, and I apologize, but I thought it better to give you the whole ball of wax rather than an abbreviated version for fear of leaving something out that was relevant.

Here's how my page looks:


Notice how I've got "sql" in the Search box. My user has just conducted a search and when they do, they get this window:

User generated imagePerfect!

But each of the "terms" also trigger a modal and when you don't have anything lingering in the search box, you get this:

User generated imageUser generated image
But if I've got "sql" in the Search Box that was there from a previous interaction, look what happens when I click on "AMS..."

User generated image
See what's happening? I'm getting "AMS" at the top, but my content is the results from the previous search.

How does that happen?

Here's my source code. Where am I blowing it?

Line wrap

<!DOCTYPE html>

<html lang="en">

    <head>

        <meta charset="utf-8" />

        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

        <meta name="description" content="" />

        <meta name="author" content="" />

        <title>Alight Knowledge Transfer Library</title>

        <!-- Favicon-->

        <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />

        <!-- Font Awesome icons (free version)-->

        <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>

       <!-- Bootstrap core JS-->

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>

      <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>

      <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>

        <!-- Core theme JS-->

        <script src="js/scripts.js"></script>

        <!-- Core theme CSS (includes Bootstrap)-->

        <link href="css/styles.css" rel="stylesheet" />

      <link href="css/special_stylesheet.css" rel="stylesheet" />

    </head>

    <body>

        <!-- Navigation-->

        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">

            <div class="container">

                <a class="navbar-brand" href="index.php"><img src="img/alight_logo.jpg"></a>

                <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>

                <div class="collapse navbar-collapse" id="navbarResponsive">

                    <ul class="navbar-nav ml-auto">

                        <li class="nav-item"><a class="nav-link" href="page.php?ID=1" style="color:#ffffff; text-decoration:none;">Alight</a></li>

                   <li class="nav-item dropdown">

                     <a class="nav-link dropdown-toggle" id="navbarDropdownIDB" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#ffffff; text-decoration:none;">iDB</a>

                     <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownIDB">

                        <a class="dropdown-item" href="page.php?ID=28">Basic Setup</a>

                        <a class="dropdown-item" href="code_library.php">Code Library</a>

                     </div>

                  </li>

                        <li class="nav-item dropdown">

                            <a class="nav-link dropdown-toggle" id="navbarDropdownPortfolio" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#ffffff; text-decoration:none;">Workday</a>

                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">

                                <a class="dropdown-item" href="portfolio-1-col.html">Prism</a>

                                <a class="dropdown-item" href="portfolio-2-col.html">Diagnostics</a>

                                <a class="dropdown-item" href="portfolio-3-col.html">HCM Trended History</a>

                            </div>

                        </li>

                  <li class="nav-item"><a class="nav-link" href="terms.php" style="color:#ffffff; text-decoration:none;">Terms</a></li>

                       <li class="nav-item"><a class="nav-link" href="adm/admin.php" style="color:#ffffff; text-decoration:none;">Admin</a></li>

                    </ul>

                </div>

            </div>

        </nav>

        <!-- Page Content-->

        <section class="py-5">

            <div class="container" style="margin-top:-25px;">

            <div class="row">

               <div class="col-md-6 col-xs-12 code_title">

                  <p><h3>Terms Glossary</h3></p>

               </div>

               <div class="col-md-6 col-xs-12">

   <div class="search_box">

      <div class="input-group">

         <input class="form-control search_field" type="text" placeholder="Search for..." id="search_criteria"/>

         <span class="input-group-append"><a href="#" id='searchBox'><button class="btn btn-secondary" type="button">Go!</button></a></span>

      </div>

   </div>

</div>            </div>

            <div class="row">

               <div class="col-xs-12">

                  Below you'll find a list of terms that you'll hear from time to time as part of your career here at Alight. Click on the term to view it's definition.

                  <br><br>

If you need any help of have any questions, contact Bruce Gust at <A HREF="mailto:bruce.gust@alight.com">bruce.gust@alight.com</a>

<br><br>

Thanks!               </div>

            </div>

            </div>

        </section>

      <section>

         <div class="container" style="margin-top:-25px;">

            <div class="row">

               <div class="col-xs-12" style="border:1px solid #ccc; box-shadow:5px 5px 3px #ccc; border-radius:10pt; padding:10px; width:85%; margin:auto;">

                  <table class="table">

                     <tr>

                        <td style="background-color:#000; color:#fff; border-top-left-radius:10pt; border-top-right-radius:10pt; text-align:center; border-right:1px solid #fff;">term / category</td>

                     </tr>      

                                                         <tr>

                        <td colspan="3" style="background-color:#ccc; color:#000; font-weight:bold;">

                           iDB                        </td>

                                       <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_105" style="font-weight:normal; text-decoration:underline;">AMS</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_108" style="font-weight:normal; text-decoration:underline;">ROM</a></td>

                     </tr>

                                                         <tr>

                        <td colspan="3" style="background-color:#ccc; color:#000; font-weight:bold;">

                           Workday                        </td>

                                       <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_124" style="font-weight:normal; text-decoration:underline;">BP</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_120" style="font-weight:normal; text-decoration:underline;">BpaaS</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_106" style="font-weight:normal; text-decoration:underline;">CDS</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_107" style="font-weight:normal; text-decoration:underline;">CR</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_109" style="font-weight:normal; text-decoration:underline;">DART</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_123" style="font-weight:normal; text-decoration:underline;">DQM</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_113" style="font-weight:normal; text-decoration:underline;">EM</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_114" style="font-weight:normal; text-decoration:underline;">FINS</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_111" style="font-weight:normal; text-decoration:underline;">HCM</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_118" style="font-weight:normal; text-decoration:underline;">ISU</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_115" style="font-weight:normal; text-decoration:underline;">KPI</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_116" style="font-weight:normal; text-decoration:underline;">MVO</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_110" style="font-weight:normal; text-decoration:underline;">Non Pll Data</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_119" style="font-weight:normal; text-decoration:underline;">RaaS</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_121" style="font-weight:normal; text-decoration:underline;">SDaaS</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_112" style="font-weight:normal; text-decoration:underline;">SOW</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_122" style="font-weight:normal; text-decoration:underline;">TCI</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_117" style="font-weight:normal; text-decoration:underline;">Trended Worker Data Source</a></td>

                     </tr>

                                                         <tr>

                        <td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_104" style="font-weight:normal; text-decoration:underline;">Workstream</a></td>

                     </tr>

                                    </table>

               </div>

            </div>

         </div>

      </section><br>





      

   <div class="modal fade" id="exampleModalCenter_105" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">AMS</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Application Management Services. These are the guys that maintain an Implementation after it's been originally installed by. CDS does intial deployment and AMS takes over after they're finished.Application Management Services. These are the guys that maintain an Implementation after it's been originally installed by. CDS does intial deployment and AMS takes over after they're finished.        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_108" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">ROM</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Rough Order of Magnitude - technical way of saying, "How much work is going to be involved?"        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_124" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">BP</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Business Process        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_120" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">BpaaS</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         <p>Business Process as a Service</p>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_106" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">CDS</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         When Alight first comes alongside a company, the division responsible for any implementation of Workday is called, "Cloud Deployment Solutions."        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_107" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">CR</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Change Request        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_109" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">DART</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Delivery Assurance Review Tools        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_123" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">DQM</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         <p>Data Quality Management</p>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_113" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">EM</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Engagement Manager (Account Manager)        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_114" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">FINS</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Financial Diagnostics        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_111" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">HCM</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Human Capital Management        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_118" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">ISU</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         <p>Integrated System User</p>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_115" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">KPI</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Key Performance Index        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_116" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">MVO</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         A Minimum Viable Outcome is the basic outcome a customer wants to achieve (<strong><a href="https://stickybranding.com/minimum-viable-outcome/" target="_blank">stickbranding.com</a></strong>)        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_110" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">Non Pll Data</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         No personal data        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_119" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">RaaS</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         <p>Reporting as a Service</p>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_121" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">SDaaS</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         <p>Support Desk as a Service</p>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_112" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">SOW</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         Statement of Work - another way of saying, "contract."        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_122" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">TCI</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         <p>Total Capital Investment</p>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_117" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">Trended Worker Data Source</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         <p>Trended Worker Data source encompasses a number of fields that fall into 3 general categories:</p>

<p>Monthly worker snapshots. This type of data includes data about&nbsp; workers as of the last day of the month, including compensation data, headcount numbers, and biographical information.</p>

<p>Staffing events. These include hires, terminations, transfers, promotions, changes in position, addition or deletion of additional jobs, move events, and international assignments.</p>

<p>Calculated metrics. These are calculations ,we can make based on the trended data, such as turnover rate and span of control.</p>

<p>Workday automatically updates the Trended Workers data source at the end of each month. Data is collected for the last 36 months (that is, data is collected for as many months that are available in Workday, up to 36 months). Any data older than 36 months is automatically purged from the data source. Additionally, any retroactive changes that have been made to a worker in the last 3 months are automatically incorporated into the trended data.</p>

<p>Trended Worker Data source encompasses a number of fields that fall into 3 general categories:</p>

<p>Monthly worker snapshots. This type of data includes data about&nbsp; workers as of the last day of the month, including compensation data, headcount numbers, and biographical information.</p>

<p>Staffing events. These include hires, terminations, transfers, promotions, changes in position, addition or deletion of additional jobs, move events, and international assignments.</p>

<p>Calculated metrics. These are calculations ,we can make based on the trended data, such as turnover rate and span of control.</p>

<p>Workday automatically updates the Trended Workers data source at the end of each month. Data is collected for the last 36 months (that is, data is collected for as many months that are available in Workday, up to 36 months). Any data older than 36 months is automatically purged from the data source. Additionally, any retroactive changes that have been made to a worker in the last 3 months are automatically incorporated into the trended data. (<a href="https://onlineitguru.com/interviewquestions/report-writer-interview-questions-answers-workday" target="_blank"><strong>onlineitguru.com</strong></a>)</p>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>

      

   <div class="modal fade" id="exampleModalCenter_104" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">

     <div class="modal-dialog modal-dialog-centered" role="document">

      <div class="modal-content">

        <div class="modal-header">

         <h5 class="modal-title" id="exampleModalLongTitle">Workstream</h5>

         <button type="button" class="close" data-dismiss="modal" aria-label="Close">

           <span aria-hidden="true">&times;</span>

         </button>

        </div>

        <div class="modal-body">

         "Workstreams are core areas of activities in your project. Could be a department in your organization (i.e Operations or Marketing) or an ongoing activity in your project (i.e Testing or Implementation).""Workstreams are core areas of activities in your project. Could be a department in your organization (i.e Operations or Marketing) or an ongoing activity in your project (i.e Testing or Implementation)." (<strong><a href="https://www.proggio.com/help/project-planning-with-workstreams/" target="_blank">Understanding Workstreams</a>)</strong><strong><br /></strong>        </div>

        <div class="modal-footer">

         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

        </div>

      </div>

     </div>

   </div>



 <!-- Footer-->

    <br><br>

   <div class="container-fluid">

      <div class="row">

         <div class="col-xs-12 footer">

            <div  style="text-align:center; color:#ffffff; padding-top:15px; font-size:8pt;">Alight Knowledge Transfer Library | &copy; Alight 2021</div>

         </div>

      </div>

   </div>

<!-- search box modal -->



<script>

   $('#searchBox').click(function(event) {

      event.preventDefault();

     

      var out = {

         'searchCriteria': $('#search_criteria').val()

      };

      $.post('search.php', out,

      function(data) {        

      $('.modal-body').html(data);

         $(searchBoxModal).modal('show');

      });

     

   });

</script>



<div class="modal fade in" id="searchBoxModal" role="dialog" aria-labelledby="searchBoxTitle" aria-hidden="true">

  <div class="modal-dialog modal-dialog-centered" role="document">

   <div class="modal-content">

     <div class="modal-header">

      <h5 class="modal-title" id="searchBoxLongTitle">Search Results...</h5>

      <button type="button" class="close" data-dismiss="modal" aria-label="Close">

        <span aria-hidden="true">&times;</span>

      </button>

     </div>

     <div class="modal-body"></div>

     <div class="modal-footer">

      <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>

     </div>

   </div>

  </div>

</div>     

</body>

</html>      
Line wrap
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Alight Knowledge Transfer Library</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Bootstrap core JS-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link href="css/special_stylesheet.css" rel="stylesheet" />
</head>
<body>
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php"><img src="img/alight_logo.jpg"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="page.php?ID=1" style="color:#ffffff; text-decoration:none;">Alight</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownIDB" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#ffffff; text-decoration:none;">iDB</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownIDB">
<a class="dropdown-item" href="page.php?ID=28">Basic Setup</a>
<a class="dropdown-item" href="code_library.php">Code Library</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownPortfolio" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="color:#ffffff; text-decoration:none;">Workday</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownPortfolio">
<a class="dropdown-item" href="portfolio-1-col.html">Prism</a>
<a class="dropdown-item" href="portfolio-2-col.html">Diagnostics</a>
<a class="dropdown-item" href="portfolio-3-col.html">HCM Trended History</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="terms.php" style="color:#ffffff; text-decoration:none;">Terms</a></li>
<li class="nav-item"><a class="nav-link" href="adm/admin.php" style="color:#ffffff; text-decoration:none;">Admin</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Content-->
<section class="py-5">
<div class="container" style="margin-top:-25px;">
<div class="row">
<div class="col-md-6 col-xs-12 code_title">
<p><h3>Terms Glossary</h3></p>
</div>
<div class="col-md-6 col-xs-12">
<div class="search_box">
<div class="input-group">
<input class="form-control search_field" type="text" placeholder="Search for..." id="search_criteria"/>
<span class="input-group-append"><a href="#" id='searchBox'><button class="btn btn-secondary" type="button">Go!</button></a></span>
</div>
</div>
</div></div>
<div class="row">
<div class="col-xs-12">
Below you'll find a list of terms that you'll hear from time to time as part of your career here at Alight. Click on the term to view it's definition.
<br><br>
If you need any help of have any questions, contact Bruce Gust at <A HREF="mailto:bruce.gust@alight.com">bruce.gust@alight.com</a>
<br><br>
Thanks!</div>
</div>
</div>
</section>
<section>
<div class="container" style="margin-top:-25px;">
<div class="row">
<div class="col-xs-12" style="border:1px solid #ccc; box-shadow:5px 5px 3px #ccc; border-radius:10pt; padding:10px; width:85%; margin:auto;">
<table class="table">
<tr>
<td style="background-color:#000; color:#fff; border-top-left-radius:10pt; border-top-right-radius:10pt; text-align:center; border-right:1px solid #fff;">term / category</td>
</tr>
<tr>
<td colspan="3" style="background-color:#ccc; color:#000; font-weight:bold;">
iDB</td>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_105" style="font-weight:normal; text-decoration:underline;">AMS</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_108" style="font-weight:normal; text-decoration:underline;">ROM</a></td>
</tr>
<tr>
<td colspan="3" style="background-color:#ccc; color:#000; font-weight:bold;">
Workday</td>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_124" style="font-weight:normal; text-decoration:underline;">BP</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_120" style="font-weight:normal; text-decoration:underline;">BpaaS</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_106" style="font-weight:normal; text-decoration:underline;">CDS</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_107" style="font-weight:normal; text-decoration:underline;">CR</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_109" style="font-weight:normal; text-decoration:underline;">DART</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_123" style="font-weight:normal; text-decoration:underline;">DQM</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_113" style="font-weight:normal; text-decoration:underline;">EM</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_114" style="font-weight:normal; text-decoration:underline;">FINS</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_111" style="font-weight:normal; text-decoration:underline;">HCM</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_118" style="font-weight:normal; text-decoration:underline;">ISU</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_115" style="font-weight:normal; text-decoration:underline;">KPI</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_116" style="font-weight:normal; text-decoration:underline;">MVO</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_110" style="font-weight:normal; text-decoration:underline;">Non Pll Data</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_119" style="font-weight:normal; text-decoration:underline;">RaaS</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_121" style="font-weight:normal; text-decoration:underline;">SDaaS</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_112" style="font-weight:normal; text-decoration:underline;">SOW</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_122" style="font-weight:normal; text-decoration:underline;">TCI</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_117" style="font-weight:normal; text-decoration:underline;">Trended Worker Data Source</a></td>
</tr>
<tr>
<td style="width:75%;"><a href="#" data-toggle="modal" data-target="#exampleModalCenter_104" style="font-weight:normal; text-decoration:underline;">Workstream</a></td>
</tr>
</table>
</div>
</div>
</div>
</section><br>


<div class="modal fade" id="exampleModalCenter_105" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">AMS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Application Management Services. These are the guys that maintain an Implementation after it's been originally installed by. CDS does intial deployment and AMS takes over after they're finished.Application Management Services. These are the guys that maintain an Implementation after it's been originally installed by. CDS does intial deployment and AMS takes over after they're finished. </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_108" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">ROM</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Rough Order of Magnitude - technical way of saying, "How much work is going to be involved?" </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_124" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">BP</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Business Process </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_120" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">BpaaS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Business Process as a Service</p> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_106" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">CDS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
When Alight first comes alongside a company, the division responsible for any implementation of Workday is called, "Cloud Deployment Solutions." </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_107" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">CR</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Change Request </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_109" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">DART</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Delivery Assurance Review Tools </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_123" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">DQM</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Data Quality Management</p> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_113" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">EM</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Engagement Manager (Account Manager) </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_114" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">FINS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Financial Diagnostics </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_111" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">HCM</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Human Capital Management </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_118" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">ISU</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Integrated System User</p> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_115" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">KPI</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Key Performance Index </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_116" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">MVO</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
A Minimum Viable Outcome is the basic outcome a customer wants to achieve (<strong><a href="https://stickybranding.com/minimum-viable-outcome/" target="_blank">stickbranding.com</a></strong>) </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_110" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Non Pll Data</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
No personal data </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_119" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">RaaS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Reporting as a Service</p> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_121" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">SDaaS</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Support Desk as a Service</p> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_112" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">SOW</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
Statement of Work - another way of saying, "contract." </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_122" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">TCI</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Total Capital Investment</p> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_117" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Trended Worker Data Source</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Trended Worker Data source encompasses a number of fields that fall into 3 general categories:</p>
<p>Monthly worker snapshots. This type of data includes data about&nbsp; workers as of the last day of the month, including compensation data, headcount numbers, and biographical information.</p>
<p>Staffing events. These include hires, terminations, transfers, promotions, changes in position, addition or deletion of additional jobs, move events, and international assignments.</p>
<p>Calculated metrics. These are calculations ,we can make based on the trended data, such as turnover rate and span of control.</p>
<p>Workday automatically updates the Trended Workers data source at the end of each month. Data is collected for the last 36 months (that is, data is collected for as many months that are available in Workday, up to 36 months). Any data older than 36 months is automatically purged from the data source. Additionally, any retroactive changes that have been made to a worker in the last 3 months are automatically incorporated into the trended data.</p>
<p>Trended Worker Data source encompasses a number of fields that fall into 3 general categories:</p>
<p>Monthly worker snapshots. This type of data includes data about&nbsp; workers as of the last day of the month, including compensation data, headcount numbers, and biographical information.</p>
<p>Staffing events. These include hires, terminations, transfers, promotions, changes in position, addition or deletion of additional jobs, move events, and international assignments.</p>
<p>Calculated metrics. These are calculations ,we can make based on the trended data, such as turnover rate and span of control.</p>
<p>Workday automatically updates the Trended Workers data source at the end of each month. Data is collected for the last 36 months (that is, data is collected for as many months that are available in Workday, up to 36 months). Any data older than 36 months is automatically purged from the data source. Additionally, any retroactive changes that have been made to a worker in the last 3 months are automatically incorporated into the trended data. (<a href="https://onlineitguru.com/interviewquestions/report-writer-interview-questions-answers-workday" target="_blank"><strong>onlineitguru.com</strong></a>)</p> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModalCenter_104" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Workstream</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
"Workstreams are core areas of activities in your project. Could be a department in your organization (i.e Operations or Marketing) or an ongoing activity in your project (i.e Testing or Implementation).""Workstreams are core areas of activities in your project. Could be a department in your organization (i.e Operations or Marketing) or an ongoing activity in your project (i.e Testing or Implementation)." (<strong><a href="https://www.proggio.com/help/project-planning-with-workstreams/" target="_blank">Understanding Workstreams</a>)</strong><strong><br /></strong> </div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Footer-->
<br><br>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 footer">
<div style="text-align:center; color:#ffffff; padding-top:15px; font-size:8pt;">Alight Knowledge Transfer Library | &copy; Alight 2021</div>
</div>
</div>
</div>
<!-- search box modal -->
<script>
$('#searchBox').click(function(event) {
event.preventDefault();
var out = {
'searchCriteria': $('#search_criteria').val()
};
$.post('search.php', out,
function(data) {
$('.modal-body').html(data);
$(searchBoxModal).modal('show');
});
});
</script>
<div class="modal fade in" id="searchBoxModal" role="dialog" aria-labelledby="searchBoxTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="searchBoxLongTitle">Search Results...</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body"></div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</body>
</html>
Avatar of lenamtl
lenamtl
Flag of Canada image

Hi,

Using popup cause often a lot of issues especially when there are a lot of code behind.
Popup that display other popup is not a good idea, especially on small view.

Have you consider to display the search and result content on the page directly (not in popup)?

Could you elaborate what does this page so maybe we can make a better suggestion.

Maybe you need to add some sort of refresh or use Ajax ...
ASKER CERTIFIED SOLUTION
Avatar of Chris Stanyon
Chris Stanyon
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This content is only available to members.
To access this content, you must be a member of Experts Exchange.
Get Access
Avatar of Bruce Gust

ASKER

Thanks, Chris! I also noticed that this:

$('#searchBoxModal.modal-body').html(data);

...doesn't work.

But this...

$('#searchBoxModal .modal-body').html(data);

...does!

You just keep learning stuff...! 
Yeah ...

Without the space:

$('#searchBoxModal.modal-body')

- will only select an element that has both the searchBoxModal id AND the modal-body class:

<div id="searchBoxModal" class="modal-body">
    ...
</div>

With the space:

$('#searchBoxModal .modal-body')

- will only select an element that has the .modal-body class WITHIN an element that has the #searchBoxModal id:

<div id="searchBoxModal">
    <div class="modal-body">...</div>
</div>