Bonjour tout le monde,
Je souhaiterai ouvrir un fichier .oft (un mail pré-fait de outlook) avec javascript et quand je dit ouvrir c'est bien ouvrir et non pas le télécharger.
Problème je ne trouve pas comment faire pourriez vous m'aider ?
Le HTML:
merci d'avance
Je souhaiterai ouvrir un fichier .oft (un mail pré-fait de outlook) avec javascript et quand je dit ouvrir c'est bien ouvrir et non pas le télécharger.
Problème je ne trouve pas comment faire pourriez vous m'aider ?
Le HTML:
<!DOCTYPE html>
<html>
<head>
<title> projet </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="CSS/Jarvis.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<script src='JSON/Listes.json'></script>
</head>
<body>
<div class="container containerCarte">
<img class="enteteAI" alt="so" src="Images/bandeauQetD.png" style='width: 100%;'/>
<div class="well" style='background-color: rgb(254, 254, 254);'>
<div class="row">
<div class="col-lg-12">
<div class="col-lg-12" id="titreFenetre" class="well"></div>
</div>
</div>
<div class="well" style='background-color: black;'>
<div class="row">
<div class="col-lg-12">
<div class="col-lg-12" id="contenuFenetre">
<select id="list"></select>
<select id="list_2"></select>
</div>
</div>
</div>
</div>
<div class="well" style='background-color: black'>
<div class="row" >
<div class="col-lg-6" id="Message_1">
<!--Affichage du message suivant dès qu'une option de la liste est selectionner-->
<p id="texte_1" style="color: white">Les personnes suivantes recevront ce message:</p>
<!--Affichage des destinataire/personne impacter par le problème selectionner-->
<p id="concerner" style="color: white"></p>
</div>
<div class="col-lg-6">
<!--Affichage du message de validation dès qu'une option de la deuxième liste est selectionner-->
<p id="texte_validation" style="color: white">Vous avez selectionner les options suivantes:</p>
<!--Affichage de la confirmation textuel des options choisis-->
<p id="option_select" style="color: white"></p>
<form>
<input id="bntVal" type="button" value="Validé">
</form>
</div>
</div>
</div>
</div>
</div>
<!--Javascript-->
<script type="text/javascript" src="Js/projet.js"></script>
</body>
</html>
//Création des variables contenant les éléments 'list' afin de les générer et de les afficher ou non.
var list = document.getElementById('list'); //liste des problèmes.
var list_2 = document.getElementById('list_2'); //liste des états du problème selectionner.
var concerner = document.getElementById('concerner'); //liste des personnes concerner par le problème.
//On crée la variable qui contient le bouton pour l'aficher plus tard.
var btnValAff = document.getElementById('bntVal');
//Création des autres variables du bouton.
var btn = document.querySelector('input');
//Création de la variable contenant le texte "Les personnes suivantes recevront ce message:" afficher avant les impacter.
var text_1 = document.getElementById('texte_1');
//Création de la variable contenant le message de validation des options.
var text_valid = document.getElementById('texte_validation');
//Création de la variable contenant le lieu ou seront afficher les options selectionner.
var option_select = document.getElementById('option_select');
//Création des variables utiliser dans les scripts.
var Selection;
var groupe_concerner;
var personne;
var texte_concerner;
var vir_esc = ', ';
//Masquage des éléments qui ne doivent pas apparaitre avant un événement.
list_2.style.display = 'none';
text_1.style.display = 'none';
concerner.style.display = 'none';
text_valid.style.display = 'none';
btnValAff.style.display = "none";
list.addEventListener('change', function() {
//Si une option est selectionner elle masque les éléments précédement afficher qui ne la concerne pas.
list_2.style.display = 'none';
text_1.style.display = 'none';
texte_concerner = 'A';
if(texte_concerner == 'A'){
concerner.style.display = 'none';
}
//Détermine quelle groupe d'impacte doit être selectionner.
groupe_concerner = list.value;
//Détermine se qui doit être afficher ou non dans la liste des concerner.
if(list_concerner.length>=1)
{
for(var i=0;i<list_concerner.length;i++){
personne = list_concerner[i].id; //récupére le numméro du groupe au quelle il appartient.
if(personne == groupe_concerner){ //Détermine si la personne noté dans la liste fait ou non partie du groupe concerner.
personne = list_concerner[i].name
if(texte_concerner == 'A') //A signifie que la variable est vide donc qu'il n'y a pas besoin de la combiner a elle même.
texte_concerner = personne;
else
texte_concerner = texte_concerner + vir_esc + '<br>' + personne;
}
}
}
//insertion de la liste dans le HTML.
concerner.innerHTML = texte_concerner;
//Si la liste n'est pas vide alors il l'affiche.
if(texte_concerner != 'A'){
concerner.style.display = 'block';
text_1.style.display = 'block';
} //Si la liste est vide il s'assure qu'elle reste masquer.
else if(texte_concerner == 'A'){
concerner.style.display = 'none';
text_1.style.display = 'none';
}
//Si le texte s'affiche alors la liste 2 peut s'afficher donc on l'affiche.
if(text_1.style.display == 'block')
list_2.style.display = 'block';
});
list_2.addEventListener('change', function() {
//Si la selection de l'état du problème a été effectuer alors...
if(list_2.value != 0){
//Préparation du texte a afficher.
var textValid = '<br/>Option selectionner: <br/><br/>' + list_2.options[list_2.selectedIndex].text + ' de la panne / du disfonctionnement ' + list.options[list.selectedIndex].text + '.<br/><br/>';
//Envoi du texte.
text_valid.innerHTML = textValid;
//affichage des éléments nécessaire.
text_valid.style.display = 'block';
btnValAff.style.display = 'block';
}
else{
//On masque ce qui aurai pu être afficher plus haut.
text_valid.style.display = 'none';
btnValAff.style.display = 'none';
}
});
//On vérifie si le bouton est cliquer ou non.
btn.addEventListener('click', updateBtn);
//Si le bouton est cliquer alors la fonction s'active.
function updateBtn(){
var Result = list_2.options[list_2.selectedIndex].text + ' ' + list.options[list.selectedIndex].text;
console.log(Result);
if(Result != null)
{
for(var i=0;i<mail_possible.length;i++){
mail_name = mail_possible[i].name; //récupére la désignation du mail.
if(mail_name == Result){ //Détermine si le mail correspond a la situation.
console.log(mail_possible[i].URL_dest);
window.open(mail_possible[i].URL_dest);
}
}
}
else
alert("Erreur");
}
//configuration des options de la balise première <select> (options de la liste 1).
for(var i=0;i<jlist_problemes.length;i++){ //La boucle détermine de façons quasi-dinamique les options du fichier JSON a afficher.
var newOption = new Option (jlist_problemes[i].Value, jlist_problemes[i].id);
list.options.add (newOption); //Ajout de l'option a la balise <select> (ajout du choix dans la liste) précedement enregistrer dans la variable.
}
//configuration des options de la balise deuxième <select> (options de la liste 2).
for(var i=0;i<jlist_avancements.length;i++){
var newOption = new Option (jlist_avancements[i].Value, jlist_avancements[i].id);
list_2.options.add (newOption);
}
merci d'avance