Discussion :

[patricktoulon]

bonsoir a tous
je cheche a avoir 3 choix possible dans une fonction une sorte de switch selon le navigateur employé
selon le navigateur changer de methode

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
function insertimg2(){
   var isChrome = !!window.chrome && !!window.chrome.webstore;
   var isFirefox = typeof InstallTrigger !== 'undefined';
   var isIE = /*@cc_on!@*/false || !!document.documentMode;
 
alert("IE= " +isIE + "   Firefox= "+isFirefox+ "    Chrome= "+isChrome);
//methode pour chrome
   var selection =window.getSelection().getRangeAt(0);
   selection.collapse(true);//au cas ou la selection contient du texte on met le start et end a zero avec collapse pour ne pas remplacer le texte
   window.getSelection().addRange(selection);             
   choixfichier.click();var add=choixfichier.value;   
   var baliseimg = document.createElement("img");
   baliseimg.src=add;
   baliseimg.width=300;
   selection.insertNode(baliseimg);
 
//methode pour IE mise en commentaire 
   // il est important de determiner la selection (meme vide) sinon l'insertion se fait sur tout le document et remplace tout 
   //var selection = window.getSelection().getRangeAt(0);
  // selection.collapse(true);//au cas ou la selection contient du texte on met le start et end a zero avec collapse pour ne pas remplacer le texte
   // window.getSelection().addRange(selection); // garde la selection active             
   //l'avantage de execCommand c'est qu'il ouvre sa propre petite fenetre avec un bouton "parcourir" 
   //possibilité de regler dans cette fenetre l'alignement et le hspaces le src a  l'url du fichier local tel quel
   //document.execCommand("insertimage",null,null);
 
 
 
}

[psychadelic]

comprend pas la question
tu cherche à déterminer quel type de navigateur est utilisé ? => if(navigator.userAgent.indexOf('MSIE')) ..... ou Modernizr

tu cherche à connaître une approche algorithmique pour gérer ce type de probleme ?

Est-ce les autres navigateurs sont à exclure ? (Vivaldi, Safari,... ils doit en exister des dizaines...)


Est-ce que tu cherche à déterminer en fonction de l'interpréteur Javascript ou du moteur de rendu des pages HTML ?
et suivant leurs version ?

Est-ce tu a songé à html5Shiv ou à un simple css reset ?

etc.. ???

[patricktoulon]

bonsoir psychadelic

toutes fonctions qui sont et seront presentes dans le wysiwyg ne seront compatible que IE chrome firefox bien que pour le dernier je n'ai pas confirmation
j'ai trois variable isie,ischrome,isfirefox


dans la fonction selon si l'une ou l'autre est a true un code s'executera c'est tout donc coment faire ca

[psychadelic]

Je vois pas trop ce que veux dire «*wysiwyg*» dans ton contexte à toi, mais passons.

A te lire, il semblerai possible que plus d’une de tes 3 variables soit à true, auquel cas il y aurai une priorité entre eux*??

Sinon je ne vois pas trop la difficulté*:

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function bidule() {
	if ( isIE ) {
		// code spécifique pour le cas IE
 
 
		return; // a la rigueur ça évite de faire des bétises de code
	}
	if ( isFirefox  ) {
		// code spécifique pour le cas  isFirefox
 
		return;
	}
	if ( isChrome  ) {
		// code spécifique pour le cas isChrome
 
		return; 
	}
}

[patricktoulon]

re
bonjour psychadelc
j'avais essayé cela et ca plante tout le wysiwyg ne se construit meme plus

je vais laisser cette question en suspens je ferais les adaptations"chrome" apres il y a trop de différence peut etre ferais je 2 fichiers plutot que des adaption dans des if else qui n'en finissent plus
merci pour le retour

[psychadelic]

Ok, relance quand tu voudra..

mais je ne vois pas trop comment un if ( isIE ) { peut tout faire planter. ?

Qu'est que donnait ton alert("IE= " +isIE + " Firefox= "+isFirefox+ " Chrome= "+isChrome);
en ligne 6 sur ton premier post ?