[js] functie gebruiken uit ajax request

[Dwightjo]

Ik ben bezig met het maken van een pagina die een AJAX request doet naar een php script (get)
Dit heb ik eindelijk werkend.

Mijn pagina maakt verder gebruik van enkele javascript functies die ik laad met behulp van 'domready'

De pagina die wordt opgehaald met behulp van mijn AJAX request bevat enkele javascript functies zoals onderstaande:

code:

<script language="Javascript">
function doCheckb1a1ad127cbfab034dadf86f781ad0a2(checkThem)
{
  document.getElementById("check_4723b79ed67097949958c2c660bdda60").checked = checkThem;
  document.getElementById("check_69fb3f23f7f9a5bbaf59527efbf1a87a").checked = checkThem;
  document.getElementById("check_6b094af0f8026a58ea361209ba1605ce").checked = checkThem;
  document.getElementById("check_e60cdbf7e0f4227fe5265860e2b70d9b").checked = checkThem;
  document.getElementById("check_e04d741dd909b08ee40fba99be5a1cfe").checked = checkThem;
  document.getElementById("check_3ebe3dd610a38060f237bd96e4f00068").checked = checkThem;
  document.getElementById("check_34224446ae7cc1c506f9671f5920a691").checked = checkThem;
  document.getElementById("check_f211a0b64905e7c651e53a649f629526").checked = checkThem;
  document.getElementById("check_fbc0ef905726d9660cdfc06660a5d77e").checked = checkThem;
  document.getElementById("check_386ec24477119dabb7363cf8018e674c").checked = checkThem;
  document.getElementById("check_63795eb7a16f92a896ec0d25c21539dd").checked = checkThem;
  document.getElementById("check_f2958b35f60004d2b71d34e4c0cc4d68").checked = checkThem;
  document.getElementById("check_6d8de565502db7356aba37b8ce6e3a93").checked = checkThem;
  document.getElementById("check_9606a6a4d3b1ff1c1651f60554683628").checked = checkThem;
}
</script>

wanneer ik nu gebruik van deze functie wil maken, dan gebeurd er niets.
Met firebug ben ik al bezig geweest om te controleren waarom het niet werkt.
Firebug geeft dus aan dat mijn functie: "doCheckb1a1ad127cbfab034dadf86f781ad0a2"
niet gedefinieerd is.

Als ik het goed begrijp moet ik mijn browser nu dus vertellen dat er nieuwe javascript functies beschikbaar zijn, alleen ik weet niet hoe ik dat moet triggeren.

[Verwijderd]

Om te weten wat er mis gaat is het belangrijk om te weten wat je precies hoe met AJAX inlaadt en hoe je dat verwerkt in de bestaande pagina. Op deze manier kunnen we niet zoveel.

[GregoryBE]

Een simpele AJAX request naar een andere pagina, de geladen pagina wordt vervolgens in een DIV geladen:

JavaScript:

function load_in_Div(url,div_id)
{
    xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null)
    {
        alert ("Your browser does not support AJAX!");
        return;
    }
    else
    {
        xmlHttp.onreadystatechange=stateChanged;
        xmlHttp.open("GET",url,true);
        xmlHttp.send(null);
    }
} 
function stateChanged() 
{ 
    if (xmlHttp.readyState==4)
    {       //resultaat in DIV stoppen
        document.getElementById(divName).innerHTML=xmlHttp.responseText;  stoppen.

    }
}

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;
}//*/

Hopelijk ben je er wat mee...

[curry684]

Dwightjo schreef op zondag 01 juli 2007 @ 04:55:
De pagina die wordt opgehaald met behulp van mijn AJAX request bevat enkele javascript functies zoals onderstaande

Scripts in Ajax downloads worden in principe genegeerd. Dit kun je oplossen door de output door eval te trekken.

Nog netter is natuurlijk als ik deze code zo zie om gewoon Asynchronous Javascript And XML te gebruiken hoe het bedoeld is: middels XML de te veranderen elementen downloaden en dat vervolgens netjes generiek te parsen in je *aanroepende* Javascript.

[Verwijderd]

Kijk nog even naar je GetXmlHttpObject() functie,
de microsoft-objecten die je gebruikt zijn niet de aanbevolen versies!

[MBV]

@ts: hoe laad je die dingen in dan? Ik ken een paar constructies:
- xajax: je roept xajax_phpFunctieNaam() aan, die een bepaald object terug geeft wat uitgevoerd wordt (waar dus javascript in kan staan)
- in de header zoiets:

HTML:

<script type="text/javascript" src="scripts/dynamisch.php"></script>

_{dus niet language="javascript", dat is al sinds 1999 veranderd ofzo}

- bovenstaande, maar dan met DOM dynamisch in de header erbij zetten

Hoe kom jij aan die javascript? Hoe zet je het erbij?

[ Voor 8% gewijzigd door MBV op 01-07-2007 13:40 ]

[funkwurm]

Ik zou (wat ook min of meer door MBV wordt voorgesteld) de javascript aanpassen zodat deze niet na het laden van de pagina door een ajax-request gegenereerd hoeft te worden. Maar alleen de gegevens die variabel zijn in de functie:

JavaScript:

function doCheck(checkThem, checkIds)
{
  var i=checkIds.length;
  while (i--)
    document.getElementById("check_"+checkIds[i]).checked = checkThem;
}

Dan kun je de hashmeuk wel met ajax ophalen, in een array plempen en die meegeven aan deze doCheck.