Accueil > Forum > > > > customisation thickbox jquery ajax help
customisation thickbox jquery ajax help
vendredi 3 juillet 2009 à 23:43:54 |
customisation thickbox jquery ajax help

jerrrrrry
|
bonjour, je cherche à customiser thickbox je prends les paramètres des images ds une base msql et voudrais rajouter une div #TB_description à l'intérieur de la fenêtre pour en afficher la description juste à côté du titre de l'image. voici la page d'index appelant thickbox3_1.js script situé plus bas si je place la variable description directement ds thickbox3_1.js la fenêtre s'affiche , le div aussi ainsi que le contenu de la variable donc un problème de transmission /recupération de variable ??? merci d'avance pour toute piste ou solution apportée  , - <script type="text/javascript">
- var mycarousel1_itemList = [
- <?php
- $connexion = Connexion ();
- $query = "SELECT * FROM images WHERE categorie = ".$categorie." ";
- $result = mysql_query($query)or die(mysql_error());
- $nbligne = mysql_num_rows($result);
- $i = 0;
- while($row = mysql_fetch_array($result))
- {
- $image= $row['src'];
- $titre= $row['titre'];
- $description = $row['description'];
- echo '{url: "'.$image.'", title: "'.$titre.'", description: "'.$description.'"}';
- if ($i++ < $nbligne - 1) echo ',';
- }
- mysql_close();
- ?>
- ];
- var mycarousel2_itemList = [];
- function mycarousel1_itemLoadCallback(carousel, state)
- { for (var i = carousel.first; i <= carousel.last; i++) {
- if (carousel.has(i)) {
- continue; }
- if (i > mycarousel1_itemList.length) {
- break;
- }
- // Create an object from HTML
- var item = jQuery(mycarousel1_getItemHTML(mycarousel1_itemList[i-1])).get(0);
- // Apply thickbox
- tb_init(item);
- carousel.add(i, item);
- }
- };
- function mycarousel2_itemLoadCallback(carousel, state)
- {
- for (var i = carousel.first; i <= carousel.last; i++) {
- if (carousel.has(i)) {
- continue;
- }
- if (i > mycarousel2_itemList.length) {
- break;
- }
- // Create an object from HTML
- var item = jQuery(mycarousel2_getItemHTML(mycarousel2_itemList[i-1])).get(0);
- // Apply thickbox
- tb_init(item);
- carousel.add(i, item);
- }
- };
- /**
- * Item html creation helper.
- */
- function mycarousel1_getItemHTML(item)
- {
- var url_m = item.url.replace(/_s.jpg/g, '.jpg');
- return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
- };
- jQuery(document).ready(function() {
- jQuery('#mycarousel1').jcarousel({
- easing: 'bounceout',
- animation: 800,
- size: mycarousel1_itemList.length,
- itemLoadCallback: {onBeforeAnimation: mycarousel1_itemLoadCallback}
- });
- });
- function mycarousel2_getItemHTML(item)
- {
- var url_m = item.url.replace(/_s.jpg/g, '.jpg');
- return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
- };
- jQuery(document).ready(function() {
- jQuery('#mycarousel2').jcarousel({
- size: mycarousel2_itemList.length,
- itemLoadCallback: {onBeforeAnimation: mycarousel2_itemLoadCallback}
- });
- });
- </script>
thickbox3_1.js - // description= "test";// modif jerry
- // modif jerry (below)
- $("#TB_window" ).append("<a href='' id='TB_ImageOff' title='Close'><img id='TB_Image' src='"+url+"' width='"+imageWidth+"' height='"+imageHeight+"' alt='"+caption+"'/></a>" + "<div id='TB_caption'>" +caption+ "<div id='TB_description'>" +description+ "</div><div id='TB_secondLine'>" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "</div></div><div id='TB_closeWindow'><a href='#' id='TB_closeWindowButton' title='Close'>close</a> or Esc Key</div>" );
- {//this means the window is already up, we are just loading new content via ajax
- $("#TB_ajaxContent" )[0].style.width = ajaxContentW +"px";
- $("#TB_ajaxContent" )[0].style.height = ajaxContentH +"px";
- $("#TB_ajaxContent" )[0].scrollTop = 0;
- $("#TB_ajaxWindowTitle" ).html(caption);
- $("#TB_description" ).html(description); //modif jerry est-ce nécessaire?
- }
|
|
Cette discussion est classée dans : item, description, tb, mycarousel1, mycarousel2
Répondre à ce message
Sujets en rapport avec ce message
liste deroulante - son joue automatiquement. [ par elanspeech ]
Bonjour, J'ai une liste deroulante (item1,item2,...). J'aimerais que lorsque l'utilisateur selectionne un item de cette liste, un fichier son correspo
Item du liste [ par mathieumg ]
Comment puis-je récupérer pas la valeur mais le nom de l'élément sélectionné dans une drop-down list ?Merci d'avance !Mathieu M-G
Problème de compatibilié avec Netsape [ par thebigbang ]
bonjour à vous, j'ai ce code js qui tourne bien sous IE, mais sous netscape ce ne marche pas du tout.L'argument select représente un select sur la pag
comment sélectionner un item dans une combo HTML ?? [ par dinous ]
Bonjour, prenons par exmepel une combo HTMl ( balise )qui contiendrais 'chien', 'chat', 'poisson', 'oiseau'le sélectionné par defaut est el premier da
Tableau & Boutton XP... [ par MAsterC ]
Bonjour à tous!Voici mon problème:J'ai un tableau avec 2 Colones... à l'aide d'un boutton "flèche" (comme dans windows xp) quand je clique dessus je c
**Personnaliser la police et la taille du texte d'un menu** [ par gprog ]
BonjourAvant tout je dois dire que je suis novice en langage javascript.J'utilise un menu javascript que je souhaiterais modifier au niveau des police
<DIV> Explorer 5 Macintosh [ par jpastier ]
Bonjour, J'ai réalisé un script qui me permet d'afficher les détails d'un lien. Tout fonctionne correctement sur les navigateurs Firefox, Safari, ma
ca marche sous firefox mais pas sous IE!!!! [ par taz_iup ]
J'ai voulu faire un petit menu style XP mais sans image pour l'instant donc ma petite affaire marche sous mozilla firefox mais pas sous IE!!! de plus
Switch qui ne marche pas [ par stitchout ]
bonjour, je souhaite faire un siwtch dans une fonction qui est appelé sur une autre page grâce à une liste déroulante et un Onchange. seulement je pas
Code à rectifier [ par CHABRY ]
Bonjour, J'ai um pb avec ce code avec lequel je veux parcourir tous les formulaires d'1 même doc HTML ainsi que les champs de chacun d'eux. CODE:
Livres en rapport
|
Derniers Blogs
SLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPSSLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPS par Vko
Retrouvez les slides et les démo de ma session Fast & Furious XAML Apps. A ceux qui se posent la question : "est-ce que le code de la DataGrid est disponible?", je vous répondrais "pas encore". Je vais mettre en place un projet codeplex pour part...
Cliquez pour lire la suite de l'article par Vko XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|