Ajax-Hilfe

    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

    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.

    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>

    <form name="formular" action="#">
    <input type="text" id="eingabefeld" onKeyUp="meinAjaxAufruf( this.value )"
    style="width: 162px;" />

    <div id="auswahlbox" style="width: 160px; border: 1px solid #223377;"></div>
    </form>
    </body>
    </html>

    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

    Bei Mac OsX kann ich dir das leider nicht sagen!

    Würde es mal versuch!

    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.