begin process at 2010 03 22 03:06:59
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Autre Framework

 > 

customisation thickbox jquery ajax help


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

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,
  1. <script type="text/javascript">

  2. var mycarousel1_itemList = [
  3. <?php

  4. $connexion = Connexion ();
  5. $query = "SELECT * FROM images WHERE categorie = ".$categorie." ";
  6. $result = mysql_query($query)or die(mysql_error());
  7. $nbligne = mysql_num_rows($result);
  8. $i = 0;
  9. while($row = mysql_fetch_array($result))
  10. {
  11. $image= $row['src'];
  12. $titre= $row['titre'];
  13. $description = $row['description'];
  14. echo '{url: "'.$image.'", title: "'.$titre.'", description: "'.$description.'"}';
  15. if ($i++ < $nbligne - 1) echo ',';
  16. }
  17. mysql_close();
  18. ?>
  19. ];
  20. var mycarousel2_itemList = [];
  21. function mycarousel1_itemLoadCallback(carousel, state)
  22. { for (var i = carousel.first; i <= carousel.last; i++) {
  23. if (carousel.has(i)) {
  24. continue; }

  25. if (i > mycarousel1_itemList.length) {
  26. break;
  27. }
  28. // Create an object from HTML
  29. var item = jQuery(mycarousel1_getItemHTML(mycarousel1_itemList[i-1])).get(0);
  30. // Apply thickbox
  31. tb_init(item);
  32. carousel.add(i, item);
  33. }
  34. };
  35. function mycarousel2_itemLoadCallback(carousel, state)
  36. {
  37. for (var i = carousel.first; i <= carousel.last; i++) {
  38. if (carousel.has(i)) {
  39. continue;
  40. }

  41. if (i > mycarousel2_itemList.length) {
  42. break;
  43. }
  44. // Create an object from HTML
  45. var item = jQuery(mycarousel2_getItemHTML(mycarousel2_itemList[i-1])).get(0);
  46. // Apply thickbox
  47. tb_init(item);
  48. carousel.add(i, item);
  49. }
  50. };

  51. /**
  52. * Item html creation helper.
  53. */
  54. function mycarousel1_getItemHTML(item)
  55. {
  56. var url_m = item.url.replace(/_s.jpg/g, '.jpg');
  57. return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
  58. };

  59. jQuery(document).ready(function() {
  60. jQuery('#mycarousel1').jcarousel({
  61. easing: 'bounceout',
  62. animation: 800,
  63. size: mycarousel1_itemList.length,
  64. itemLoadCallback: {onBeforeAnimation: mycarousel1_itemLoadCallback}
  65. });
  66. });
  67. function mycarousel2_getItemHTML(item)
  68. {
  69. var url_m = item.url.replace(/_s.jpg/g, '.jpg');
  70. return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="135" height="135" border="0" alt="' + item.title + '" /></a>'
  71. };
  72. jQuery(document).ready(function() {
  73. jQuery('#mycarousel2').jcarousel({
  74. size: mycarousel2_itemList.length,
  75. itemLoadCallback: {onBeforeAnimation: mycarousel2_itemLoadCallback}
  76. });
  77. });
  78. </script>
thickbox3_1.js
  1. // description= "test";// modif jerry

  2. // modif jerry (below)
  3. $("#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>" );



  4. {//this means the window is already up, we are just loading new content via ajax
  5. $("#TB_ajaxContent" )[0].style.width = ajaxContentW +"px";
  6. $("#TB_ajaxContent" )[0].style.height = ajaxContentH +"px";
  7. $("#TB_ajaxContent" )[0].scrollTop = 0;
  8. $("#TB_ajaxWindowTitle" ).html(caption);
  9. $("#TB_description" ).html(description); //modif jerry est-ce nécessaire?
  10. }




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:


Nos sponsors


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 (4)

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