Modaldialog personnalisable, jquery carousel ca existe-t-il

Version imprimable

23/03/2010, 14h57
Lucas Panny

Modaldialog personnalisable, jquery carousel ca existe-t-il

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!!!
24/03/2010, 09h09
danielhagnoul
Bonjour
Citation:
Envoyé par 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!!!
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
24/03/2010, 16h24
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

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

Code:

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>

30/03/2010, 17h18
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
31/03/2010, 13h30
bruce-willis

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

Citation:

Envoyé par Lucas Panny

Bonjour,

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

Merci pour l'adresse :ccool::ccool::ccool:
12/04/2010, 14h57
Lucas Panny

Citation:

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
12/04/2010, 22h20
danielhagnoul
Bonsoir.

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

1 2 3 .ui-widget-content { border:2px solid gray; }
13/04/2010, 08h25
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
13/04/2010, 10h05
danielhagnoul

Bonjour.

Citation:

Envoyé par Lucas Panny

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/