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

JavaScript Discussion :

[AJAX] Faire Box Ajax "Diforme" & transparente


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 72
    Par défaut [AJAX] Faire Box Ajax "Diforme" & transparente
    Bonsoir à tous,

    Voilà je vous explique mon souhait.

    En me balladant sur le Net je suis tombé sur un site en Flash, où sur un événement onclick apparait une fenêtre qui a aspect visuel que j'aimerais reproduire.

    Voici le site en question (Il faut aller dans "voir les vidéos" et cliquer sur un point rouge pour voir apparaitre cette fameuse fenêtre :

    http://www.jiraidormirchezvous.com/i...p?page=accueil


    Donc j'aimerais refaire exactement cette fenêtre mais en Ajax et non en Flash. J'ai trouvé plusieurs sites qui expliquent comment faire des boxs, comme par exemple les ModalBox, les MooMessageBox.....

    Ca j'y arrive très bien. Maintenant ce que j'aimerais c'est lui donner la forme de celle du site que je vous ai cité : cadre diforme, avec un autre cadre à l'intérieur.... Savez vous si cela est possible sans rentrer dans des choses trop complexes ? Si oui pouvez vous m'éguyer !

    Merci par avance de vos précieux conseils !

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Utilises une box comme tu sais faire et place une image de fond qui correspond à la forme... le reste étant transparent.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 72
    Par défaut
    Merci Bovino je vais essayer ça !

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2006
    Messages : 72
    Par défaut
    Re-bonjour,

    Pour revenir sur mon problème, j’ai fait le test en définissant mon image (celle qui a une forme un peu biscornue) comme background image dans ma box comme cela m’avait été conseillé. Ca marche bien, je l’ai centré dans ma box mootools, je gère le niveau de transparence de la box ... Par contre ma box garde toujours une forme rectangulaire, ce qui n’est en soit pas un problème lorsque la couleur d’arrière plan de ma box est la même que la couleur de ma page qui a servi à l’ouvrir, mais quand ce n’est pas le cas on voit tout de suite le cadre de mon image !

    Dois je utiliser une image png ou gif pour avoir la transparence tout autour de ma forme ?

    Pour être plus clair, si par exemple mon image était un rond, j’aurais souhaité qu’à l’écran s’affiche uniquement le rond et que tout autour du rond, ça soit transparent !

    Je ne sais pas si j’arrive à bien me faire comprendre et je ne sais pas non plus si cela est possible ?

    En tous cas merci par avance de votre aide !

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Novembre 2008
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2008
    Messages : 11
    Par défaut
    utilise une image png avec fond tranparent

  6. #6
    Membre Expert
    Avatar de supersnail
    Homme Profil pro
    Inscrit en
    Novembre 2006
    Messages
    1 719
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 1 719
    Par défaut
    Effectivement,il vaut mieux utiliser PNG pour ce genre d'images,car le format JPEG ne gère pas la transparence

Discussions similaires

  1. [AJAX] faire tourner un script php en boucle avec ajax
    Par mitmit dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 05/05/2007, 10h33
  2. [AJAX] Faire passer une variable $_FILE par AJAX
    Par Mazike dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 06/03/2007, 12h22
  3. Réponses: 7
    Dernier message: 26/01/2007, 00h39
  4. [AJAX] Faire une boîte en diagonal
    Par gagarine dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 25/01/2007, 12h23
  5. [AJAX] Faire un return dans le onreadystatechange
    Par gelko dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/12/2006, 14h40

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