Start
Country
Terminal
Destination
Country
Terminal
Delivery date
Departure on
Arrival on
HTML Code of input generator:
Head
<script type="text/javascript" src="/hafas-res/js/calendarpopup.js"></script> <script type="text/javascript" src="/hafas-res/js/hafas_standard.js"></script> <script type="text/javascript" src="/hafas-res/js/prototype.js"></script> <script type="text/javascript" src="/hafas-res/js/terminals.js"></script> <link rel="stylesheet" type="text/css" href="/hafas-res/css/calendar.css"> <style type="text/css"> <!-- body, .standard {font-family:arial, helvetica;font-size:11px; color:#646464;text-decoration:none; margin: 0; margin-top: 5px;} select,input {font-family:arial, helvetica;font-size:9px;color:#646464;text-decoration:none;background:#f7f7f7;} table.contentBox {background: #fff; width: 197px;} table.contentBox td {padding: 1px 0px 2px 0px;} table.contentBox .caption {font-size: 9px; font-weight: bold; padding: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; vertical-align:top;} input.submit {color:#396b92;text-decoration: none; font-size: 11px; border: none;padding-top: 2px;padding-right: 2px; padding-left: 3px; background: url(http://hafassrv.hacon.de/img/kv/link.gif) left no-repeat;} --> </style> <script type="text/javascript" id="jscal1x"> <!-- var cal = new CalendarPopup('caldiv'); cal.setMonthNames('January','February','March','April','May','June','July','August','September','October','November','December'); cal.setDayHeaders('S','M','T','W','T','F','S'); cal.setWeekStartDay(1); cal.setTodayText("today"); cal.showNavigationDropdowns(); cal.setCssPrefix("kv_"); cal.setReturnFunction("setDate"); // Daten werden "disabled", wenn die Fahrplanperiode bekannt ist // Fix für IE if (navigator.appVersion.indexOf("MSIE")!=-1) { cal.offsetX = -426; cal.offsetY = -82; } else { cal.offsetX = -154; cal.offsetY = -78; } document.write(getCalendarStyles()); //--> </script>
Body
<script type="text/javascript"> <!-- var baseUrlHelp = "http://kombiverkehr.hafas.de/bin/help.exe/enl?"; var baseUrlQuery = "http://kombiverkehr.hafas.de/bin/query.exe/enl?"; var envForm = "quick"; var month = new Array('January','February','March','April','May','June','July','August','September','October','November','December'); //--> </script> <form action="http://kombiverkehr.hafas.de/bin/query.exe/en?" name="formular" method="post" onSubmit="checkForm()" target="journeyplanner" style="display:inline"> <table class="contentBox" cellspacing="0"> <tr> <td class="caption"> <table cellspacing="0" style="width:100%;padding:0;margin:0;"> <tr> <td class="caption" style="margin:0;padding:0;padding-bottom: 7px;">Start</td> <td class="caption" style="text-align:right;margin:0;padding:0;"> <a target="kvterm" onclick="updateDep('from');popUp('about:blank','kvterm','term');" href="http://kombiverkehr.hafas.de/selectterminal_en_start.html"><img src="/hafas-res/img/fp_term_btn.gif" height="15" width="15" alt="" border="0" style="margin-bottom: -1px; margin-left: 3px; margin-right: 2px;" onmouseover="this.src='/hafas-res/img/fp_term_btn_mo.gif'" onmouseout="this.src='/hafas-res/img/fp_term_btn.gif'" /></a> </td> </tr> </table> </td> </tr> <tr> <td> <select name="countryfrom" id="countryfrom" onChange="adaptTerminals('from');" onClick="updateDep('from');" style="width:100%;"/> <option value="0">Country</option> </select> </td> </tr> <tr> <td> <select name="terminalfrom" id="terminalfrom" onClick="updateDep('from');" style="width:100%;"/> <option value="">Terminal</option> </select> </td> </tr> <tr> <td class="caption"> <table cellspacing="0" style="width:100%;padding:0;margin:0;"> <tr> <td class="caption" style="margin:0;padding-top:3px; padding-bottom:6px;">Destination</td> <td style="text-align:right;margin:0;padding:0;"> <a target="kvterm" onclick="updateDep('from');popUp('about:blank','kvterm','term');" href="http://kombiverkehr.hafas.de/selectterminal_en_ziel.html"><img src="/hafas-res/img/fp_term_btn.gif" height="15" width="15" alt="" border="0" style="margin-bottom: -1px; margin-left: 3px; margin-right: 2px;" onmouseover="this.src='/hafas-res/img/fp_term_btn_mo.gif'" onmouseout="this.src='/hafas-res/img/fp_term_btn.gif'" /></a> </td> </tr> </table> </td> </tr> <tr> <td> <select name="countryto" id="countryto" onChange="adaptTerminals('to');" onClick="updateDep('from');" style="width:100%;" /> <option value="">Country</option> </select> </td> </tr> <tr> <td> <select name="terminalto" id="terminalto" onClick="updateDep('from');" style="width:100%;" /> <option value="">Terminal</option> </select> </td> </tr> <tr> <td class="caption"> <table cellspacing="0" style="width:100%;padding:0;margin:0;"> <tr> <td class="caption" style="margin:0;padding:0;vertical-align:bottom; padding-top:6px; padding-bottom:8px;"> Delivery date<input type="hidden" name="wDayExt0" value="Mo|Di|Mi|Do|Fr|Sa|So" /> </td> <td style="text-align:right;margin:0;padding:0; padding-top:4px;"> <input type="hidden" name="REQ0JourneyDate" id="REQ0JourneyDate" value="" /> <input type="hidden" name="REQ0JourneyTime" value="00:00" maxlength="5" /> <a href="javascript:void(0);" onclick="getFP();cal.select(document.formular.REQ0JourneyDate,'cal_anchor','dd.MM.yyyy'); return false;"><img src="/hafas-res/img/fp_cal_btn.gif" height="17" width="16" alt="" border="0" style="border:none; margin-bottom: 4px; margin-right: 2px;" onmouseover="this.src='/hafas-res/img/fp_cal_btn_mo.gif'" onmouseout="this.src='/hafas-res/img/fp_cal_btn.gif'" /></a> <a name="cal_anchor" id="cal_anchor"></a> </td> </tr> </table> </td> </tr> <tr> <td> <select name="REQHafasSearchForw" style="width:100%;" > <option value="1">Departure on</option> <option value="0">Arrival on</option> </select> </td> </tr> <tr> <td style="padding:0;"> <script type="text/javascript"> <!-- getToday(); document.getElementById("REQ0JourneyDate").value=todayDay+"."+todayMonth+"."+todayYear; //--> </script> <select name="journeyDay" id="journeyDay" style="width:40px;" onClick="getFP()" onChange="updateDate()"> <script type="text/javascript"> <!-- for(var i = 1; i <= 31; i++){ var selectDay = ""; if(i == todayDay) selectDay = "selected=\"selected\""; document.write("<option value=\""+i+"\" "+selectDay+">"+i+"<\/option>"); } //--> </script> </select> <select name="journeyMonth" id="journeyMonth" style="width:153px;" onClick="getFP()" onChange="updateMonth()"> <script type="text/javascript"> <!-- document.write("<option value=\""+todayYear+""+(todayMonth-1)+"\">"+month[todayMonth-1]+" "+todayYear+"<\/option>"); //--> </script> </select> </td> </tr> <tr> <td style="text-align: right;"> <input type="submit" value="Search connection" name="start" title="Suchen" alt="Suchen" accesskey="s" class="submit" onmouseover="this.style.color= '#ce0000';" onmouseout="this.style.color= '#396b92';" /> </td> </tr> </table> </form> <div id="caldiv" class="calendar" style="position:absolute;visibility:hidden;background-color:white;layer-background-color:white;z-index:1000;width:150px;"></div>