Problema nella chiamata ad una funzione javascript da href

ducadimantova

Nuovo Utente
30 Ago 2012
31
0
6
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:
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:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
CIao,
comincia con modificare la chiamata ajax cosi
Codice:
            function modifica (){
                var oXHR = new XMLHttpRequest();
                oXHR.open("GET", "prova_ajax_testo.php?sezione=prova", true);
                oXHR.onreadystatechange = function (){                    
                    if(oXHR.readyState == 4){                       
                        if (oXHR.status == 200) {                               
                            document.getElementById("area_modifica").innerHTML=oXHR.responseText;
                        }
                    }
                };
                oXHR.send(null);                
            }
readyState si scrive con la S maiuscola

In piu la pagina che richiami (prova_ajax_testo) deve avere estensione .php visto che contiene delle variabili php

EDIT:
cambia anche
HTML:
<a href='#' onclick='java-script:modifica()'>
con
HTML:
<a href='javascript:modifica()'>
 
Ultima modifica:

ducadimantova

Nuovo Utente
30 Ago 2012
31
0
6
Mitico!!

Adesso funziona :mavieni:!

Credo che girerò per la stanza per un quarto d'ora a braccia aperte facendo il rumore dell'aeroplano...

Grazie Criric!