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
[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2ZUNE : NOUVELLE VERSION DU ZUNE SOFTWARE - V 4.2 par ROMELARD Fabrice
Avec la dernière génération du lecteur MP3 de Microsoft, le ZUNE HD, Microsoft a publié une nouvelle version du logiciel pour PC. Ainsi, je me suis décidé à installer celle-ci sur mon Tablet PC ACER, comme toujours le logiciel est donc tél...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
RE : CONVERSIONRE : CONVERSION par peter2010
Cliquez pour lire la suite par peter2010
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|