CodeS-SourceS
Rechercher un code, un tuto, une réponse

Création DIV + Notification

Soyez le premier à donner votre avis sur cette source.

Snippet vu 3 065 fois - Téléchargée 3 fois

Contenu du snippet

Si vous voyez des modifications à faire ou auter n'hésitez pas à me contacter :)

Parti HTML

// Ligne a rajouter en haut du HTML
 // <script type='text/javascript' src='Source_de_votre_JS'></script>

 //Message Perso
  // Exemple : onclick="resultOK('L'action réalisé est OK!', 'div_id');"
  



Parti JS :
//OK_msg => Définition du message que vous souhaiter saisir.
//divid => Id du div présent sur votre page HTML

function resultOK(OK_msg, divid){ 

    var message_OK = OK_msg;

    var newDiv = document.createElement('div'); // Create DIV
    newDiv.setAttribute('id', 'elementResultOK'); // Id DIV
    
    //Parti css du DIV créé
    newDiv.style.border = 'solid 2px #33CC66';
    newDiv.style.background = '#33CC66'; // Color Background
    newDiv.style.right = '0px';
    newDiv.style.width = '200px';
    newDiv.style.height = '75px';
    newDiv.style.top = '0px';
    newDiv.style.position = 'absolute';
    newDiv.style.zindex = '1'; //Affichage en premier Plan
    newDiv.style.borderRadius = '10px'; // Border arrondi
    newDiv.style.color = 'white'; // Color TEXT

    newDiv.innerHTML = '<center></br>'+OK_msg+'</center>'; // Text du DIV créé

    document.getElementById(divid).appendChild(newDiv); // Affichage du DIV
    
    setTimeout(function(){$("#elementResultOK").fadeOut('normal');}, 3000); // délai temporaire du div 

    // délai evenement click sur un bouton(ou autre ) existant
    //Changer #submit par l'id de votre bouton (ou autre).
    //3000 temps avant le click automatique sur le bouton
    setTimeout(function(){$("#submit").click();}, 3000); 

};

Compatibilité : 0.1

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.