CINXE.COM

<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <meta name='description' content='Booth Sales'> <meta name='author' content='Conference Technology Enhancements'> <meta http-equiv="cache-control" content="max-age=0"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT"/> <meta http-equiv="pragma" content="no-cache"> <title>Booth Sales</title>  <link href='css/bootstrap.min.css' rel='stylesheet'> <link href='css/font-awesome.min.css' rel='stylesheet'>  <style> font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; ::-webkit-scrollbar { -webkit-appearance: none; width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: rgba(236,219,191,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 8px; border-radius: 8px; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 8px; border-radius: 8px; background: rgba(180,146,72,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-webkit-scrollbar-thumb:window-inactive { background: rgba(180,146,72,0.4); } html { min-height: 100%; } body { background-color: #eff9fe; // background-color: #f8f4e8; margin-top: 0px!important; margin-bottom: 0px!important; padding: 0px; height: 100%; } #header { width: 99%%; margin-top: 5px; margin-left: 10px; margin-right: 20px; } .disabled { pointer-events:none; opacity:0.8; text-align: left; } .title_box { padding-left: 20px; } .show_title { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; font-size: 28px; color: #000000; } .show_loc { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; font-size: 18px; color: #000000; line-height: 25px; } #tool_wrap { float: left; margin-top: 10px; } #tool_box { // background-color: #ffd700; /* yellow */ // background-color: #356732; /* green */ // background-color: #ce3122; /* orangered */ // background-color: #5dba48; /* lightgreen */ // background-color: #ea8922; /* aba orange */ // background-color: #e8e0c9; /* nasgw khaki */ // background-color: #84D7DF; /* ilparks blue */ //background-color: #51AF4B; /* icd green */ //background-color: #B13828; /* peptalk orange */ background-color: #1E80BA; /* scope blue */ margin-left: 5px; width: 125px; border: solid 1px #414149; border-radius: 1px; padding: 5px; } #nav { margin-left: 0px; } #tool99 { margin-top: 10px; width: 100%; } #company_display { width: 125px; min-height: 80px; background-color: #51AF4B; margin-top: 15px; margin-left: 5px; border: solid 1px #414149; border-radius: 1px; padding: 5px; font-size: 12px; color: #000000; } #cd_2 { font-weight: 600; } #tool_box2 { opacity: 0.0; background-color: #f1f1f1; margin-top: 10px; margin-left: 5px; padding: 0px; font-size: 10px; } .ctr_form { margin-top: 10px; margin-left: 125px; } #add_coord { font-size: 11px; color: #666666; } .bts { width: 30px; } /*#t_info { */ /* text-align: left !important; */ /* padding-left: 8px !important; */ /*} */ .t_b { text-align: left !important; } #i_price { margin-left: 11px !important; } #i_list { margin-left: 6px !important; } .is_tool{ float: left; width: 20px; } .tb_txt { float: left; width: 80px; margin-left: 5px; } #pg-nav { margin-top: 10px; margin-left: 150px; margin-right: 20px; height: 37px; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { border: 1px solid #bbbbbb; border-bottom-color: transparent; } #parent { background-color: #eee; height: 18px; } #cnt_wrap { overflow: hidden; background-color: #eee; } #m_cnt { height: 18px; float: middle; } #map-box { border: solid 1px #bbbbbb; border-radius: 1px; margin-top: 0px; margin-left: 8px; margin-right: 20px; height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; background-color: #ffffff; /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f3debc), color-stop(1, #fdefda)); */ padding: 10px; } #err { font-family: verdana,tahoma,geneva,arial,sans-serif; font-size: 12px; color: #dd0000; padding: 4px; margin-right: 5px; } #leg_box { margin-top: 20px; margin-bottom: 5px; margin-left: auto; margin-right: auto; background-color: #f7f7f7; border: solid 1px #8dabb8 !important; border-radius: 4px !important; width: 120px; } #leg_title { font-weight: 500; font-size: 12px; } #legend { margin-left: 5px; margin-right: auto; font-family: 'Headland One',serif; font-weight: 400; font-size: 10px; color: #444444; } .key_box { float: left; margin-right: 5px; width: 12px; height: 12px; border: solid 1px #999999; } .cont_box { margin-bottom: 10px; margin-left: auto; margin-right: 10px; border: solid 1px #dddddd !important; border-radius: 4px !important; padding-top: 10px !important; padding-bottom: 0px !important; padding-left: 10px !important; } .cont_box2 { margin-left: auto; margin-right: auto; padding-top: 5px !important; padding-bottom: 0px !important; padding-left: 15px !important; } #blu { background-color: #6495ed; /* blue old:#3e969d */ } #gre { background-color: #909090; /* grey old:#3e969d */ } #grn { /* background-color: #74c6ac; */ /* light green old:#3e969d */ background-color: #97C760; } #yel { /* background-color: #ffd700; */ /* yellow old:#f1d45e */ background-color: #FFD700; } #red { /* background-color: #ce3122; */ /* orangered old:#e2472d */ background-color: #D74860; } #spinner { background-image: url(images/wait.gif); background-repeat: no-repeat; width: 100px; height: 100px; position: absolute; left: 50%; top: 30%; z-index: 5000; } #kc_spin { background-image: url(images/wait.gif); background-repeat: no-repeat; width: 100px; height: 100px; position: absolute; left: 45%; top: 45%; z-index: 5000; } #showInfo { z-index: 5002; } .btx { font-family: 'Times New Roman', Times, serif; font-size: 4px; } .h_sz { padding-left: 2px; } #sig_grp { width: 410px; margin-left: auto; margin-right: auto; } #sig_name { width: 392px; margin-top: 5px; } .cell-mid { vertical-align: middle !important; display: table-cell; } .gl-c { text-align: center !important; } .gl-r { text-align: right !important; } #acdt { width: 478px; border: 1px solid #7BCAE1; } .acd { border: 1px solid #7BCAE1; padding: 4px !important; font-size: 11px !important; } .cact { text-align: left; } .dropdown-menu { font-size: 14px !important; } #bt_tbl { margin-left: auto; margin-right: auto; } #bt_tbl td { padding: 5px; } #bt_tbl_x { margin-top: 30px; margin-left: auto; margin-right: auto; } #bt_tbl_x td { padding: 5px; } #bt_bnum { font-size: 26px; font-weight: bold; padding-left: 10px; } #bt_sz { font-size: 14px; padding-top: 4px; padding-left: 10px; } #bt_ns { margin-top: 0px; margin-bottom: 0px; margin-left: 6px; padding-right: 4px; } .bpcc { margin-top: 20px; margin-left: 200px; margin-bottom: 20px; } .no-border, .no-border>tbody>tr>td, .no-border>td, .no-border>th { border: none !important; } .bstb { margin: 6px auto 6px auto; border-collapse: collapse; padding: 10px; } .bstd { padding-top: 6px; padding-left: 20px; } .bstdr { padding-top: 4px; padding-bottom: 12px; } .spth { padding-left: 10px; padding-right: 10px; font-size: 12px; border: 1px solid #cccccc; } .sptb { text-align: right; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; font-size: 16px; font-weight: 500; border: 1px solid #cccccc; } #showContract { width: 600px; padding-left: 20px; padding-right: 20px; } #boo_price { text-align: center; font-weight: 500; padding-bottom: 20px; } #pay_tb { margin: 0 auto 30px auto; } #amt_due { font-weight: 600; margin-left: 6px; } #amt_type { font-weight: 600; } #price_tbl { width: 400px; margin: 1px auto 8px auto; } #corner_note { margin-top: 8px; font-size: 12px; } .ci_hdr { width: 400px; margin: 2px auto 2px auto; } #ci_company { width: 340px; margin: 2px auto 2px auto; font-weight: 500; } #ci_web { width: 340px; margin: 2px auto 10px auto; font-weight: 500; } #ci_contact { width: 340px; margin: 2px auto 10px auto; font-weight: 500; } .dep_inst { width: 480px; margin: 2px auto 20px auto; } #bird { font-size: 12px; font-weight: 600; text-align: center; padding: 6px 0 6px 0; } /* .mra_contact { font-size: 18px; font-weight: 500; margin: 6px 30px 4px 184px; text-align: center; color: #ce3122; } .emm { color: #ce3122; } */ .pay_tbx { width: 460px; margin: 10px auto 10px auto; } #pay_form .pff .form-control-feedback { top: 0; right: 5px; } #pay_form .pf .form-control-feedback { top: 0; right: 50px; } .ppxx { font-size: 13px; padding-left: 20px !important; } .ptb { vertical-align: top !important; } .ptbb { vertical-align: top !important; padding-bottom: 10px !important; } .ptt { vertical-align: top !important; padding-top: 10px !important; } .pttt { vertical-align: top !important; padding-top: 6px !important; } #acct_zip { width: 100px; } #acct_ccid { width: 100px; } #exp_mm { width: 115px; } #exp_yy { width: 115px; } #pay_amt { width: 100px; } .rreq { text-align: right; font-size: 12px; color: #D74860 !important; padding-right: 10px; } .hd2 { font-size: 16px; font-weight: 500; } .zpdf { text-align: center; } #main_logo3 { display: block; margin-left: auto; margin-right: auto; width: 80%; } #i_pdf { margin-left: 4px !important; } #leg_box { // margin-top: 5px; // margin-bottom: 5px; margin-left: auto; margin-right: auto; background-color: #f7f7f7; border: solid 1px #8dabb8 !important; border-radius: 4px !important; width: 100%; } #leg_title { font-weight: 500; font-size: 12px; } #legend { margin-left: 5px; margin-right: 5px; font-family: 'Headland One',serif; font-weight: 400; font-size: 10px; width: 97%; color: #444444; } .key_box { float: center; margin-right: 5px; width: 12px; height: 12px; border: solid 1px #999999; } .is_tool{ float: left; width: 20px; } .tb_txt { float: left; width: 15px; margin-left: 5px; } .dropdown-menu-right { right: 0; left: auto; } @media screen and (min-width: 750px) { .mmtc_log { width: 277px; /* width for laptop */ } .symp_log { width: 171px; /* width for laptop */ } .modal-lg { width: 950px; /* New width for large modal */ } } @media screen and (max-width: 749px) { .mmtc_log { width: 100px; /* width for mobile */ } .symp_log { width: 100px; /* width for mobile */ } .modal-dialog { width: 700px; /* New width for default modal */ } .modal-sm { width: 300px; /* New width for small modal */ margin-left: -150px; } #zoom_in { font-size: 6px; } #zoom_out { font-size: 6px; } #reload { font-size: 6px; } #scroll_up { font-size: 6px; } #scroll_lf { font-size: 6px; } #scroll_rt { font-size: 6px; } #scroll_dn { font-size: 6px; } .btn-xs { height: 22px; padding: 2px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #t_pdf { font-size: 6px; } #t_list { font-size: 6px; } .btn-tool { height: 22px; width: 2px; padding: 3px 0px; font-size: 6px; line-height: 1.5; border-radius: 3px; } .tb_txt { width: 10px; } #leg_box { width: 180px; padding: 0px 0px; } #leg_title { display: none; } #legend { font-size: 7px; border-spacing: 0; border-collapse: collapse; } .key_box { width: 4px; height: 4px; margin-right: 2px; } } </style> </head> <body> <input type='hidden' name='form_id' id='form_id' value='9c9f920fe4d627e674646f6c2138fba1'><input type='hidden' name='active_booth' id='active_booth' value=''>  <div id='header'> <table width=100% border=0> <tr> <td align=left> <img id='main_logo' src='images/AIGV-logo.png' width= '250' height='100'> </td> <td>  </td> <td>  </td> <td valign=top id='main_loc' class='title_box'> <font class='show_title'> AI World Government<br> </font> <font class='show_loc'> October 6-7, 2022<br>Grand Hyatt Washington - Constitution CDE &there4; Washington DC </font> </td> <td align=right valign='top' width=40%> <table id='nav' border=0> <tr> <td><button class='btn btn-xs' type='button' rel='tooltip' title='Zoom In' id='zoom_in'> <i class='fa fa-plus glyphicon-white'></i></button></td> <td class='bts'> </td> <td><button class='btn btn-xs' type='button' rel='tooltip' title='Zoom Out' id='zoom_out'> <i class='fa fa-minus glyphicon-white'></i></button></td> <td class='bts'> </td> <td><button class='btn btn-xs' type='button' rel='tooltip' title='Reload Map' id='reload'> <i class='fa fa-refresh glyphicon-white'></i></button></td> <td class='bts'> </td> <td><button class='btn btn-secondary btn-xs' type='button' id='t_pdf'> <span class='is_tool'> <i id='i_pdf' class='fa fa-download glyphicon-large i_b'></i> </span> <span class='tb_txt'> PDF</span> </button></td> <td class='bts'> </td> <td> <div class='dropdown'> <button class='btn btn-secondary btn-xs dropdown-toggle' data-toggle='dropdown' type='button' id='t_list'> <span class='is_tool'> <i id='i_list' class='fa fa-list glyphicon-large i_b'></i> </span> <span class='tb_txt'> List</span> </button> <ul class="dropdown-menu dropdown-menu-right" role="menu"> <li><a id='list_a' href='#'>Exhibitor List - Alpha</a></li> <li><a id='list_b' href='#'>Exhibitor List - Booth Number</a></li> </ul> </div> </td> </tr> <tr> <td colspan=9> <div id='leg_box'> <table id='legend' cellspacing=0 cellpadding=0 border=0> <tr> <td colspan=12 align=center id='leg_title'>Key</td> </tr> <tr> <td align=center><div id='grn' class='key_box'></div></td> <td>Available</td> <td class='bts'> </td> <td align=center><div id='gre' class='key_box'></div></td> <td>Reserved for Sponsor</td> <td class='bts'> </td> <td align=center><div id='yel' class='key_box'></div></td> <td>Reserved</td> <td class='bts'> </td> <td align=center><div id='red' class='key_box'></div></td> <td>Sold</td> <td class='bts'> </td> </tr> </table> </div> </td> </tr> </table> </td>   </tr> </table> </div> <br><br>  <div class='tab-content'> <div id='map-box'> <object id="boomap" type="image/svg+xml" data="make_bsvg.reg" onload="map_loaded()"></object> </div> </div> <div id='spinner'><div>  <div id='showList' class='modal hide' tabindex='-1' data-backdrop='true'> <div class='modal-header'> <button type='button' class='close' data-dismiss='modal'>×</button> <h3 id='sl_mbn'>Exhibiting Company List</h3> <div id='list_ord'></div> </div> <div class='modal-body'> <div id='ex_list'></div> </div> <div class='modal-footer'> <button class='btn' data-dismiss='modal'>Close</button> </div> </div>   <div id='showCInfo' class='modal hide' tabindex='-1' data-backdrop='static'> <div class='modal-header'> <button type='button' class='close' data-dismiss='modal'>×</button> <h3 id='pci_mbn'>Booth</h3> </div> <div class='modal-body'> <div class='cont_box'> <div class='text-info ci_hdr'>Exhibiting Company</div> <div id='ci_company'></div> <div id='ci_web'></div> <div class='text-info ci_hdr'>Point of Contact</div> <div id='ci_contact'></div> </div> </div> <div class='modal-footer'> <button class='btn' data-dismiss='modal'>Close</button> </div> </div>   <div id='showInfo' class='modal modal-dialog modal-sm' tabindex='-1' data-backdrop='true'> <div class='modal-content'> <div class='modal-header'> <button type='button' class='close' data-dismiss='modal'>×</button> <h3 id='bi_hdr'>Booth</h3> </div> <div class='modal-body'> <div id='b_info'>.</div> </div> <div class='modal-footer'> <button class='btn' data-dismiss='modal'>Close</button> </div> </div> </div>  </div>   <script src='js/jquery-1.9.0.min.js'></script> <script src='js/bootstrap.min.js'></script> <script> // Sold #D74860 Red // Reserved #FFD700 Gold // Available #97C760 green var win_w = 0; var win_h = 0; var map_w = 0; var map_h = 0; var obj_h = 0; var zzf = 0; var obj = ''; var svgObj = ''; var map_id = ''; var floor_id = ''; var svg_width = 0; var svg_height = 0; var canv_width = 0; var canv_height = 0; var new_zf = 12.0; var transMatrix = [1,0,0,1,0,0]; var init_zoom = ''; //var old_exhibitors = []; var curr_booth = ''; var curr_boo_num = ''; var next_map = 1; var pay_session = ''; var sh_cust_price = 'N'; var sh_c_price = 'TBD'; var sh_m_price = 'TBD'; var sh_n_price = 'TBD'; $(window).on("beforeunload", function(e) { abort_contract(); }); $(document).ready(function() { init_zoom = true; // $('[rel=tooltip]').tooltip({container: 'body'}); $('#kc_spin').hide(); // Set initial window size win_w = $(window).width(); map_w = $('#map-box').width(); win_h = ($(window).height()); map_h = (win_h - ($('#header').height() + 95)); $('#map_sz').html(map_w + ' x ' + map_h); $('#map-box').css('height', map_h); var viewportWidth = $(window).width(); // if (viewportWidth > 800){ // $('#main_loc').show(); // }else{ // $('#main_loc').hide(); // } // Initial zoom (new zoom does not use 4gl zoom) $('#map-box').css('visibility','hidden'); $(window).resize(function() { win_w = $(window).width(); map_w = $('#map-box').width(); win_h = ($(window).height()); map_h = (win_h - ($('#header').height() + 95)); $('#map_sz').html(map_w + ' x ' + map_h); $('#map-box').css('height', map_h); }); // Click actions // Tool triggers $('#zoom_in').click(function() { new_zf = (new_zf + 0.50); zoom_new(new_zf); }); $('#zoom_out').click(function() { new_zf = (new_zf - 0.50); zoom_new(new_zf); }); $('#reload').click(function() { $('#map-box').css('visibility','hidden'); $('#spinner').show(); $('#map-box').html("<object id='boomap' type='image/svg+xml' " + "data='make_bsvg.reg?map=" + next_map + "' onload='map_loaded();'></object>"); }); $('#scroll_up').mousedown(f_scroll_up).mouseup(f_scroll_stop); $('#scroll_dn').mousedown(f_scroll_dn).mouseup(f_scroll_stop); $('#scroll_lf').mousedown(f_scroll_lf).mouseup(f_scroll_stop); $('#scroll_rt').mousedown(f_scroll_rt).mouseup(f_scroll_stop); $('#t_pdf').click(function() { // $('.t_b').removeClass('btn-inverse'); $('.i_b').removeClass('glyphicon-white'); // $('#t_pdf').addClass('btn-inverse'); $('#i_pdf').addClass('glyphicon-white'); tool_pdf(); }); $('#list_a').click(function() { show_list('a'); }); $('#list_b').click(function() { show_list('b'); }); // Update timer upd_timer = 5000; // 5 sec // setInterval(get_booth_status, upd_timer); }); function map_loaded() { obj = document.getElementById('boomap'); svgObj = obj.contentDocument; // var tool = $('#node').html(tool); // switch (tool) { // // case 'info': // svgObj.getElementById('map').style.cursor='pointer'; // break; // // case 'move': // svgObj.getElementById('map').style.cursor='move'; // break; // // default: // svgObj.getElementById('map').style.cursor='default'; // } floor_id = svgObj.getElementById('floor'); map_id = svgObj.getElementById('map'); svg_width = parseInt(map_id.getAttribute('width'), 10); svg_height = parseInt(map_id.getAttribute('height'), 10); canv_width = parseInt(floor_id.getAttribute('width'), 10); canv_height = parseInt(floor_id.getAttribute('height'), 10); if (init_zoom == true) { init_zoom = false; new_zf = ((map_w-10)/canv_width); } zoom_new(new_zf); } // Tool functions function zoom_new(scale) { if (scale < 0.3) { scale = 0.3; new_zf = 0.3; } if (scale > 10.0) { scale = 10.0; new_zf = 10.0; } transMatrix = [1,0,0,1,0,0]; for (var i=0; i < transMatrix.length; i++) { transMatrix[i] *= scale; } var n_canv_width = (canv_width * scale); var n_canv_height = (canv_height * scale); // transMatrix[4] += (1-scale) * svg_width/2; translate after zoom // transMatrix[5] += (1-scale) * svg_height/2; floor_id.setAttribute('width', n_canv_width); floor_id.setAttribute('height', n_canv_height); newMatrix = "matrix(" + transMatrix.join(' ') + ")"; map_id.setAttribute('transform', newMatrix); $('#map-box').css('visibility','visible'); $('#spinner').hide(); zzf = scale.toFixed(2); $('#zoom_f').html(zzf); } // Scroll functions function f_scroll_up() { $('#map-box').animate({scrollTop: '-=40'}, f_scroll_up); } function f_scroll_dn() { $('#map-box').animate({scrollTop: '+=40'}, f_scroll_dn); } function f_scroll_lf() { $('#map-box').animate({scrollLeft: '-=40'}, f_scroll_lf); } function f_scroll_rt() { $('#map-box').animate({scrollLeft: '+=40'}, f_scroll_rt); } function f_scroll_stop() { $('#map-box').stop(); } function tool_pdf() { var tool = 'pdf'; // self.frames['svg_map'].document.getElementById('map').style.cursor='auto';" // document.getElementById('node').firstChild.nodeValue=tool;" // self.frames['svg_map'].document.getElementById('next_act').firstChild.nodeValue=tool;" // document.getElementById('tt_1').style.backgroundColor='GhostWhite';" // document.getElementById('tt_2').style.backgroundColor='GhostWhite';" // document.getElementById('tt_3').style.backgroundColor='GhostWhite';" // document.getElementById('tt_4').style.backgroundColor='GhostWhite';" // document.getElementById('tt_5').style.backgroundColor='GhostWhite';" // document.getElementById('tt_9').style.backgroundColor='GhostWhite';" // document.getElementById('tt_10').style.backgroundColor='Gold';" var rpt=window.open('pdf/pre.reg','PDF','width=800,height=800,screenY=10,resizable=yes,scrollbars=yes,toolbar=no,location=no,status=no,menubar=no'); rpt.focus();return false; // var rpt=window.open('pdf/pdf_intro.reg','PDF','width=800,height=800,screenY=10,resizable=yes,scrollbars=yes,toolbar=no,location=no,status=no,menubar=no'); rpt.focus();return false; } function show_list(ord) { if ($('.modal').is(':visible')) { $('.modal').modal('hide'); } if (ord == 'a') { $('#list_ord').html("<p class='muted'> by Company Name</p>"); } else { $('#list_ord').html("<p class='muted'> by Booth Number</p>"); } $.post('nup/get_list.reg', { form_id: $('#form_id').val(), g_ord: ord }, function(data) { $('#ex_list').html(data); } ) .error(function() { alert('get list error'); }); $('#showList').appendTo('body').modal('show'); } function show_company_info(booth_obj) { if ($('.modal').is(':visible')) { $('.modal').modal('hide'); } var booth_id = booth_obj.id.substring(1); curr_booth = booth_id; var booth_num = booth_obj.getAttribute('boo_num'); curr_boo_num = booth_num; var booth_stat = booth_obj.getAttribute('boo_stat'); $('#pci_mbn').html('Booth ' + booth_num); $('#ci_company').html(''); $('#ci_web').html(''); $('#ci_contact').html(''); $.post('nup/get_cinfo.reg', { form_id: $('#form_id').val(), g_booth: curr_booth }, function(data) { try { var json = $.parseJSON(data); $('#ci_company').html($.trim(json.company)); $('#ci_web').html($.trim(json.web)); $('#ci_contact').html($.trim(json.contact)); $('#showCInfo').appendTo('body').modal('show'); } catch(e) { alert ('Error. ' + data); } } ) .error(function() { alert('Find company error'); }); } function get_booth_status() { // Sold #ce3122 IndianRed // Reserved #ffd700 Gold // Sponsor #6495ED Blue // Sponsor (NEW) #909090 Grey // Available #74c6ac MediumAquaMarine var obj = document.getElementById('boomap'); var svgObj = obj.contentDocument; // console.log(svgObj.getElementById('b1307')); var $svgObj = $(svgObj); $('#err').html(''); $('#spin2').show(); $.post('nup/get_boo_stat.reg', { form_id: $('#form_id').val(), g_map_pg: next_map }, function(data) { // alert('Got: ' + data); data = $.trim(data); try { var json = $.parseJSON(data); // alert('Got: ' + data); // console.log(data); for (b_cnt = 0; b_cnt < json.boo.length; b_cnt++) { var bo = $.trim(json.boo[b_cnt].b); var st = $.trim(json.boo[b_cnt].s); var og = $.trim(json.boo[b_cnt].o); //svgObj.getElementById(bo).setAttribute('company', og); $svgObj.find('#'+bo).attr('company', og); // #CE3122 #74C6AC // alert(st); // break; switch (st) { case "S": $svgObj.find('#'+bo).attr('fill', '#D74860') .attr('status', st) .attr('onmouseover', 'hilight(evt,"' + og + '")'); //svgObj.getElementById(bo).setAttribute('fill', '#CE3122'); break; case "R": $svgObj.find('#'+bo).attr('fill', '#FFD700') .attr('status', st) .attr('onmouseover', 'hilight(evt,"' + og + '")'); //svgObj.getElementById(bo).setAttribute('fill', '#FFD700'); break; case "Z": $svgObj.find('#'+bo).attr('fill', '#909090') .attr('status', st) .attr('onmouseover', 'hilight(evt,"' + og + '")'); break; default: // alert(st); $svgObj.find('#'+bo).attr('fill', '#97C760') .attr('status', st) .attr('onmouseover', 'hilight(evt,"' + og + '")'); // console.log(svgObj.getElementById(bo)); // console.log(svgObj); // console.log(bo); // svgObj.getElementById(bo).setAttribute('fill', '#FFFFFF'); // svgObj.getElementById(bo).setAttribute('status', st); // svgObj.getElementById(bo).setAttribute('onmouseover', 'hilight(evt,"' + og + '")'); } } $('#spin2').hide(); } catch(e) { console.log('catch'); $('#err').html('Warning - ' + data); $('#spin2').hide(); } } ) .error(function() { $('#err').html('Error - Cannot get booth status.'); $('#spin2').hide(); }); } function show_info(booth_obj) { if ($('.modal').is(':visible')) { $('.modal').modal('hide'); } $('#b_info').html(''); var booth_id = booth_obj.id.substring(1); curr_booth = booth_id; var booth_num = booth_obj.getAttribute('boo_num'); $('#bi_hdr').html('Booth ' + booth_num); // Check Status var booth_stat = booth_obj.getAttribute('boo_stat'); switch (booth_stat) { case 'A': $('#b_info').html('<div id="b_stat">Booth Available</div>'); $('#showInfo').appendTo('body').modal('show'); break; case 'Z': $('#b_info').html('<div id="b_stat">Sponsor Booth Available</div>'); $('#showInfo').appendTo('body').modal('show'); break; case 'R': $('#b_info').html('<div id="b_stat">Booth Reserved</div>'); $('#showInfo').appendTo('body').modal('show'); break; case 'X': $('#b_info').html('<div id="b_stat">Booth Pending Sale</div>'); $('#showInfo').appendTo('body').modal('show'); break; case 'S': $.post('nup/get_booth.reg', { form_id: $('#form_id').val(), p_booth: curr_booth }, function(data) { $('#b_info').html(data); $('#showInfo').appendTo('body').modal('show'); } ) .error(function() { alert('get booth error'); }); break; default: alert('Error: unknown booth status.'); break; } } </script> </body> </html>