Ajax-Hilfe

Xirxu

Hallo Programmierer!

ich hab eine Frage, die für die meisten von euch wahrscheinlich einleuchtend ist-für mich als Einsteiger ins Programmieren jedoch eine Hürde:

Ich habe aus dem Net drei Files:
das erste ist eine .html-Seite, von der aus man eine Ajax-Applikation laufen lassen kann. Die zwei anderen Files sind .js und .asp-Files.
Weiss jemand wo ich diese Files (OS X) hinlegen muss, damit sie miteinander "kommunizieren" können? Bereits versucht hab ich sie alle in einen gleichen Ordner zu legen und alle in den OS X-Webserver zu legen und über den Browser darauf zuzugreiffen- beides erfolglos!

Gruss Dave

GreenRover

aspx datein unter mac OS x ?! hmm ka ob das geht.. aber ich sage nein,,, da diese von einem IIS webserver ausgeführt werden üssen, also mittels Windoofs... wenn das ding net zu groß ist, dann codet dir das sicher einer auf PHP um.

phaziz

Code

<script type="text/javascript" src="/layout/prototype.lite.js"></script>
<script type="text/javascript" src="/layout/moo.fx.js"></script>
<script type="text/javascript" src="/layout/togglenavi.js"></script>

Da ist die Prototype js-Bibliothek eingebunden...die findest DU hier: http://prototype.conio.net/ - eine andere ganz nette Javascript Bibliothek findest Du hier: http://script.aculo.us/ - Prototype ist unter anderem ein Bestandteil der Script.aculo.us-JS-Bibliothek. Habe ich bei mir auch eingebunden (Kontakt, Suchmaschine, BLOG-Kommentare, etc.).

is garnicht so schwör!

Das Scriptaculous und das Prototype sind zwei Programme, die ich in (?) der Website (wo?) integrieren muss damit meine zwei Dateien (html und jsp) miteinander kommunizieren können?
Die autovervollstaendigung.jps sieht so aus:

<%!
static final String[] meinTextArray = {
"aabbcc", "abc 1", "abc1", "abc2", "ajax1", "ajax2", "xyzax", "xyz?§x", "xyzbx", "xyzzx"
};
boolean sorted = false;
%>
<%
response.setHeader("Cache-Control", "no-cache");
String eingabe = request.getParameter( "eingabe" );
if( null != eingabe && 0 < eingabe.trim().length() ) {
if( !sorted ) {
java.util.Arrays.sort( meinTextArray );
sorted = true;
}
StringBuffer auswahl = new StringBuffer();
boolean resultFound = false;
for( int i=0; i<meinTextArray.length; i++ ) {
if( meinTextArray[i].startsWith( eingabe ) ) {
auswahl.append( meinTextArray[i] ).append( ";" );
resultFound = true;
} else {
if( resultFound ) break;
}
}
if( 0 < auswahl.length() ) {
auswahl.setLength( auswahl.length() - 1 );
}
out.println( auswahl.toString() );
}
%>

Das AjaxTest3.html so:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>AJAX-Test: Eingabe-Autovervollst?§ndigung</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style type="text/css">
body { font-family: sans-serif }
a.auswahlzeile {
color: black;
text-decoration: none;
display: block;
width: 100%;
}
a.auswahlzeile:hover {
background-color: #66FF66;
}
</style>
<script language="JavaScript" type="text/javascript">
var req = null;
var eingabetext = "";
var auswahlarray = new Array();
function meinAjaxInit() {
try {
if( window.XMLHttpRequest ) {
req = new XMLHttpRequest();
} else if( window.ActiveXObject ) {
req = new ActiveXObject( "Microsoft.XMLHTTP" );
} else {
alert( "Ihr Webbrowser unterstuetzt leider kein Ajax!" );
}
} catch( e ) {
alert( "Fehler: " + e );
}
}
function meinAjaxAufruf( eingabe ) {
meinAjaxInit();
if( req ) {
eingabetext = eingabe;
document.formular.eingabefeld.focus();
var url = "autovervollstaendigung.jsp?eingabe=" + escape( eingabetext );
req.open( "GET", url, true );
req.onreadystatechange = meineCallbackFkt;
req.send( null );
}
}
function meineCallbackFkt() {
if( 4 == req.readyState ) {
if( 200 != req.status ) {
alert( "Fehler " + req.status + ": " + req.statusText );
} else {
var auswahlinhalt = "";
var text = req.responseText;
if( text != "" ) {
auswahlarray = text.split( ";" );
for( var idx in auswahlarray ) {
auswahlinhalt += "<a href='javascript:meinMausklick(" + idx + ")' id='" + idx;
auswahlinhalt += "' class='auswahlzeile' onmouseover='meinMausover("+idx+")'>";
auswahlinhalt += auswahlarray[idx] + "</a>";
}
document.getElementById( "auswahlbox" ).innerHTML = auswahlinhalt;
}
if( auswahlinhalt != "" ) {
document.getElementById( "auswahlbox" ).style.visibility = "visible";
} else {
document.getElementById( "auswahlbox" ).style.visibility = "hidden";
}
}
}
}
function meinMausklick( idx ) {
if( auswahlarray[idx] != null && auswahlarray[idx] != "" ) {
var eingabefeld = document.formular.eingabefeld;
eingabefeld.value = auswahlarray[idx];
eingabefeld.focus();
document.getElementById( "ergebnisanzeige" ).innerHTML = auswahlarray[idx];
document.getElementById( "auswahlbox" ).style.visibility = "hidden";
}
}
function meinMausover( idx ) {
if( auswahlarray[idx] != null && auswahlarray[idx] != "" ) {
var eingabefeld = document.formular.eingabefeld;
var start = eingabetext.length;
var laenge = auswahlarray[idx].length;
eingabefeld.value = auswahlarray[idx];
if( eingabefeld.createTextRange ) {
var Auswahl = eingabefeld.createTextRange();
Auswahl.moveStart( "character", start );
Auswahl.moveEnd( "character", laenge - start );
Auswahl.select();
} else if( eingabefeld.setSelectionRange ) {
eingabefeld.setSelectionRange( start, laenge );
}
eingabefeld.focus();
}
}
</script>
</head>
<body>
<h2>Personensuche</h2>
<noscript>
<font color="red"><big>Bitte JavaScript einschalten!</big></font>

</noscript>
<div id="ergebnisanzeige">Bitte geben Sie einen Namen ein!</div>

Noob

Füge mal folgendes mit in den Head tag des Html Formulars ein:

Code

<script type="text/javascript" src="/autovervollstaendigung.jps "></script>

und versuche es nochmal!

Gruß Noob

Xirxu

ok, werde ich machen, aber wo lege ich die zwei Files hin (hab Mac OsX), in den normale Web-Sites ordner?

Gruss Dave

Noob

Bei Mac OsX kann ich dir das leider nicht sagen!

Würde es mal versuch!

Wo würde ich es beim PC hinlegen?

GreenRover

auch wenn ich mich wiederhole.. MAC nix könnene ASP das nur können windoofs... du verstehen ?!

Xirxu

Ich dachte hier bekäme auch ein Anfänger Hilfe, ohne sich dumm vorkommen zu müssen. Herzlichen Dank trotzdem.

GreenRover

an sich schon.. jedoch muss man auch tatsache akepieren und nach akzeptabelen lösungen suchen und sich nicht an irgent welchen ideen festhalten, die nicht realisierbar.

Xirxu

Das akzeptier ich gern, ich weiss aber zuwenig um mir einen ganzen Code selber zu schreiben!

Tags