begin process at 2010 03 22 16:53:41
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Lightbox avec liens qui changent


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

Lightbox avec liens qui changent

jeudi 22 janvier 2009 à 16:56:29 | Lightbox avec liens qui changent

David78390

Bonjour à tous.

Pour mon site je souhaite utiliser une Lightbox  pour faire un zoom sur les produits.
Cependant je voudrais que chaque image puisse,
      - lorsque l'on passe dessus avoir le phénoméne Lightbox (ca c'est bon)
      - lorsque l'on clique sur la Lightbox, envoyer sur un lien. (la y'a bug ).
Maintenant je complique la chose:
J'utilise du php pour générer la page html (car elle est repetitive), je voudrais donc
qu'à chaque image corresponde un Lightbox et un lien qui depend de cette image.

voici la source:

partie php qui genere ma page:

<?php if ($prod['image1'] <> "") {?>
      <div align="center">
         <?php $LienImg= $wwwroot.'/achat/produit_details.php?id='.$prod['id'] ?>
         <?php echo $LienImg ?>  <!--ici le lien créé en php propre à l'image que je souhaite mettre dans le script de la fonction initLightbox() -->

         <a href="<?php echo $wwwroot?>/upload/<?php echo $prod['image1'] ?>" rel="lightbox"> 
            <img src="<?php echo $wwwroot?>/upload/<?php echo $prod['image1'] ?>" border=1 width="153" alt="" />
         </a>
      </div>
<?php } else {?><div align="center"><img src="<?php echo $wwwroot?>/images/photo-non-disponible.gif" alt="" /></div><?php }?>

partie Lightbox:


function initLightbox()
{
 if (!document.getElementsByTagName){ return; }
 var anchors = document.getElementsByTagName("a");

 // loop through all anchor tags
 for (var i=0; i<anchors.length; i++)
   {
     var anchor = anchors[i];
     if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox"))
           {
               anchor.onmouseover = function () {showLightbox(this); return false;}  //Lightbox sur passage de la souri
            //   anchor.onmouseout = function () {hideLightbox()(this); return false;}
           }
    }
......
 // create link
 var objLink = document.createElement("a");
// objLink.setAttribute('href','#');
 objLink.setAttribute('href','http://127.0.0.1/2008/achat/produit_details.php?id=1'); //et je voudrais mettre le lien ici en dynamique et non en dur


 objLink.setAttribute('title','Cliquez pour fermer');
// objLink.onclick = function () {hideLightbox(); return false;}
 objLightbox.appendChild(objLink);
.....
}

Merci pour toutes reponses ou pistes.
A bientot





L'entre-aide est la force de notre savoir



Cette discussion est classée dans : function, return, anchor, lightbox, objlink


Répondre à ce message

Sujets en rapport avec ce message

problème pour resté sur un formulaire URGENT!!! [ par romiain ] function verifnom(){if (document.formu.nom.value.length == 0){alert("Entrez votre nom!");return false;}return true;}Bonjour à tous,Ma question est la Simplissime : Horloge imprécise [ par jy2m ] Bonjour,Je ne connais rien en Javascript, simplement j'ai trouvé un script anglais d'horloge imprécise et je l'ai un peu changé pour l'adapter en fran Pb avec un script (menu deroulant vertical) sur IE [ par batmkana ] Bonjour, J'ai un soucis avec un script qui fonctionne sur Firefox, et quelques version d'IE, mais pas les dernières (7. ...)Voici le script :/*======= Probleme de code [ par Orpheus57 ] Voila le code que j'ai récupéré...Je tente de le comprendre seulement cela me parait assez confus/** * SWFObject v1.4: Flash Player detection and embe recupérer le code html d'une selection [ par caviar ] Saluté ! j'ai un petit pb tout bête ...j'aimerai récupérer le code html selectionné lorsqu'un utilisateur fait un surlignage sur ma page ...par exempl Un ptit coup de main pour interpreter un fichier .js ? [ par VieilleLoute ] Bonjour, Je construits (ou du moins j'essaie !) un site avec le CMS Joomla, et j'ai ajouté sur ce site le module Yoodrawer, visible<a target="_blank" Menu déroulant, problème de lien ! [ par tweeterdk ] BonjourJe suis entrain de réaliser un menu, et j'ai quelques petits problèmes :J'utilise ce script :if(!window.Node){  var Node = {ELEMENT_NODE : 1, T Problème pour appeler une fonction en javascript [ par Joke758 ] J'essaie d'appeler la fonction AM.PassportEncrypt.EncryptData("test1", null, "pwd", null) mais je ne sais pas pourquoi ça ne fait rien..voici ma sourc menu accordéon dans fenetre au survol [ par zon28 ] Bonjour le but du script suivant est 1- créer une zone à l'aide d'une div (#menu1, #menu2,...); 2- au survol de cette zone faire appaitre un menu ac problème de return en javascript [ par LordSnotling ] Bonjour, voilà mon problème, j'ai une fonction en javascript qui devrait me retourner une string or il me retourne le code de la function, j'avoue que


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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,515 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales