Javascript/XML Layout of weppage looks different running on Tomcat Server

Fallen Legend

New Member
I'm working on a chatbot right now, running on an apache tomcat server.The functionality of the bot works, but the layout of the weppage looks different when I load it with tomcat.how it should lookhow it looksThis is my code:<?xml version="1.0" encoding="UTF-8" ?><html xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:aiml="http://aitools.org/programd/4.6/taglib/aiml" xmlns="http://www.w3.org/1999/xhtml"> <jsp:directive.page contentType="text/html; charset=UTF-8" /> <c:set var="botName"><aiml:bot name="name" /></c:set> <head> <title>Program D: Conversation with <c:eek:ut value="http://stackoverflow.com/questions/15879707/${botName}" /></title> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15879707/pages/programd.css" /> <link rel="stylesheet" href="http://stackoverflow.com/questions/15879707/pages/jquery-ui.css"/> <script src="http://stackoverflow.com/questions/15879707/pages/jquery-1.8.3.js"><!-- --></script> <script src="http://stackoverflow.com/questions/15879707/pages/jquery-ui.js"><!-- --></script> <script type="text/javascript">$.noConflict();</script> <script type="text/javascript" src="http://stackoverflow.com/questions/15879707/pages/available-tags.js"><!-- --></script> <script type="text/javascript" src="http://stackoverflow.com/questions/15879707/dwr/interface/bot.js"><!-- --></script> <script type="text/javascript" src="http://stackoverflow.com/questions/15879707/dwr/engine.js"><!-- --></script> <script type="text/javascript" src="http://stackoverflow.com/questions/15879707/dwr/util.js"><!-- --></script> <script type="text/javascript" src="http://stackoverflow.com/questions/15879707/pages/programd.js"><!-- --></script> <script type="text/javascript"> var botName = '<c:eek:ut value="http://stackoverflow.com/questions/15879707/${botName}" />'; </script> </head><body onload="DWRUtil.useLoadingMessage();"><div id="header"/><div id="interaction"> <embed src="http://stackoverflow.com/questions/15879707/pages/bot.swf" height="200" width="200" hspace="100" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash"/> <div id="last-user-input-box" class="box"> <h2><span class="user-name"/>Sie:</h2> <div id="last-user-input"></div> </div> <div id="last-bot-reply-box" class="box"> <h2><span class="bot-name"/>Alice:</h2> <div id="last-bot-reply"></div> </div> <div id="user-input-box" class="box"> <span style="color: white">Ihre Frage an Alice</span> <br/> <input size="55" id="user-input"/> <script> (function($) { var tags = availableTags; $( "#user-input" ).autocomplete({ minLength: 5 },{ source: function( request, response ) { var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" ); response($.grep( tags, function( item ){ return matcher.test( item ); }) ); } }); })(jQuery); </script> <input onclick="submit();" value="http://stackoverflow.com/questions/15879707/Fragen" class="button" name="Talkbutton" type="button"/> </div> <div id="user-search-box" class="box"> <span style="color: white">Google- und medizinische Datenbanksuche</span> <br/> <span style="color:#23384E">Suche nach:</span> <br/> <input value="http://stackoverflow.com/questions/15879707/Medizin" name="default2" type="checkbox"/><label for="default1">Medizin</label> <input value="http://stackoverflow.com/questions/15879707/Medikamente" name="default1" type="checkbox"/><label for="default2">Medikamente</label> <br/> <input value="http://stackoverflow.com/questions/15879707/Therapie" name="default4" type="checkbox"/><label for="default1">Therapie </label> <input value="http://stackoverflow.com/questions/15879707/Hilfe" name="default3" type="checkbox"/><label for="default2">Hilfe</label> <br/> <input value="http://stackoverflow.com/questions/15879707/Forschung" name="default6" type="checkbox"/><label for="default1">Forschung</label> <input value="http://stackoverflow.com/questions/15879707/Diagnose" name="default5" type="checkbox"/><label for="default2">Diagnose</label> <br/> <span style="color:#23384E">Zus?tzlicher Suchbegriff:</span> <br/> <input size="55" id="user-search"/> <input onclick="search(this);" value="http://stackoverflow.com/questions/15879707/Suchen" class="button" name="Searchbutton" type="button"/> </div> <div id="checked-input-box" class="box"> <div id="checked-input"></div> </div></div><div id="dialogue-history-box" class="box"> <h2>Dialogue History</h2> <div id="dialogue-history"></div></div></body></html>When I change my "html xmlns ...." tag to only<html xmlns="http://www.w3.org/1999/xhtml">and change some parts of the code so no errors occure, the Bot stops working, but the layout looks fine again.I hope somebody can help me, thank you !
 
Top