Ciao a tutti.
Sono a sottoporvi un problema che mi sta fracassando il cervello.
Mi scuso in anticipo se la mia domanda è poco chiara: sono ritardato (ed anche un po' ubriaco
Si tratta di un problema nella chiamata ad una funzione javascript per attivare una funzionalità ajax.
Io ho un link, TRATTASI DEL LINK: <div><a href='#' onclick='java-script:modifica()'>Inserisci</a></div>, PRESENTE NEL PRIMO FRAMMENTO DI CODICE RIPORTATO SOTTO (HTML DELLA PAGINA PUNTO 1).
Al click su questo link l'elemento con id='area_modifica', SEMPRE PRESENTE NELLA PRIMA PARTE DEL CODICE (HTML DELLA PAGINA PUNTO 1), dovrebbe essere riempito con la parte di codice presente nell'ultimo script. ED È PROPRIO QUESTO CHE NON AVVIENE.
Di seguito il codice:
1) HTML DELLA PAGINA:
2) FUNZIONE CONTENUTA NEL FILE "modarea_prova.js" COLLEGATA ALLA HEAD DELLA PAGINA HTML:
3) CODICE DA VISUALIZZARE CONTENUTO NEL FILE "prova_ajax_testo.html" E PASSATO AL METODO open() DELL'OGGETTO oXHR:
Qualcuno è in grado di aiutarmi??
Grazie mille!
Sono a sottoporvi un problema che mi sta fracassando il cervello.
Mi scuso in anticipo se la mia domanda è poco chiara: sono ritardato (ed anche un po' ubriaco
Si tratta di un problema nella chiamata ad una funzione javascript per attivare una funzionalità ajax.
Io ho un link, TRATTASI DEL LINK: <div><a href='#' onclick='java-script:modifica()'>Inserisci</a></div>, PRESENTE NEL PRIMO FRAMMENTO DI CODICE RIPORTATO SOTTO (HTML DELLA PAGINA PUNTO 1).
Al click su questo link l'elemento con id='area_modifica', SEMPRE PRESENTE NELLA PRIMA PARTE DEL CODICE (HTML DELLA PAGINA PUNTO 1), dovrebbe essere riempito con la parte di codice presente nell'ultimo script. ED È PROPRIO QUESTO CHE NON AVVIENE.
Di seguito il codice:
1) HTML DELLA PAGINA:
HTML:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Untitled Document</title>
<link href='style.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='modarea_prova.js'></script>
</head>
<body>
<div><a href='#' onclick='java-script:modifica()'>Inserisci</a></div>
<div class='area_amministrazione' id='area_modifica'></div>
</body>
</html>2) FUNZIONE CONTENUTA NEL FILE "modarea_prova.js" COLLEGATA ALLA HEAD DELLA PAGINA HTML:
Codice:
function modifica (){
var oXHR = new XMLHttpRequest();
oXHR.open =("get", "prova_ajax_testo.html?sezione=prova", true);
oXHR.onreadystatechange = function (){
if(oXHR.readystate == 4){
var area_modifica=document.getElementById("area_modifica");
area_modifica.innerHTML = oXHR.responseText;
}
}
oXHR.send(null);
}3) CODICE DA VISUALIZZARE CONTENUTO NEL FILE "prova_ajax_testo.html" E PASSATO AL METODO open() DELL'OGGETTO oXHR:
HTML:
<form action='engines/engine_".$_GET["sezione"].".php' method='post' class='form_admin'>
<p class='testo_admin'></p>
<textarea class='textarea_admin' id='editor1' name='editor1'>".$testo_per_modifica["testo"]."</textarea>
<input type='submit' value='Inserisci' class='bottone_admin'/>
</form>Qualcuno è in grado di aiutarmi??
Grazie mille!
Ultima modifica di un moderatore: