Notifikationer

Markér alle som læst Log ud

benneharli Juniormester

23. april 2007 - 00:10 Der er 21 kommentarer og
1 løsning

kiosk mode og/eller fullscreen ved at trykke på en knap

Jeg skal bruge et script der åbner browseren i fullscreen, eller endnu bedre kiosk mode når man klikker på en knap.

Har kun kunne finde noget der åbner et nyt vindue. Det skal være den side man har åben der gør det.

Synes godt om

benneharli Juniormester

23. april 2007 - 02:25 #1

Jeg har stykket lidt forskelligt sammen. Det eneste jeg mangler er at man kun kan klikke på "Fullscreen" når man kører med normal skærm, og kun kan klikke på "Normal" når man kører fullscreen. Er der en eller anden måde at overføre en "variabel" på?

Script:
function fullScreen(URL) {
window.open(URL, '', 'fullscreen=yes', 'scrollbars="no"','menubar="no"');
}

For at åbne:
<p><a href="java script:void(0);" onClick="fullScreen('index.htm');" style="text-decoration: none">FullScreen</a></p>

For at lukke:
<p><a href="java script:window.close();" style="text-decoration: none">Normal</a></p>

Synes godt om

olebole Juniormester

23. april 2007 - 13:47 #2

<ole>

Heldigvis tænker browserleverandørerne på brugerne - så det er ikke muligt ;o)

/mvh
</bole>

Synes godt om

benneharli Juniormester

24. april 2007 - 21:20 #3

hvad med noget .js script?

ved ikke om fullscreen er mere "irriterende" end kiosk mode...

til den app jeg er igang med at lave giver den funktion nu altsaa meget god mening..

Synes godt om

thesurfer Nybegynder

24. april 2007 - 21:47 #4

Som olebole skriver, kan man ikke "omdanne" et eksisterende vindue, til at fullscreen vindue..

Men man kan dog åbne et nyt vindue i fullscreen, med samme adresse, og så lukke det der åbnede popup'en..

Noget i stil med:

onClick="fullScreen(window.location.href); window.close(); return false;"

Eller:

onClick="fullScreen(window.location.href); return false;"

sammen med

function fullScreen(URL) {
window.open(URL, '', 'fullscreen=yes', 'scrollbars="no"','menubar="no"');
window.close();
}

Synes godt om

thesurfer Nybegynder

24. april 2007 - 21:49 #5

Jeg lagde lige mærke til, at parameterene til window.open er forkert sat op..

Det er:

window.open('adresse','navn på vindue','parametere')

Derfor:

window.open(URL, '', 'fullscreen=yes,scrollbars=no,menubar=no');

Brug evt roenvings "window.open lab": http://roenving.users.whitehat.dk/WindowLaboratory.html

Synes godt om

benneharli Juniormester

25. april 2007 - 02:26 #6

hmm.. det eneste der sådan set RIGTIG er vigtigt er at fullscreen linket fosvinder når man en gang har klikket på det, så man ikke kan åbne uendeligt med fullscreen vinduer... hvis det nu var php var det ikke noget problem, men problemet er at det er en lille hardware webserver det skal køre på, og den kan lige klare noget javascript, men så heller ikke mere...

er der en kort forklaring på hvad .js filer er for en størrelse?

Synes godt om

benneharli Juniormester

26. april 2007 - 11:45 #7

naa det er vist tid til at lukke...

smid et svar begge to

Synes godt om

mclemens Nybegynder

26. april 2007 - 12:06 #8

For at undgå at åbne flere i
fuldskærm kan du vel prøve:

(1.html)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
window.onload=function(){
document.getElementById("fuldvindue").style.display=(window.name!="fuldvindue")?"block":"none";
}
</script>

</head><body>

<div id="fuldvindue" style="display:none;"><b onclick="window.open('1.html', 'fuldvindue', 'fullscreen=yes,scrollbars=no,menubar=no');window.close();" style="cursor:pointer;">b</b></div>

</body></html>

"er der en kort forklaring på hvad .js filer er for en størrelse?"
Kender den ikke, men js er clientside browser scripting.
http://en.wikipedia.org/wiki/JavaScript

Synes godt om

benneharli Juniormester

26. april 2007 - 13:04 #9

Hmm... Tror du at jeg kunne faa det ind i den programmering jeg allerede har?

function fullScreen(URL) {
window.open(URL, '', 'fullscreen=yes,scrollbars=no,menubar=no');
}

<a href="java script:void(0);" onClick="fullScreen('indexie.html');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','/www/images/full_screen_down.gif',1)"><img name="Image4" border="0" src="/www/images/full_screen_up.gif" width="28" height="28" alt="Pantalla entera."></a>

Synes godt om

benneharli Juniormester

26. april 2007 - 13:47 #10

det er praecis den funktion jeg er ude efter...

skal lige sige at min side korer med frames... kan ikke rigtigt faa det til med det du skriver. hvis det bare er en enkelt side fungerer det fint...

nogen ideer?

Synes godt om

mclemens Nybegynder

26. april 2007 - 14:09 #11

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function fullScreen(URL) {
window.open(URL, 'fuldvindue', 'fullscreen=yes,scrollbars=no,menubar=no');
}

window.onload=function(){
document.getElementById("fuldvindue").style.display=(top.window.name!="fuldvindue")?"block":"none";
}
</script>

</head><body>
<a href="java script:void(0);" onClick="fullScreen('indexie.html');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','/www/images/full_screen_down.gif',1)" id="fuldvindue"><img name="Image4" border="0" src="/www/images/full_screen_up.gif" width="28" height="28" alt="Pantalla entera."></a>
</body></html>

eller:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function fullScreen(URL) {
if(top.window.name!="fuldvindue")window.open(URL, 'fuldvindue', 'fullscreen=yes,scrollbars=no,menubar=no');
}
</script>

</head><body>
<a href="java script:void(0);" onClick="fullScreen('indexie.html');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','/www/images/full_screen_down.gif',1)"><img name="Image4" border="0" src="/www/images/full_screen_up.gif" width="28" height="28" alt="Pantalla entera."></a>
</body></html>

(første udgave nok bedst)

Synes godt om

mclemens Nybegynder

26. april 2007 - 14:10 #12

Fejlen var at
(window.name!="fuldvindue")
skulle være
(top.window.name!="fuldvindue")

Synes godt om

olebole Juniormester

26. april 2007 - 15:02 #13

- men tænk stadig på, at du jager mange brugere væk, hvis du prøver at pille ved brugerens browser. Du vil formodentlig ikke kunne finde én i dette forum, der ikke ville flygte øjeblikkeligt =)

Synes godt om

benneharli Juniormester

26. april 2007 - 15:47 #14

faar det ikke til hverken med den ene eller den anden???

--> olebole
Er fuldstaendig enig, men i dette tilfaelde er det rent faktisk brugerne der eftersporger det :-$

Synes godt om

benneharli Juniormester

26. april 2007 - 16:23 #15

ja, eller det vil sige, jeg kan kun faa lov til at aabne et fullscreen vindue, men jeg ville gerne have at mit ikon/link ikke blev vist naar jeg er i fullscreen

Synes godt om

mclemens Nybegynder

26. april 2007 - 17:09 #16

Har selv tidligere brugt fullscreen, jeg fik kun negativ respons på det.
Den der ved hvad der sker, kan selv ramme F11 tasten på tastaturet,
og kan blive irriteret ved påvirkning af deres browser - surfning.
... Den der ikke ved hvad der sker kan blive nervøs over effekten.
Idag ville jeg nok smutte videre selv, når jeg mister statusbar m.v..
... Men det pynter på en del sider, hvis bare brugerne kendte F11.

26/04-2007 14:09:59 eksempel (udgave 1):

indexie.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>

<iframe src="2.html" name="noget"></iframe>
</body></html>

2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function fullScreen(URL) {
window.open(URL, 'fuldvindue', 'fullscreen=yes,scrollbars=no,menubar=no');
}

window.onload=function(){
document.getElementById("fuldvindue").style.display=(top.window.name!="fuldvindue")?"block":"none";
}
</script>

</head><body>
<a href="java script:void(0);" onClick="fullScreen('indexie.html');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','/www/images/full_screen_down.gif',1)" id="fuldvindue"><img name="Image4" border="0" src="/www/images/full_screen_up.gif" width="28" height="28" alt="Pantalla entera."></a>
</body></html>

Synes godt om

benneharli Juniormester

26. april 2007 - 18:26 #17

hm... forstaar ikke eksemplet... :-(

Synes godt om

mclemens Nybegynder

26. april 2007 - 18:34 #18

Du laver en fil der hedder indexie.html
I den fil lægger du dette indhold:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>

<iframe src="2.html" name="noget"></iframe>
</body></html>

- Herefter laver du en ny
fil 2.html med dette indhold:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">
function fullScreen(URL) {
window.open(URL, 'fuldvindue', 'fullscreen=yes,scrollbars=no,menubar=no');
}

window.onload=function(){
document.getElementById("fuldvindue").style.display=(top.window.name!="fuldvindue")?"block":"none";
}
</script>

</head><body>
<a href="java script:void(0);" onClick="fullScreen('indexie.html');" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','/www/images/full_screen_down.gif',1)" id="fuldvindue"><img name="Image4" border="0" src="/www/images/full_screen_up.gif" width="28" height="28" alt="Pantalla entera."></a>
</body></html>

- Disse to filer lægges i samme mappe,
så når du åbner indexie.html og klikker
på billedet inde i 2.html's iframe, skulle
indexie.html gerne åbnes i fuldvindue uden
knappen til at åbne den næste i fuldvindue.

... Altså et eksempel af koden i 26/04-2007 14:09:59,
da du ikke kunne få dem til at virke med din frame
er det et forsøg på at se hvor det går galt.

Synes godt om

benneharli Juniormester

26. april 2007 - 19:48 #19

jeg har gjort noget andet. alt efter om det er fullscreen eller ej er det to forskellige sider der bliver åbnet i framen til venstre...

mclemens-->
du kom tættest på noget jeg kunne bruge - smid et svar

Synes godt om

mclemens Nybegynder

26. april 2007 - 19:56 #20

"jeg har gjort noget andet. alt efter om det er fullscreen eller ej er
det to forskellige sider der bliver åbnet i framen til venstre..."
Lyder også en del enklere og mere ligetil ;D

...

Egentlig virker thesurfers ligeså godt i det tilfælde og
min var blot et forsøg på en tilbygning / udvidelse af hans.
... Vil derfor gerne dele med Thesurfer ... :o)

Synes godt om

thesurfer Nybegynder

26. april 2007 - 22:41 #21

mclemens> Det går nok :-)

Synes godt om

mclemens Nybegynder

26. april 2007 - 23:20 #22

Øhm, nej - vi laver lige en ... du
skal helst have flere point end mig
så jeg har en at nå at overhale ;o)
- Men tak for tilbuddet :)

http://www.eksperten.dk/spm/775412

...

Tak for point :o)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS