10576 sujets

JavaScript, DOM et API Web HTML5

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:


<!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