Ajax

**Alex75** · 12-08-2008, 11:16

Cercando di apprendere qualcosa riguardo ad Ajax, stavo tentando di capire il seguente codice:

<html>
<head>
<title>AJAX, le basi prima dell' utilizzo</title>
<script type="text/javascript">

</script>
</head>
<body onload="prendiElementoDaId('paragrafo').innerHTML = 'Buon giorno JavaScript';">
<p id="paragrafo">
testo del paragrafo che verrà cambiato al caricamento del documento
</p>
</body>
</html

-----------------------------------------------------------
Praticamente da quanto ho capito al caricamento del body viene eseguita la funzione prendiElementoDaId('paragrafo') in modo da sostituire il testo racchiuso nel tag

Mi è oscuro, invece, il funzionamento della funzione.
Qualcuno mi saprebbe aiutare

**sndk4ASP** · 12-08-2008, 11:59

Premetto che questo non è prettamente AJAX in quanto è puro e semplice Javascript

Cmq la funzione prendiElementoDaId() restituisce l'oggetto identificato dal parametro id_elemento.
Se non erro document.all è un vecchio metodo introdotto da IE4 quando ancora getElementByID() non era stato standardizzato. In definitiva la funzione penso che sia stata pensata per funzionare sia con versioni vecchie di IE che con quelle più recenti.

**Alex75** · 12-08-2008, 12:07

Ma l'oggetto che restituisce sarebbe:
document.getElementById(id_elemento) a cui poi verrebbe applicata la proprietà innerhtml

**sndk4ASP** · 12-08-2008, 12:12

Originariamente inviato da Alex75
Ma l'oggetto che restituisce sarebbe:
document.getElementById(id_elemento) a cui poi verrebbe applicata la proprietà innerhtml

no, la funzione restituirebbe l'oggetto con id "paragrafo" che nel tuo codice sarebbe il paragrafo, per intenderci quello con il tag

l'oggetto restituito poi dovrebbe esporre le proprietà tipiche del suo tipo per esempio .innerHTML.
Stessa cosa la potresti fare con un tag <div> che di solito viene preferito per questo tipo di cose ^^

**Alex75** · 12-08-2008, 12:19

Ma con il codice: elemento = document.getElementById(id_elemento);
quale valore verrà attribuito ad elemento e poi, dunque, restituito dalla funzione.

**sndk4ASP** · 12-08-2008, 12:41

La funzione scritta così:

var elemento;
if(document.getElementById)
elemento = document.getElementById(id_elemento);
else
elemento = document.all[id_elemento];
return elemento;

equivale identandola e commmentandola un po' per maggior chiarezza:

Codice PHP:


//dichiara la variabile che conterrà l'oggetto ricercato

var elemento;

//testa che la proprietà getElementById() restituisca qualcosa. in caso non lo facesse usa document.all al posto (presumento che sia IE4)

if(document.getElementById){

  //assegna a elemento l'oggetto ricercato

  elemento = document.getElementById(id_elemento);

}

else{

  //assegna a elemento l'oggetto ricercato

  elemento = document.all[id_elemento];

}

//ritorna il risultato

return elemento;

Spero ora sia chiaro. Per completezza aggiungo che al giorno d'oggi l'utilizzo di document.all è deprecato a meno che tu non voglia per forza conservare la compatibilità con IE4 che è un browser di 10 anni fa....

**Alex75** · 12-08-2008, 12:50

CIOE' NEL NOSTRO CASO SPECIFICO ELEMENTO CHE VALORE ASSUMERA'

**pietro09** · 12-08-2008, 13:39

Certo che sei stato davvero sfortunato a trovare un codice di quel tipo

Guarda come ho imparato a scriverlo frequentando il forum javascript:
http://forum.html.it/forum/forumdisp...p?s=&forumid=3

codice:

<!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>
    <title>Pagina senza titolo</title>

<script language="javascript" type="text/javascript">
// <!CDATA[
window.onload = function()
    {
        window.setTimeout(scrivi_su_paragrafo, 5000);
    };
    

function scrivi_su_paragrafo()
{
    $("paragrafo").innerHTML = 'Buon giorno JavaScript';
}

//al posto di mettere document.getElementById("div1"), mettere $("div1")
//da prototype.js
function $() 
{
    var elements = new Array();

    for (var i = 0; i < arguments.length; i++) 
    {
        var element = arguments[i];
        if (typeof element == 'string')
            element = document.getElementById(element);

        if (arguments.length == 1)
            return element;

        elements.push(element);
    }

    return elements;
}


// ]]>
</script>

</head>
<body>
    <p id="paragrafo">Tra 5 secondi questo testo sarà cambiato</p>
</body>
</html>

**sndk4ASP** · 12-08-2008, 14:00

Originariamente inviato da Alex75
CIOE' NEL NOSTRO CASO SPECIFICO ELEMENTO CHE VALORE ASSUMERA'

spero ti si sia solo incastrato il caps-lock

Cmq come ti ho detto 'elemento' diventa di fatto l'oggetto trovato dal metodo document.getElementById('paragrafo')

Visto che mi pare che tu abbia dei dubbi su cosa siano gli oggetti ti consiglio di dare un'occhiata qui: http://www.amagri.it/programmazione/...pt/oggetti.htm

**Alex75** · 12-08-2008, 14:53

<!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>
<title>Pagina senza titolo</title>

<script language="javascript" type="text/javascript">
// <!CDATA[
window.onload = function()
{
window.setTimeout(scrivi_su_paragrafo, 5000);
};

function scrivi_su_paragrafo()
{
$("paragrafo").innerHTML = 'Buon giorno JavaScript';
}

//al posto di mettere document.getElementById("div1"), mettere $("div1")
//da prototype.js
function $()
{
var elements = new Array();

for (var i = 0; i < arguments.length; i++)
{
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);

if (arguments.length == 1)
return element;

elements.push(element);
}

return elements;
}

// ]]>
</script>

</head>
<body>
<p id="paragrafo">Tra 5 secondi questo testo sarà cambiato</p>
</body>
</html>

--------------------------------------

Già ma a questo punto trovo difficoltà a comprendere la funzione $()

Discussione: Ajax

Strumenti discussione

Ricerca discussione

Visualizza

Ajax

Permessi di invio