11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,
Il à bientôt deux ans, je me suis demandé comment faire pour rafraichir plusieurs DIV dans une page html en PHP et ceci d’une manière très simple afin que cela soit intégrable très facilement dans un objet/classe, ou n’importe quel autre projet.

Principe de fonctionnement :


[b]Syntaxe : [/b]

$url_xhr[] = "<LIEN_HTLM> <separateur> | </separateur> <EMPLACEMENT DU DIV>";

[b]Exemple : [/b]

$demo = new Class_multixhr();
unset($url_xhr);
$url_xhr[] = "async_multixhr.php?generic=demo1|div1";
$url_xhr[] = "async_multixhr.php?generic=demo2|div2";
echo $demo->multiple_xhr($url_xhr, 'Remplacement contenu de la div 1 & 2');


Contenu de async_multixhr


if (!empty($_GET)) extract($_GET, EXTR_OVERWRITE);
if (empty($generic)) return false;

switch ($generic)
{
    case 'demo1':
        echo '<b>demo1</b><br />';
        for ($i = 0; $i < 5;$i++)
        {
            echo "Bla bla $i<br />";
        }
        break;
    case 'demo2':
        echo '<b>demo2</b><br />';
        for ($i = 0; $i < 5;$i++)
        {
            echo "Toto Demo 2 $i<br />";
        }
        break;
    case 'titre':
        echo "<b>Affichage du titre</b>";
        break;
    case 'delDiv':
        echo null;
        break;
}

Comme un exemple vaut mieux qu'un long discours
DEMO
Source :
SOURCE

Bien entendu il s’agit que d’exemple pratique et pragmatique, à vous de faire votre sauce.
Voici un exemple de site que j’ai réalisé en full Ajax via cette méthode :

adtmedia (demo/demo)

Bonne année à tous

ps : désolé pour les edit, mais vous n'avez pas de module de prévisualisation des sujets !!
Modifié par caledonien (06 Jan 2010 - 03:17)