Forum-webmaster
Technique - programmation => Javascript / DOM / Ajax => Message commencé par: TonTon FluBB le le 22-02-2006 a 18:23:24

Titre: Création bloc div dynamiquement
Posté par: TonTon FluBB le le 22-02-2006 a 18:23:24

Bonjour tout le monde,

J'ai créer un script de galerie photo en php qui ouvrer les images dans une fenêtre popup.
Mais beaucoup de visiteurs n'arrivent pas à ouvrir ceux-ci :-[

J'ai donc trouver un petit script sur L'éditeur javascript qui permet de rendre visible ou non un bloc div disposé sur un niveau (z-index:2) :


Code:

<style type="text/css" media="all">
/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
.cachediv {
   display:none
}
</style>

<!-- Script créé par KevBrok ;-) -->
<script type="text/javascript">
   /*
   * Montre / Cache un div
   */
   
   function DivStatus( nom, numero )
      {
         var divID = nom + numero;
         if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
            {
               Pdiv = document.getElementById( divID );
               PcH = true;
             }
         else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
            {
               Pdiv = document.all[ divID ];
               PcH = true;
            }
         else if ( document.layers && document.layers[ divID ] ) // Pour les très veilles versions
            {
               Pdiv = document.layers[ divID ];
               PcH = true;
            }
         else
            {
               
               PcH = false;
            }
         if ( PcH )
            {
               Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
            }
      }

</script>


J'aimerai donc bien ouvrir mes images dans un bloc div, mais le problème c'est que se bloc doit être crée dans la page, avec donc le code pour afficher l'image.

Est-ce que quelqu'un connaît un moyen de créer "dynamiquement" ce code avec l'url de l'image qui est donnée en paramètre à la fonction lors du clique sur la miniature?

J'ai cherché mais je n'ai pas trouvé grand chose :'(

Titre: Re:Création bloc div dynamiquement
Posté par: TonTon FluBB le le 28-02-2006 a 22:25:50

Ya vraiment personne qui serait me donner un ptit coup de main :'(

Titre: Re:Création bloc div dynamiquement
Posté par: TonTon FluBB le le 01-03-2006 a 22:39:43

Non pas vraiment hors sujet parce que j'arrive a ouvrir les popups avec le bloqueur à son niveau le plus haut !

Je vais tester ça ! Merci!

Titre: Re:Création bloc div dynamiquement
Posté par: Pierre68 le le 01-03-2006 a 23:05:43

ok :)
tien moi au courant

Titre: Re:Création bloc div dynamiquement
Posté par: TonTon FluBB le le 02-03-2006 a 21:11:27

Désolé ca ne marche pas >:(

Mon bloqueur de popup ne laisse pas passer.
Je vais essayer de bricoler pour faire un bloc div au lieu du popup.

Merci encore ;)

Titre: Re:Création bloc div dynamiquement
Posté par: Pierre68 le le 02-03-2006 a 21:15:42

De rien ;)

Titre: Re:Création bloc div dynamiquement
Posté par: Netah le le 03-03-2006 a 20:21:50

J'avoue ne pas bien comprendre ce que tu veux faire... Si c'est passer les protections des bloqueurs de popups xp/google/yahoo/msn, tiens moi au courant quand tu auras la soluce.

Si c'est afficher une image dynamiquement dans un div, c'est dans ton script de galerie en php.. Mais ca me parait trop simple pour que ce soit ce que tu te demandais ?!

Titre: Re:Création bloc div dynamiquement
Posté par: TonTon FluBB le le 04-03-2006 a 14:17:13

Non je ne veux pas passer a travers les bloqueurs, ca me parait un peu dur ;D

Ce que je veux faire en fait, c'est ouvrir l'image en grand format dans un bloc div lors du clic sur la miniature.
Ce bloc div s'ouvrira donc par dessus la page (sur un niveau supérieur).

Mais si je ne me trompe pas, il faudrait que je crée autant de bloc div avec chacun une image, et afficher le bloc en question lors du clic sur la miniature.
Mais bon mettre 50 bloc div, la page va etre un peu lourde....

Alors ce que j'aimerai faire, c'est crée juste un seul bloc div, et mettre dedans une variable qui contiendrai le nom de l'image passée en paramètre lors de l'appel d'une fonction.

Genre :

Code:

<div name="div1" style="position: absolute; z-index: 2;">
<img src="+variable_image+">
</div>


Je sais pas si je suis assez claire ?

En tout cas merci beaucoup :D
Florent

Titre: Re:Création bloc div dynamiquement
Posté par: TonTon FluBB le le 04-03-2006 a 18:04:21

Franchement non je trouve que sa prend un peu trop de ressource, et beaucoup de requête aussi.

Je sais que je suis compliqué, mais j'y arriveré !!!

Titre: Re:Création bloc div dynamiquement
Posté par: Pierre68 le le 04-03-2006 a 19:53:10

;D Tu a bien raison il faut persévérer


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.