Changer le contenu div sur le chargement de la page

Question

Je suis à la recherche d'une solution, dans laquelle le contenu div change lors du chargement de la page, de manière aléatoire. Tout comme une image JavaScript sur le chargement de la page. J'ai pris d'autres notes dans le code ci-dessous.

Je pourrais faire un randomiser le contenu comme des images avec JavaScript sur le chargement de la page, mais ici, c'est divs et je ne sais pas comment changer le contenu à l'intérieur.

<div class="row BSlots"> 
    <div class="Grid_4 fl"> 
     /* This would be the code which would change */ 
     /* For example once it would be <div class="hello"><p>Hi</p></div> and the other <iframe="Link"/> */ 
    </div> 
    <div class="Grid_4 fr"> 
     <script>Widget2(); /* Don't mind this, loading an actual JS image randomizer here */</script> 
    </div> 
</div> 

Est-ce que cela peut être réalisé sans utiliser JS? Sinon, j'apprécierais un exemple de base avec lequel je pourrais tripoter :)

Answer 1

Oui cela pourrait être réalisé sans Javascript. Cela dépend de la technologie côté serveur que vous utilisez. Vous pouvez créer un modèle et insérer des tags d'image de rançon côté serveur. Il est également possible de le faire via javascript. Si vous voulez utiliser jQuery, vous pouvez faire quelque chose comme:

$(function(){ 
    $(".Grid_4 fl").html(generateRandomImageHtml()); 
});