HTML og Smartboard-problemer
Måske er kategorien ikke den rigtige, men jeg kan ikke finde en bedre:Jeg har i 4-5 år arbejdet med smartboard på den skole, hvor jeg arbejder. Jeg har bl.a. arbejdet med diverse hjemmelavede simple html-filer med links til alt muligt. Det har virket fortrinligt.
Nu er min skole begyndt at investere i en ny generation af smartboards og tilhørende ny software. De nye smartboards er på flere måder anderledes end dem, jeg har arbejdet med indtil nu.
De virker nærmest som en tablet, fx iPad. Nu kan man med to fingre zoome ind ("pinch"), hvilket måske kan være meget godt i nogle situationer, men bestemt ikke altid, hvis zoom-effekten kommer af, at eleverne uforvarende kommer til at røre ved tavlen med to fingre.
Hvad værre er: Nogle gange zoomer smartboardet ind af sig selv, selv om eleven kun har rørt ved smartboardet med én finger.
Jeg har efterfølgende tilføjet flg. i mine html-filers BODY:
<body ondragstart="return false;" ondrop="return false;">
samt et javascript til at forhindre highlight af tekst:
<script>
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
Det har hjulpet lidt, men det sker stadig, at smartboardet pludselig zoomer ind ved berøring af én finger.
Jeg har desuden prøvet at disable zoom i mine HTML-filer på flere måder:
1)
<head>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
</head>
2)
<head>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' />
</head>
3)
<head>
<meta content='user-scalable=no' name='viewport' />
</head>
4)
<head>
<meta name='viewport' content='user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi' />
<script SRC="nohighlight.js"></script>
</head>
5)
<head>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
</head>
6)
<head>
<meta content='width=800, height=600, user-scalable=0, user-scalable=no' name='viewport' />
<meta name="viewport" content="width=800", "height=600" />
</head>
7)
<head>
<meta id="viewport" name="viewport" content="width=800" />
</head>
8)
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
9)
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
MEN ingen af disse forsøg gør nogen forskel.
Jeg har også prøvet at tilføje flg. til mine stylesheet-filer:
1)
html {
-ms-content-zooming: none;
-ms-touch-action: pan-x pan-y;
}
2)
html {
-ms-content-zooming: none | zoom
-ms-touch-action: pan-x pan-y;
}
MEN det virker heller ikke. Man kan stadig zoome med to fingre.
Jeg har bemærket, at nogle websites ikke tillader zoom på mobiltelefon, fx www.bold.dk. Jeg har luret i deres kildekoder, men kan ikke rigtig se, hvad det er, de gør. Måske vil det alligevel ikke virke på smartboard.
Det er virkelig irriterende.
Spørgsmål 1: Skal man ind i smartboardet indstillinger for at disable zoom (og er det overhovet muligt)?
Spørgsmål 2: Kan man gøre noget med sine HTML-filer for at disable zoom på smartboard?
På forhånd tak - alle input fra Ekspertens brugere modtages med kyshånd.
