• User Attivo

    AJAX: div che scompaiono con body=onload

    Buonasera a tutti.

    Oggi stavo leggendo una piccola guida sull'AJAX e ho provato a fare un semplice script:

    
    <html>
    
    <head>
    
    <script>
    
    function invisibile() {
    
            a.style.display = 'none';
    	var a = document.getElementById('commenti');
    
    }
    
    function visibile(valore) {
    
    var e = document.getElementById(valore);
        if (e.style.visibility == 'hidden') {
            e.style.visibility = 'visible';
            e.style.display = 'block';
    	var e = document.getElementById(valore+'.testo');
    	e.innerHTML = "Riduci";
    
        } else {
            e.style.visibility = 'hidden';
            e.style.display = 'none';
    	var e = document.getElementById(valore+'.testo');
    	e.innerHTML = "Espandi";
        }
    }
    
    </script>
    
    
    </head>
    
    <body onload="invisibile()">
    
    <div id="commenti">
    Io scompaio e appaio!
    </div>
    <a href="#" id="commenti.testo" onClick="visibile('commenti')">Riduci</a>
    
    </body>
    
    </html>
    
    
    

    Tutto bene quello che riguarda la function visibile invece la function invisibile non dà alcun effetto (dovrebbe all'apertura della pagina nascondere il contenuto del div=commenti).

    Cosa sbaglio?

    Grazie in anticipo 🙂


  • User Attivo

    risolto.

    avevo scritto al contrario le operazione della function.

    
    function invisibile() {
    
            a.style.display = 'none';
    	var a = document.getElementById('commenti');
    
    }
    
    

  • User Attivo

    Questo non è propriamente ajax...
    Ajax presuppone una interrogazione lato server ed il trattamento di essa


  • User Attivo

  • User Attivo

    Quello che hai incollato è javascript e basta.
    Ajax è un approccio che si serve di javascript.
    Lo dice anche la guida

    Ajax è una stupidagine dal punto di vista tecnico, fondamentalmente l'unione di due cose.

    • La capacità di Javascript di aggiornare parte di una pagina HTML senza che questa venga caricata nuovamente.
    • La capacità di Javascript di fare richieste tramite il protocollo HTTP.

    Il secondo punto significa fare richieste o ricevere risposte dall'esterno dell'html gia caricato.
    XMLHttpRequest è l'oggetto che permette questo.
    N.b. Non puoi interrogare domini esterni ma pagine solo del dominio da cui parte la richiesta. Praticamente puoi fare operazioni solo ad altre pagine del tuo sito.

    I primi esempi sono giusto per far capire un po il javascript.


  • User Attivo

    uhm capito grazie 😉