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: