632702_fr-FR

liliconcom

Kiosque Conseil du jour

JSL pour écrire du HTML.

@cbaril a demandé une présentation de diapositives pour les éléments JMP Astuce du jour à exécuter en mode kiosque . Les astuces sont stockées dans un répertoire d'installation JMP sous forme de fichiers HTML qui s'afficheront dans un navigateur. Voici du JSL qui créera un fichier index.html pour lire les astuces en boucle. Il n'y a vraiment pas beaucoup de JSL ici : chargez les noms de fichiers et insérez-les dans un modèle HTML/JavaScript, écrivez le résultat sur le disque et ouvrez-le dans un navigateur. L'essentiel de la magie réside dans le CSS et le JavaScript ; Google était mon ami. Vous devrez ajuster le répertoire de pointe du jour pour votre machine. J'ai uniquement testé avec FireFox et quelques autres navigateurs. Vous pouvez modifier la transition de 1,5 s (deux places) et le délai de 10 s (une place, 10 000 ms).

If( JMP Version() < "16", Throw( "This JSL needs JMP 16 or greater" ) );

todd = Match( Left( JMP Version(), 2 ),
	"16", "C:\Program Files\SAS\JMP\16\Tip of the Day\",
	"17", "C:\Program Files\SAS\JMP\17\Tip of the Day\",
	"18", "C:\Program Files\JMP\JMPEA\18\Tip of the Day\",
	Throw( "open the jsl and add the tip file location for JMP " || JMP Version() )
);

If( !Directory Exists( todd ), Throw( "Can't find " || todd ) );
todd = Substitute( todd, "\", "/" );
filelist = Filter Each( {f}, Files In Directory( todd ), Ends With( f, ".htm" ) );
filelist = Transform Each( {f}, filelist, "'file://" || todd || f || "'" );

html = Save Text File(
	"$temp/index.html",
	Eval Insert(
		"

	
		<STYLE>
			.container_row{
			  display: grid;
			}

			.layerVisible, .layerHidden{
			  grid-column: 1;
			  grid-row: 1;
			}

			.layerVisible {
			  opacity: 1.0;
			  transition: opacity 1.5s ease-in-out;
			}

			.layerHidden {
			  opacity: 0.0;
			  transition: opacity 1.5s ease-in-out;
			}
		</STYLE>
		 <TITLE>JMP ^left(jmpversion(),2)^ astuces</TITLE>
	
	
		<DIV class="container_row">
			<DIV class="layerVisible">
				<IFRAME id="if_1" src="https://community.jmp.com/" style="width: 2500px;height: 2000px;float: left;margin: 20px;"></IFRAME>
			</DIV>
			<DIV class="layerHidden">
				<IFRAME id="if_2" src="https://community.jmp.com/" style="width: 2500px;height: 2000px;float: left;margin: 20px;"></IFRAME>
			</DIV>
		</DIV>
	

	<SCRIPT type="text/javascript">
		/* 
		   http://www.dynamicdrive.com/forums/showthread.php?73827-Java-Script-for-cycling-through-pages 
		   https://stackoverflow.com/questions/59940969/looking-to-do-transitions-between-iframes-using-javascript 
		   https://stackoverflow.com/questions/6780614/css-how-to-position-two-elements-on-top-of-each-other-without-specifying-a-hei 
		   https://stackoverflow.com/questions/507138/how-to-add-a-class-to-a-given-element 
		   (and others for css transition opacity)
		*/
		var pages = [
			^concatitems(filelist,\!",\!")^
		];
		var p = 0;
		var if_front = document.getElementById('if_1');
		var if_back = document.getElementById('if_2');
		function loadIframe() {
			var page = pages[p];
			p = (p+1) % pages.length;
			var a = document.createElement('a');
			a.href = page;
			if_front.src=a;
			if_front.parentNode.classList.add('layerVisible');
			if_front.parentNode.classList.remove('layerHidden');
			if_back.parentNode.classList.add('layerHidden');
			if_back.parentNode.classList.remove('layerVisible');
			var temp = if_front;
			if_front = if_back;
			if_back = temp;
			setTimeout(loadIframe, 10000); // 1/1000 seconds
		}
		loadIframe();
	</SCRIPT>

"
	)
);

Web( html );

Là où se trouvent les astuces JMP. Créez une page Web qui les montre en boucle.