IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

[Jquery ?] Faire pivoter un div et du texte sur une page


Sujet :

jQuery

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 134
    Points : 71
    Points
    71
    Par défaut [Jquery ?] Faire pivoter un div et du texte sur une page
    Bonjour,

    je souhaite mettre en place un système de "news" sur un site.

    L'idée serait d'afficher 5 ou 6 news sur une même page, sous forme de "post-it" (pour donner un petit effet "en vrac" à mes news, et rendre le tout un peu plus original). Si je souhaite utiliser Jquery c'est surtout pour le côté draggable que je veux donner à mes post-it (un div par post-it)

    L'utilisateur pourrait alors donner le focus à la news qui l'intéresse en cliquant dessus, voir déplacer les post-it sur la page (draggable).

    Le résultat serait un peu comme ceci (avec donc 5 ou 6 post-it sur ma page) : http://www.976musique.org/wp-content/uploads/postit.jpg

    J'aimerai aussi ajouter un genre de petite croix en haut à droite de chaque post-it pour le supprimer de la page (le rendre "invisible" lorsque l'on clique sur ce bouton).

    Voici maintenant mon problème : je pense pouvoir faire mes div et mes boutons convenablement, insérer les données de ma BDD dedans, mais comment faire pivoter tout l'ensemble ?? Je ne suis même pas sûr que ceci soit faisable, étant donné que chaque post-it(donc chaque div) contiendra du texte et mon bouton de suppression (qui doivent donc pivoter en même temps que l'image du post-it) !?
    Suis-je obligé de passer par du flash pour ce genre de chose ?

    Merci de m'éclairer (je n'attends pas de code de votre part, simplement une réponse (si oui ou non c'est faisable), voir une petite indication sur les plugins à utiliser)

    Merci à tous

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 644
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    Il existe des plugins de rotation pour jquery, mais destiné aux images.
    Les rotations de textes sont plus limitées par tanches de 90°.

    C'est réalisable avec flash ou svn voire peut être avec les nouvelles possibilités de css3

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 134
    Points : 71
    Points
    71
    Par défaut
    Merci pour cette réponse rapide

    Je pensais bien que le texte poserait problème... Le soucis avec CSS3 c'est que ma page ne sera probablement pas compatible à 100% avec certains navigateurs tels IE...
    N'ayant vraiment aucune connaissance en flash, je pense laisser mes post-it à la "normale" (superposés mais aucune rotation). En effet, une rotation de 90° est beaucoup trop importante pour l'effet que je souhaite obtenir.

    Merci pour ces précisions, qui m'auront sûrement permise de gagner un temps précieux pour mon développement.

    Bonne soirée

  4. #4
    Invité
    Invité(e)
    Par défaut
    salut,

    je pense laisser mes post-it à la "normale" (superposés mais aucune rotation)
    quit à faire ça, avec css3, autant faire bénéficierles utilisateurs d'un navigateur décent la rotation de tes post-its, et laisser aux navigateurs poussiéreux l'affichage à la vecticale des posts-it!

    Pour cqui est de la facilité de mise en oeuvre, ca doit être réalisable. Je dis dois parce que je sais pas si c'est difficilement mis en oeuvre et là j'ai pas trop de temps pour me laisser en terrain peu connu
    Je peux néanmoins affirmer que les rotations de texte se font bien. Sous ff et chromium. De même que les images. Là ou ça pourrait devenir compliqué, c'est si dans le post-it ya une image... ou si le texte peut faire grandir le post-it. Ce genre de choses.

    rq : je pense que les 90° de spacefrog s'adressaient à jquery, parce que css3 permet bien sûr de faire du 12° ou je ne sais quoi d'autre.

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Avril 2010
    Messages
    134
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2010
    Messages : 134
    Points : 71
    Points
    71
    Par défaut
    Citation Envoyé par galerien69 Voir le message
    quit à faire ça, avec css3, autant faire bénéficierles utilisateurs d'un navigateur décent la rotation de tes post-its, et laisser aux navigateurs poussiéreux l'affichage à la vecticale des posts-it!
    Bonjour
    Intéressante également cette réponse. Il est vrai que tant qu'à faire ce n'est pas idiot de permettre aux utilisateurs qui le peuvent de profiter d'un affichage correct

    Citation Envoyé par galerien69 Voir le message
    Là ou ça pourrait devenir compliqué, c'est si dans le post-it ya une image... ou si le texte peut faire grandir le post-it. Ce genre de choses.
    Malheureusement oui, il y aura une ou plusieurs images, et un post-it pourra être plus ou moins long en fonction de ce qu'il contiendra
    Je vais voir ce que je peux faire, je me débrouillerai bien d'une façon ou d'une autre

    Merci encore pour tout ces conseils

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Afficher une div centrée en hauteur sur une page scrollée
    Par nero76 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 15/07/2009, 10h21
  2. [HTML] Afficher un fichier text sur une page d'index
    Par madmax57 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 28/08/2008, 16h28
  3. [MySQL] Afficher aléatoirement un texte sur une page
    Par baboulinet84 dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 04/02/2008, 13h02
  4. Encadrer tout un texte sur une page
    Par martini37 dans le forum Mise en forme
    Réponses: 1
    Dernier message: 02/01/2007, 22h11
  5. [XSL][Templates]Du texte sur une page déterminée?
    Par cackybis dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 13/06/2006, 10h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo