JavaScript und Datenbanken

Mir nicht

Hi!
Hab mal wieder ein Problem.
Ich habe 4 Auswahllisten. Davon sind 2 für die Kunden (1xKundenNr, 1xKundenname) und 2 für die Aufträge (1xAuftragsnummer, 1xAuftragsname). Jeder Auftrag ist genau einem Kunden zugeordnet. Die Listen werden dynamisch aus einer DB aufgebaut.
Ich habe die Liste mit den Aufträgen deaktiviert, solange noch kein Kunde ausgewählt ist.
Jetzt möchte ich erreichen, dass in der Auftragsbox nur die Aufträge angezeigt werden, die auch zu dem Kunden passen.
Nur ist es ja so, dass es in JS meines Wissens nach keine Möglichkeit gibt, Objekte einzeln zu aktualisieren.
Was gemacht werden muss, ist, dass die Kunden ID die in den ersten beiden Boxen ausgewählt wird an die zweite Funktion übergeben wird damit aus der DB eben nur die zu dem Kunden passenden Aufträge angezeigt werden.

Hoffentlich ist es verständlich. Bräuchte dringend einen Denkanstoß!
Fragen? Fragen!

Gruß
Mir nicht

GreenRover

also mache ne liste mit den kudnen dann einen div mit ner id

auf die selctbox ein onChange=""

das ganze dann mittels AJAX über PPH oder so aus der SQL db gekramt und dann entweder die reinen daten per ajax überbene oder gleich fertiges HTML von PHP in das div geschmissen und alles wird gut...

so in etwa verstanden ?!

da ich heute meine soziale ader habe, das AJAX modul...

Code

// global xmlhttprequest object
var xmlHttp = false;






/** AJAX functions **/


// constants
var REQUEST_GET        = 0;
var REQEST_POST        = 2;
var REQUEST_HEAD       = 1;
var REQUEST_XML        = 3;






/**
 * instantiates a new xmlhttprequest object
 *
 * @return xmlhttprequest object or false
 */
function getXMLRequester( )
{
    var xmlHttp = false;

    // try to create a new instance of the xmlhttprequest object        
    try
    {
        // Internet Explorer
        if( window.ActiveXObject )
        {
            for( var i = 5; i; i-- )
            {
                try
                {
                    // loading of a newer version of msxml dll (msxml3 - msxml5) failed
                    // use fallback solution
                    // old style msxml version independent, deprecated
                    if( i == 2 )
                    {
                        xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" );    
                    }
                    // try to use the latest msxml dll
                    else
                    {

                        xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
                    }
                    break;
                }
                catch( excNotLoadable )
                {                        
                    xmlHttp = false;
                }
            }
        }
        // Mozilla, Opera und Safari
        else if( window.XMLHttpRequest )
        {
            xmlHttp = new XMLHttpRequest();
        }
    }
    // loading of xmlhttp object failed
    catch( excNotLoadable )
    {
        xmlHttp = false;
    }
    return xmlHttp ;
}




/**
 * sends a http request to server
 * @param strSource, String, datasource on server, e.g. data.php
 * @param strData, String, data to send to server, optionally
 * @param intType, Integer,request type, possible values: REQUEST_GET, REQUEST_POST, REQUEST_XML, REQUEST_HEAD default REQUEST_GET
 * @param strData, Integer, ID of this request, will be given to registered event handler onreadystatechange', optionally
 * @return String, request data or data source
 */
function sendRequest( strSource, strData, intType, intID )
{
    if( !strData )
        strData = '';


    // default type (0 = GET, 1 = xml, 2 = POST )
    if( isNaN( intType ) )
        intType = 0; // GET


    // previous request not finished yet, abort it before sending a new request
    if( xmlHttp && xmlHttp.readyState )
    {
        xmlHttp.abort( );
        xmlHttp = false;
    }

    // create a new instance of xmlhttprequest object
    // if it fails, return
    if( !xmlHttp )
    {
        xmlHttp = getXMLRequester( );
        if( !xmlHttp )
            return;
    }

    // parse query string
    if( intType != 1 && ( strData && strData.substr( 0, 1 ) == '&' || strData.substr( 0, 1 ) == '?' ) )
        strData = strData.substring( 1, strData.length );


    // data to send using POST
    var dataReturn = strData ? strData : strSource;

    switch( intType )
    {
        case 1:    // xml
            strData = "xml=" + strData;
        case 2: // POST
            // open the connection 
            xmlHttp.open( "POST", strSource, true );
            xmlHttp.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' );
            xmlHttp.setRequestHeader( 'Content-length', strData.length );
            break;
        case 3: // HEAD
            // open the connection 
            xmlHttp.open( "HEAD", strSource, true );
            strData = null;
            break;
        default: // GET
            // open the connection 
            var strDataFile = strSource + (strData ? '?' + strData : '' );
            xmlHttp.open( "GET", strDataFile, true );
            strData = null;
    }

    // set onload data event-handler
    xmlHttp.onreadystatechange = new Function( "", "processResponse(" + intID + ")" ); ;


    // send request to server
    xmlHttp.send( strData );    // param = POST data

    return dataReturn;
}



function processResponse( intID )
{
    // status 0 UNINITIALIZED open() has not been called yet.
    // status 1 LOADING send() has not been called yet.
    // status 2 LOADED send() has been called, headers and status are available.
    // status 3 INTERACTIVE Downloading, responseText holds the partial data.
    // status 4 COMPLETED Finished with all operations.
    switch( xmlHttp.readyState )
    {
        // uninitialized
        case 0:
        // loading
        case 1:
        // loaded
        case 2:
        // interactive
        case 3:
            break;
        // complete
        case 4:    
            // check http status
            if( xmlHttp.status == 200 )    // success
            {
                processData( xmlHttp, intID );
            }
            // loading not successfull, e.g. page not available
            else
            {
                if( window.handleAJAXError )
                    handleAJAXError( xmlHttp, intID );
                else
                    alert( "ERROR\n HTTP status = " + xmlHttp.status + "\n" + xmlHttp.statusText ) ;
            }
    }
}




function encode_utf8(rohtext) 
{
 // dient der Normalisierung des Zeilenumbruchs
 rohtext = rohtext.replace(/\r\n/g,"\n");
 var utftext = "";
 for(var n=0; n<rohtext.length; n++)
 {
  // ermitteln des Unicodes des  aktuellen Zeichens
  var c=rohtext.charCodeAt(n);
  // alle Zeichen von 0-127 => 1byte
  if (c<128)
   utftext += String.fromCharCode(c);
   // alle Zeichen von 127 bis 2047 => 2byte
  else if((c>127) && (c<2048)) {
   utftext += String.fromCharCode((c>>6)|192);
   utftext += String.fromCharCode((c&63)|128);}
   // alle Zeichen von 2048 bis 66536 => 3byte
  else {
  utftext += String.fromCharCode((c>>12)|224);
  utftext += String.fromCharCode(((c>>6)&63)|128);
  utftext += String.fromCharCode((c&63)|128);}
 }
 return utftext;
}


function decode_utf8(utftext) 
{
 var plaintext = ""; var i=0; var c=c1=c2=0;
 // while-Schleife, weil einige Zeichen uebersprungen werden
 while(i<utftext.length)
 {
  c = utftext.charCodeAt(i);
  if (c<128) 
  {
   plaintext += String.fromCharCode(c);
   i++;
  } else if((c>191) && (c<224)) {
   c2 = utftext.charCodeAt(i+1);
   plaintext += String.fromCharCode(((c&31)<<6) | (c2&63));
   i+=2;
  } else {
   c2 = utftext.charCodeAt(i+1); c3 = utftext.charCodeAt(i+2);
   plaintext += String.fromCharCode(((c&15)<<12) | ((c2&63)<<6) | (c3&63));
   i+=3;
  }
 }
 return plaintext;
}


function URLencode(sStr)
{
 sStr=sStr.split('"').join('%22');
 sStr=sStr.split('&').join('%26');
 sStr=sStr.split("'").join('%27');
 sStr=sStr.split('€').join('%80');
 sStr=sStr.split('+').join('%2B');
 sStr=sStr.split('/').join('%2F');
 sStr=sStr.split('=').join('%3D');


 return sStr;
}

Alles anzeigen

dazu denn noch was wie:

Code

<script language="JavaScript" type="text/javascript">
<!--
var ajax_weiche = 'menu';
var tmp = '';


function processData( xmlHttp, intID )
{
 if (ajax_weiche=='auftrag')
 {
   setAuftrag( xmlHttp.responseText );
 }
}


function setAuftrag( id )
{
 ajax_weiche='auftrag';


 sendRequest( 'get_auftrag.php?id=' + id );
}






function setAuftrag( strData )
{
    if( strData )
    {
      var arrOptions = strData.split( "\n" );
      var arrOption;
      var ausgabe = '';



      for( var i = 0; i < arrOptions.length; i++ )
      {
       arrOption = arrOptions[ i ].split( ';' );


       if (arrOption[ 1 ]!="")
        ausgabe = ausgabe + '<tr><td align="left">[b]' + arrOption[ 0 ] + '[/b]</td><td align="left">' + arrOption[ 1 ] + '</td></tr>' + "\n";
      }

      ausgabe = '<table border="0" cellpadding="0" cellspacing="0" align="center" width="98%">' + "\n" + ausgabe + '</table>';


      document.getElementById('div').innerHTML=ausgabe;
    }
}
// -->
</script>

Alles anzeigen

wobei die PHP ausgabe im CSV style währe....

also \n für neuer datensatz und ; und die objecte zu trennnen

Mir nicht

Danke...
Ich geh jetzt erstmal weinen!

GreenRover

wiso weihnen ?!? ist das jetzt 1-2 spuren zu hoch gewesen ?!

Mir nicht

Eigentlich hab ich nicht mit so einem Aufwand gerechnet.
Das ist ja im Prinzip nix anderes als JS! Das ist aber schon ziemlich heftig, wenn man noch in den Kinderschuhen bei sowas steckt und das auch verstehen will.
Aber ich werds mit auf jeden Fall angucken und mal mein Glück versuchen!

Tags