Cherche le nom du code

alain11 -  
 maroco -
bonjour,
voila je veux le code javascript pour la page grisee
je m'explique par exemple je suis sur la page d'accueil d'un site apres je clique sur connexion alors cette page devient grise(effet sur la page gris) les nom et mot de passe s'affiche et quand je me connecte ce store grise disparet et je retrouve ma page
vous comprenez je ve le nom de ce code ou si c'est possible un lien pour le retrouver
merci

23 réponses

  • 1
  • 2
  1. AdminTOURS Messages postés 412 Statut Membre 92
     
    Ça devrait pouvoir t'aider : http://project.mahemoff.com/modal/
    0
  2. alain11
     
    et oui c'est ca ce que je cherche mais celui la et tres fonce je ve quelque chose presque transparente
    0
  3. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    https://www.shadowbox-js.com/
    Tu peux régler le niveau de transparence, ainsi que la couleur de fond.
    0
  4. alain11
     
    bonjour avion -f16 j'ai telecharger le zip mais perso j'ai rien compris comment l'utiliser celui la????????
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. maroco
     
    salut les amis
    le premier lien m'interesse beaucoup mais je bloque pour son utilisation y'a t'il un guide????
    j'attends vos repenses
    merci d'avance
    0
  7. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Le premier lien n'est vraiment pas documenté.

    Commence par inclure JQuery et le plugin "modal".
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="modal.jquery.js"></script> 

    Pour ajouter l'effet sur un élément, donne-lui un identifiant (avec l'attribut id).
    Exemple :
    <a href="#" id="lien">Lien</a>

    Pour ajouter l'effet sur cet élément :
    <script type="text/javascript">
    $(document).ready(function() {
        $("#lien").click(function() { $.modal.show("Texte de la box"); });
    });

    Je n'ai jamais utilisé ce plugin, je ne sais pas si ce que je t'ai dit est correct.
    Les balises script sont à mettre dans l'entête de ta page (entre <head> et </head>)
    Pour récupérer JQuery, rends-toi sur le site officiel.
    Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
    0
  8. maroco
     
    bonjour
    j'ai fait tout ce que t'as dit avion-f18 mais rien ne se passe l'effet ne s'affiche pas et le box meme chose !!!!!! que dois je faire ????
    merci
    0
  9. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Fais Ctrl+Maj+J pour voir ce que la console en pense.
    0
  10. maroco
     
    re
    en faisant ctrl +maj+j rien ne s'affiche!!!
    0
  11. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    As-tu télécharger JQuery et le plugin sur le premier lien ?
    Tu dois renommer le fichire JQuery en jquery.min.js.
    Les deux fichiers .js doivent être dans le même dossier que ta page HTML.
    0
  12. maroco
     
    oui j'ai tout fait regarde:
    1ere page
    <html>
    <head>
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="modal.jquery.js"></script>
    </head>
    <body>
    <a href="page.html" id="lien">Lien</a>
    <script type="text/javascript">
    $(document).ready(function() {$("page.html").click(function() { $.modal.show("salut warda c'est reussi youpiiiiiiiiiiiiiii"); });});
    </script>
    </body>
    </html>

    2 eme page
    <html>
    <body>
    <p>REUSSI</p>
    </body>
    </html>
    et j'ai telecharge le jquery et je l'ai renomme
    et j'ai telecharger le modal du premier lien
    voila
    0
  13. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    " Les balises script sont à mettre dans l'entête de ta page (entre <head> et </head>) "
    $("page.html") : c'est un sélecteur CSS qu'il faut mettre. Donc pour un id "lien" : $("#lien")

    Je ne pense pas que ce système puisse ouvrir une page HTML, si c'est ce que tu cherches à faire.
    0
  14. maroco
     
    bonjour
    pour le resultat:
    j'ai fait ce que t'as dit et toujours RIEN
    explication:
    je vais etre plus clair je suis en train de creer ma e boutique je ve que quand le client clique sur ajouter au panier cet effet marron s'affiche avec la box avec les 2 bouton le premier c'est" continuer son shopping "(quand tu cliquie sur ca tu retrouve ta page d'avant ) et l'autre bouton c'est afficher son panier (et quand tu clique t'auras ton panier)
    c'est ca ce que je ve moi
    de ce code je ve juste cet effet marron apres je compte ameliorer ma box pour avoir les 2 bouton et tout tu comprends
    c'est possible ou pas
    merci
    0
  15. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Tu peux faire ça avec un simple message.
    message = 'Souhaitez-vous accèder à votre panier maintenant ?'+"\n"
    +'Cliquez sur "Ok" pour y accèder.'+"\n"
    +'Pour continuer vos achats, cliquez sur "Annuler"';
    
    if(confirm(message)) {
        document.location.href = 'panier.php';
    }
    0
  16. maroco
     
    oui je sais mais j'aime bien le detail du fond marron c'est special et donne du charme a la page tu comprend .alors est ce possible ou non le font avec mon idee que dois je faire pour que le script marche ???
    0
  17. maroco
     
    bonjour
    j'ai essaye avec shadowbox et c'est genial (pour les image ,les videos ...)mais crois tu que je pe afficher des liens(mes boutons) a la place d'une image par exemple
    j'attend votre repose merci d'avance
    0
  18. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    C'est possible via une iframe ou AJAX avec Shadowbox.
    0
  • 1
  • 2