Also wenn ich den Code so als htm speicher und teste funktioniert das ganze. kopier ich den den Code in meinen Blog krieg ich nix angezeigt beim autocomplete Formular. Für Tips wo das Prob liegt wäre ich dankbar.
Gruss
Ben
Code
<style>.af {
position: absolute;
margin-top:-3px;
background:white;
border:#ccc solid 1px;
}
.autolist { font-family:arial; font-size:12px; cursor:pointer; }
.autolist:hover { background:#F6931E; color:white; }
</style>
<script language="JavaScript"
type="text/javascript">
// <![CDATA[
var XMLHTTP = null;
if (window.XMLHttpRequest) {
XMLHTTP = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
XMLHTTP =
new ActiveXObject("Msxml2.XMLHTTP");
} catch (ex) {
try {
XMLHTTP =
new ActiveXObject("Microsoft.XMLHTTP");
} catch (ex) {
}
}
}
function DatenAusgeben() {
if (XMLHTTP.readyState == 4) {
var d = document.getElementById("Daten");
d.innerHTML = XMLHTTP.responseText;
}
}
var bvar = null;
function load(bvar) {
XMLHTTP.open("POST", "http://ygopro.de/cardsserver.php", true);
XMLHTTP.onreadystatechange = DatenAusgeben;
XMLHTTP.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
XMLHTTP.send("a=" + document.getElementById('input').value + "&b=" + bvar);
}
function sendText(e, text) {
e.value = text;
}
// ]]>
</script>
<table>
<form name="autofill" action="http://ygopro.de/kartensuche-ergebnis/" method="post">
Suchen:
<tr>
<th>Name:</th>
<th><input id="input" type="text" value="" onkeyup="load()" name="suche" autocomplete="off" size="25"></div><br />
<div id="Daten" class="af"><!-- Hier der Inhalt Autocomplete --></th>
</tr>
<tr>
<th>GBA Nummer:</th>
<th><input type="text" maxlength="25" name="gba" size="25" /></th>
</tr>
<tr>
<th>Level:</th>
<th><input type="text" maxlength="25" name="level" size="25" /></th>
</tr>
<tr>
<th>ATK:</th>
<th><input type="text" maxlength="25" name="atk" size="25" /></th>
</tr>
<tr>
<th>DEF:</th>
<th><input type="text" maxlength="25" name="def" size="25" /></th>
</tr>
<tr>
<th><input style="margin-left: 5px;" type="submit" value="Suchen" /></th>
</tr>
</form>
</table>
Alles anzeigen