Bonjour,

J'ai un petit problème de compréhension.
Sur cette page, il y a des systemes d'alerte (http://boooya.aqvatarius.com/components-alerts-notifications.html) dans la section Noty si vous cliquez sur Show me sur un bouton cela crée une alerte en haut a droite de l'écran, mais en regardant le code source, ce n'est pas un code Javascript qui est executer.

Une idée de comment lancer ce genre de notification en Javascript ?
Par exemple a la fin du chargement de la page il execute une alerte ?

Merci d'avance

7 réponses


Biensur que c´est du javascript qui declanche l´affichage. Elle doit etre cree en javascript et insere dans le dom au moment de l´utilisation du bouton

Cobryn
Auteur

Comment est-ce que je pourrait avoir ce code javascript pour le déclancher au chargement de la page s'il te plait ?

Bonsoir.
Tu pourrais par exemple commencer par regarder la documentation du plugin : noty - a jQuery Notification Plugin.

Cobryn
Auteur

J'ai regardé :) Mais n'ayant aucune connaissance si ce n'est que les bases et encore en JS, je ne trouve pas comment faire une notif success en js ...

comme c´est marqué dans la doc

var n = noty({text: 'noty - a jquery notification library!'});

Et pour une notif au chargement de page ben suffit de faire

$(document).ready(funciotn(){
   var n = noty({text: 'noty - a jquery notification library!'});
})

Apres si c´est sur du click ou des events differents, a toi de chercher un peut

Salut,

Si tu n'as aucune connaissance, commence par te former : https://www.grafikart.fr/formations/debuter-javascript

Pour commencer, tu dois inclure jQuery dans ta page et le plugin concerné bien sûr, soit par exemple :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-noty/2.3.8/jquery.noty.min.js"></script>

Ensuite, par exemple dans une balise script qui doit bien sûr se situer après et non avant l'appel des fichiers javascripts :

$(document).ready(function() {
    noty({
        text: 'Le texte a afficher dans la notification',
        type: 'success'
    });
});