Author |
Topic: Myrweb sur smartphone (Read 1989 times) |
|
ANdre_B
Board Master
Email
Gender: 
Posts: 3520
|
 |
Re: Myrweb sur smartphone
« Reply #15 on: May 2nd, 2024, 10:14am » |
Quote | Modify
|
Alfred,
Dans l'état actuel, il faut glisser au max vers la droite et garder l'appui; après un moment, l'image passe aux pages suivantes tant qu'on appuie, il faut être rapide à lâcher l'appui au moment voulu.
Pas très pratique, la solution est à l'étude.
|
|
 offline |
André Baeck, de retour en Belgique après 12 ans passés dans le Gard.
Windows 11, HA 2026h1e (et précédents)
|
|
|
Alf7
Board Full Member
Email
Posts: 211
|
|
!Re: Myrweb sur smartphone
« Reply #16 on: May 3rd, 2024, 12:43pm » |
Quote | Modify
|
Merci Beaucoup, André!
|
| « Last Edit: May 3rd, 2024, 12:44pm by Alf7 » |
offline |
Suisse
Harmony Assistant 64bit, la dernière version
Mac mini M1 /MacBook Air M1
|
|
|
JP
Board Master
WWW | Email
Gender:
Posts: 3640
|
|
Re: Myrweb sur smartphone
« Reply #17 on: May 26th, 2024, 3:08pm » |
Quote | Modify
|
Comme je l'ai annoncé dans un post précédent, j'ai continué à ajuster les paramètres et le code HTML pour tenir au mieux sur un smartphone en mode paysage.
Voici le code que j'utilise actuellement pour le HTML
Code:
<html>
<head>
<!-- Mise à jour 26/05/2024 14:52:59 -->
<meta charset="UTF-8">
<script src="https://www.myriad-users.com/cgi-bin/js.pl?myrweb"/></script>
<title>$TITRE$</title>
<style type="text/css">
html, body {width:100%;height:80%;}
body {font-family:sans-serif;text-align:center;}
h1 {font-size:20px;font-family: serif;}
div.myrweb {width:80%;min-width:700px;margin:auto;height:80%;}
h1 button {
position: relative;
height:1.8em;
width:1.8em;
border:none;
vertical-align: middle;
border:2px solid #0172cc;
color:#0172cc;
border-radius:50%;
text-align:center;
text-decoration:none;
font-size:0.8em;
padding:2px;
margin-left:1em;
margin-top:-0.25em;
cursor:pointer;
}
h1 button::after {content:"?"}
.reduced > * {display:none;}
.reduced .myrweb {display:block;}
</style>
<script>function reduce(){
document.body.classList.toggle('reduced');
var myrweb = document.querySelector('div.myrweb');
myrweb.addEventListener('click', function(event){event.stopPropagation();
document.body.classList.add('reduced')});
}</script>
</head>
<body onclick="reduce()">
<h1>
<script>document.write(document.title)</script>
<button onclick="window.open('https://www.alma-musica.net/html/partitions/myrweb /myrweb.html')"> </button>
</h1>
<div class="myrweb" data-myrweb="" data-id="$ID$">
<script>var data_$ID$_varb64="$DATA$";</script>
</div>
</body>
</html>
|
|
Ce code fait en sorte que lorsqu'on clique dans la zone de jeu, les autres contenus de l'écran sont masqués, ce qui permet de réserver tout l'écran à l'affichage de la zone de jeu.
La taille de la zone de jeu ("Aire papier") est de 34×17,5cm avec toutes les marges à 0.
Pour une partition à 4 portées (SATB) l'échelle d'impression est à 78% avec les marges à :
- marge gauche : 1
- marge droite : 0,5
- marge haute : 0,5
- marge basse : 0,67
- marge premier groupe, première page : 0,7
Taille des symboles : 80
Taille des paroles : 18
Si le nombre de portées augmente, je réduit l'échelle d'impression, c'est normalement suffisant pour que le résultat s'affiche correctement sur mon iPhone en mode paysage.
|
|
offline |
|
|
|
|
