Tjek efter varenr i db automatisk

For at gennemføre det du gerne vil have må du bruge noget der kaldes AJAX.

Jeg har et lidt gammelt eksempel liggende.

Smid dette i headeren af din side:
<script type="text/javascript">
var xmlHttp

function showHint(str){
    if (str.length==0){
      document.getElementById("txtHint").innerHTML="";
      return;
    }
    xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null){
      alert ("Your browser does not support AJAX!");
      return;
    }
    var url="gethint.php";
    url=url+"?q="+escape(str);
    url=url+"&sid="+Math.random();
    xmlHttp.onreadystatechange=stateChanged;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}


function stateChanged() {
    if (xmlHttp.readyState==4){
        document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
    }
}

function GetXmlHttpObject(){
    var xmlHttp=null;
    try{
      // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();
    }
    catch (e){
      // Internet Explorer
      try{
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
      catch (e){
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    }
    return xmlHttp;
}
</script>

Smid så følgende kode ind et vilkårligt sted i din body-section:
<input type="text" id="txt1" onblur="showHint(this.value)"/> <span id="txtHint"></span>

Den henter så info fra 'gethint.php' hvor den sender hvad der står i input feltet i $_GET["q"].

Du kan altså i 'gethint.php' bruge en kode i stil med:
<?php
$vare = $_GET["q"];
$query = "SELECT * FROM `din_tabel` WHERE `vare` = '$vare'";
$result = mysql_query($query);
while($r=mysql_fetch_array($result)){
    $varenummer = $r["varenummer"];
    echo $varenummer;
}
?>


Note: du skal nok både have en god viden inden for JavaScript og PHP for at forstå mine eksempler og bruge dem aktivt.

<ole>

Det er en oplagt Ajax-opgave, men pas på - for det er ganske vanskeligt at finde troværdige oplysninger om Ajax på nettet.

Vigtigt er det i hvertfald at huske, man _aldrig_ formaterer data som HTML på serveren, før man sender dem tilbage til klienten. Data formateres som JSON eller XML og indsættes i siden med DOM. Ellers spilder man enorme mængder server-resourcer.

I den forbindelse skal det også nævnes, at innerHTML er et levn fra midthalvfemsernes dårlige browsere - at den aldrig har været valid i forhold nogen standard - samt at brugen ofte medfører en række seriøse uhensigtsmæssigheder i forbindelse med moderne webkode.

Jeg har skrevet en XMLHttpRequest wrapper, som i al beskedenhed er den bedste og mest opdaterede, jeg har set på WWW:
    http://dengodekode.dk/artikler/ajax/xmlhttprequest_wrapper.php

- og i denne tråd har jeg vist et par eksempler på brugen, samt brugen i forbindelse med PHP/JSON:
    http://www.eksperten.dk/spm/817625

/mvh
</bole>