begin process at 2010 02 10 04:38:55
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Position de DIV aléatoire

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Position de DIV aléatoire

vendredi 2 mars 2007 à 20:34:57 | Position de DIV aléatoire

skullo
Bonjour à tous !
Je ne sais pas si ce que j'aimerai faire est réalisable en html et css mais je demande quand même au cas où.

Pour l'explication en détail je suis chargé de la réalisation d'un portail multi annonceurs.
Sur la première page de ce portail il y a des divs sous forme de bloc contenant une image de fond et du texte. 1 bloc est égal à 1 annonceur. Etant donné qu'il y a plus de blocs que le permet une résolution de 1024x768 certains annonceurs se retrouvent en bas de page et l'internaute est obligé de scroller pour voir les derniers. A long terme les annonceur apparaissant en haut de page auront logiquement plus de visites que les autres.

Et donc, pour éviter celà j'aimerai faire un sorte que l'ordre des divs soit aléatoire à chaque connexion sur le portail.
Je suppose qu'il faut faire appel à du Dhtml et/ou javascript peut être. Enfin bref, si quelqu'un possède une solution je suis preneur.

Merci par avance
samedi 3 mars 2007 à 06:59:27 | Re : Position de DIV aléatoire

bultez

Membre Club




Bonjour,

    CodesSources en dhtml/javascript c'est près de 2000 codes aujourd'hui.
    Ceux qui causent d'aléatoire pour afficher quelque chose sont légion.
    Une petite recherche dans ces codes devrait apporter une foultitude de
        réponses, la "fonction recherche" ne fonctionnant pas si mal que ça.
    Après si tu as des soucis pour mettre en oeuvre, adapter...
Cordialement            Bul         [mon Site]     [M'écrire]           
samedi 3 mars 2007 à 11:22:01 | Re : Position de DIV aléatoire

stfou

Membre Club
Imaginons un tableau de 5div par exemple.
On prend trois ordres prédéfinis.
On tire un de ces trois ordres au sort.
On l'applique au divs.
<script>
var $=function(id){return document.getElementById(id)};
var ordre=[];
ordre[0]=["Pub1","Pub2","Pub3","Pub4","Pub5"];
ordre[1]=["Pub5","Pub4","Pub3","Pub2","Pub1"];
ordre[2]=["Pub3","Pub3","Pub1","Pub5","Pub2"];
var divs=ordre[Math.round(Math.random()*2)];

for(i=0;i<divs.length;i++){
$(i).innerHTML=divs[i]
}

</script>

<divid="1"></div>
<div id="2"></div>
<divid="3"></div>
<divid="4"></div>
<divid="5"></div>

Voilà. mais je suis pas sur.

document.write("Stfou");
//C'est en programmant que l'on devient programmeur
samedi 3 mars 2007 à 13:35:46 | Re : Position de DIV aléatoire

skullo
Ok, merci à tous les 2 :-)

Bultez : J'ai essayé de taper une recherche "ordre aléatoire" mais je n'ai rien trouvé de concluant.
J'essaie à nouveau avec "fonction recherche".

Stfou : Merci pour ce bout de code, je comprends la logique mais je n'aurai pas été capable de rendre l'apparition aléatoire avec la ligne " var divs=ordre[ Math .round( Math .random()*2)];" ... J'essaie et je te tiens au courant.

@pluche
samedi 3 mars 2007 à 13:49:55 | Re : Position de DIV aléatoire

stfou

Membre Club
Derien, mais au fait, la ligne :

var divs=ordre[Math.round(Math.random()*2)];

le "*2", c'est parcequ'il y a 3 ordres, mais si tu veux plus d'ordre que ça (ça m'ettonnerait que ta page n'ait que 5 pubs), remplace par ça :

var divs=ordre[Math.round(Math.random()*ordre.length)];


Salut
Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
document.write("Stfou");
//C'est en programmant que l'on devient programmeur.
jeudi 8 mars 2007 à 17:14:09 | Re : Position de DIV aléatoire

skullo
Re ! et merci pour ton dernier poste :)

Cependant je viens d'essayer et... rien ne se apsse au rafrîchissement de la page :( ...
J'ai beau chercher (enfin pas trop quand même, je suis vite largué...) je n'arrive pas à trouver le problème.

Ci-dessous mon code :

<head>
<title>Test</title>
<script>
var $=function(id){return document.getElementById(id)};
var ordre=[];
ordre[0]=["Pub1","Pub2","Pub3","Pub4","Pub5"];
ordre[1]=["Pub5","Pub4","Pub3","Pub2","Pub1"];
ordre[2]=["Pub3","Pub3","Pub1","Pub5","Pub2"];
var divs=ordre[Math.round(Math.random()*ordre.length)];

for(i=0;i<divs.length;i++){
$(i).innerHTML=divs[i]
}
</script>
</head>

<body>
<div id="Pub1">1</div>
<div id="Pub2">2</div>
<div id="Pub3">3</div>
<div id="Pub4">4</div>
<div id="Pub5">5</div>
</body>
</html>

Si tu penses pouvoir me donner un petit coup de main ça serait sympa.
Merki d'avance !
jeudi 8 mars 2007 à 19:01:14 | Re : Position de DIV aléatoire

stfou

Membre Club
Tu as essayé d'actualiser la page très vraiment super beaucoup de fois ?
Normalement ça devrait changer.
Sinon attend un peu, je pense que je vais sortir une source qui permet de mélanger un tableau.

Stfou
jeudi 8 mars 2007 à 20:32:39 | Re : Position de DIV aléatoire

stfou

Membre Club
Euh non en fait attend je crois que je vais pas sortir de source...
Sinon ya ça pour mélanger (source de jesusonline un peu simplifiée) :
var tab=["Pub1","Pub2","Pub3","Pub4","Pub5"];
tab.sort(function() { return Math.floor( (3*Math.random()) - 1 );};

Et puis tu rajoute mon code :
var $=function(id){return document.getElementById(id)};
for(i=0;i<tab.length;i++){
$(i).innerHTML=tab[i]
}

Voilà.

Le travail n'a jamais tué personne, mais pourquoi prendre le rique ?
document.write("Stfou");
//C'est en programmant que l'on devient programmeur.
 

Pensez : Réponse Acceptée
mardi 13 mars 2007 à 09:45:08 | Re : Position de DIV aléatoire

skullo
... ça ne marche toujours pas pour moi :(
mardi 13 mars 2007 à 17:45:16 | Re : Position de DIV aléatoire

PetoleTeam

Membre Club
B onjour...
Je viens de déposer une source sur le RANDOM d'un TABLEAU
Cela peut t'intéresser...
;0)

1 2

Cette discussion est classée dans : page, aléatoire, position, div, portail

Répondre à ce message

Sujets en rapport avec ce message

Modification de tableau par balise div [ par gourango ] Boujour et bien voila un grand probleme se pose la comptabilitee :J ai cree un script pour mon site malheureusement imcompatible avec ie !!!(internet position aléatoire d'un image dans une page HTML [ par valerie6983 ] C à dire, qu'à chaque fois que j'ouvre mon index.html, la petite image qui s'y trouve change de place dans la page de manière aléatoire.Est-ce possibl DIV position absolute fullscreen ? [ par guepard53 ] Salut à tous ! :-)J'aimerais griser le contenu d'une page quand j'affiche un div au dessus. Par exemple une image. J'ai déjà vu ça mais je ne retrouve Execution d'une fonction [ par yoyotheboss7 ] Bonjour à tous ! J'ai une page avec des fonctions javascript. J'ai un script qui ouvre une page dans une div css. Cette div se comporte un peu comme u Récupérer une image [ par MarcoAix ] Bonjour, J'ai vu ce code sur un forum : il permet de récuérer les "div" d'une page et de les afficher sur sa page : loadHtmlFile('http://www.allhtml afiche une div au dessus page html [ par aaaaammounti ] salutje veux faire une petite fenetre qui s'affiche losque on lance la page web au dessus de contenu de la page pui elle disparu aprés un temp spécifi pb ressource processeur flash sur page avec div [ par Bestdoud ] bonjour,j'ai un problème avec ma page html.en fait j'ai un div avec une imagepar dessus j'ai un autre div ou j'ai une vidéo Youtube (même problème ave Affichage du contenu d'une page dans un DIV [ par aloisio11 ] Bonjour,Je suis dans ma page Article.asp avec ma liste d'articles.Au clique sur un article je voudrais, en Javascript, afficher le contenu d'une page Attendre la chargement complet de la page [ par codefalse ] Bonjour les gens :)Voila j'ai un petit soucis tout simple, mais bien genant. J'ai trouvé d'ou vient le probleme, mais je ne sais pas trop comment le r Timeline et div loader [ par Tioo ] Bonjour !Je travaille actuellement à l'intégration d'un module Timeline, développé par Simile.Mon but serait que le clic sur un évènement ne déclenche


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,780 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)