Discussion :

[Lucas Panny]

Bonjour,

Est-ce que c'est la liste exhaustive des composants UI de JQuery: http://jqueryui.com/demos

En fait, le dialog c'est toujours comme une fenêtre avec une barre de titre, est-il possible de paramétrer pour avoir un dialog comme en Facebook, sans barre de titre?
Un carousel est aussi intéressant, j'en cherche mais j'en trouve pas pour jQuery, juste du tab!!!

[danielhagnoul]

Bonjour

Bonjour,

1. Est-ce que c'est la liste exhaustive des composants UI de JQuery: http://jqueryui.com/demos
2. En fait, le dialog c'est toujours comme une fenêtre avec une barre de titre, est-il possible de paramétrer pour avoir un dialog comme en Facebook, sans barre de titre?
3. Un carousel est aussi intéressant, j'en cherche mais j'en trouve pas pour jQuery, juste du tab!!!

1. Oui
2. Non
3. Il y a de nombreux plug-ins sur le web, il y a deux tutoriels :
   
   • Slider d'image ou de contenu avec jQuery
   • Une galerie d'images utilisant la propriété CSS z-index et jQuery

[Lucas Panny]

Entre-temps, j'ai fait aussi des recherches, il y a en effet des carousel JQuery: jcarousel et jcarousel lite!

Merci aussi pour les liens locaux

En effet, je ne cherche pas à faire des diapo mais diapo de pages si on peut le dire comme ça! Le problème c'est qu'il n'y a qu'effet de glissement vertical ou horizontal

J'ai préféré pour l'instant rester à show() et hide() en utilisant l'effet explode

[Lucas Panny]

Concernant le carousel, j'ai essayé de mettre des trucs comme suit dans les <li> mais ça ne s'affiche pas

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
              <div style="overflow:hidden;width:1000px;height:300px;">
                  <table style="width:100%">
                     <tr>
                        <td style="width:40%">
                           <ul>
                              <li>Toutes professions sans exception</li>
                              <li>Accès PDA et Smartphone</li>
                              <li>Prise de rendez-vous par Internet pour vos clients 24h/24, gratuit</li>
                              <li>Partage collaborateurs</li>
                              <li>Partage avec tous télésecrétariats (le vôtre ou un de nos partenaires)</li>
                              <li>Module intégrable dans votre site</li>
                              <li>Rappels par email ou SMS (option)</li>
                           </ul>
                           Avantages:
                           <ul>
                              <li>Gain de temps</li>
                              <li>Augmentation du Chiffre d’affaires</li>
                              <li>Confidentialité/ Sécurité</li>
                              <li>Votre professionnel reste joignable par téléphone</li>
                           </ul>   
                        </td>
                        <td></td>
                     </tr>
                  </table>
               </div>

[Lucas Panny]

Concernant le modal dialog de jQuery (le dialog en général), j'ai quelques difficultés avec le dernier jquery ui en ligne (http://jqueryui.com/demos/)
C'est plus beau avec les coins arrondis sous Firefox mais on ne peut pas lui donner une bordure épaisse

j'ai ajouté border: 4px solid #548DD4; à .ui-dialog mais aucun effet

[bruce-willis]

Pour le carrousel, j'ai trouvé un carrousel gratuit très fort: http://www.efectorelativo.net/laboratory/noobSlide/

[Epica84]

Bonjour,

Est-ce que c'est la liste exhaustive des composants UI de JQuery: http://jqueryui.com/demos

Merci pour l'adresse

[Lucas Panny]

Concernant le modal dialog de jQuery (le dialog en général), j'ai quelques difficultés avec le dernier jquery ui en ligne (http://jqueryui.com/demos/)
C'est plus beau avec les coins arrondis sous Firefox mais on ne peut pas lui donner une bordure épaisse

j'ai ajouté border: 4px solid #548DD4; à .ui-dialog mais aucun effet

Je cherche seulement à avoir un modal dialog comme suit (je modifie le CSS mais rien)
Pièce jointe 61015

[danielhagnoul]

Bonsoir.

Après 10s d'examen du code avec Firebug ! Et 5 minutes pour répondre.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.ui-widget-content {
	border:2px solid gray;
}

[Lucas Panny]

C'était si simple!
En fait, j'ai toujours travaillé sur ui.dialog.css alors que donc c'est dans ui.theme.css que se situe les bases (.ui-widget-content, .ui-widget-header)

Merci

[danielhagnoul]

Bonjour.

En fait, j'ai toujours travaillé sur ui.dialog.css alors que donc c'est dans ui.theme.css que se situe les bases (.ui-widget-content, .ui-widget-header)

C'est un vrai problème avec UI, il y a des styles partout (mais c'est inévitable), et suivant le problème auquel on est confronté cela se passe à un endroit différent ou à plusieurs endroits différents. C'est pourquoi il est préférable d'examiner le code avec Firebug, on peut tester des modifications. À toute fin utile, je vous signale le tutoriel adéquat pour apprendre Firebug : http://eric-pommereau.developpez.com...l-web/firebug/