Remplacer onclick par onload

**marionette48** · 15/10/2012, 16h37

Bonjour,

je cherche à avoir une image en écran total, j'ai donc suivi un tuto pour une API html5,
le problème c'est que j'aimerais pouvoir obtenir mon image en plein écran sans avoir besoin de cliquer... je suis débutante donc j'ai un peu de mal,

voici mon code pour le moment:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>underscreen</title>
<style>
*
{
        padding: 0;
        margin: 0;
}
 
html, body
{
        height: 100%;
        
}
 
body
{
        margin: 0px;
}
 
 
section
{
        display: 100%;
        float: none;
        height:100%
        width: 100%;
        padding: 0px;
        margin: 0;
        border: 0px ;
        cursor: pointer;
}
 
section img
{
        height:100%;
 
}
 
section:-webkit-full-screen
{
        float: none;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0 none;
        background-color: #f00;
}
 
section:-moz-full-screen
{
        float: none;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0 none;
}
 
section:-ms-full-screen
{
        float: none;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0 none;
}
 
section:-o-full-screen
{
        float: none;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0 none;
}
 
section:full-screen
{
        float: none;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0 none;
}
</style>
</head>
 
<body>
<section id="fullscreen">
<img src="animation mac.gif"  />
</section>
<script>
var e = document.getElementById("fullscreen");
 
e.onclick = function() {
 
        if (RunPrefixMethod(document, "FullScreen") || RunPrefixMethod(document, "IsFullScreen")) {
                RunPrefixMethod(document, "CancelFullScreen");
        }
        else {
                RunPrefixMethod(e, "RequestFullScreen");
        }
 
}
 
var pfx = ["webkit", "moz", "ms", "o", ""];
function RunPrefixMethod(obj, method) {
        
        var p = 0, m, t;
        while (p < pfx.length && !obj[m]) {
                m = method;
                if (pfx[p] == "") {
                        m = m.substr(0,1).toLowerCase() + m.substr(1);
                }
                m = pfx[p] + m;
                t = typeof obj[m];
                if (t != "undefined") {
                        pfx = [pfx[p]];
                        return (t == "function" ? obj[m]() : obj[m]);
                }
                p++;
        }
 
}
var WShell = new ActiveXObject("Wscript.shell"); 
WShell.SendKeys("{F11}");
 
</script>
</body>
</html>

Merci de m'aider c'est très urgent!!!

**Médinoc** · 15/10/2012, 18h09

Mauvais sous-forum, mauvaise balise (QUOTE au lieu de CODE), type manquant dans les tags script et style...

Pour ton problème, je conseillerais de donner un nom à ta fonction anonyme, et rajouter dans ton tag body un attribut onload="(nom de la fonction)".

**marionette48** · 15/10/2012, 18h17

Merci pour ta réponse!

désolée je suis vraiment noob, et je ne sais pas comment nommer ma fonction....

**marionette48** · 17/10/2012, 16h34

bien alors ce n'était pas possible de combiner l'api HTML5 et un faux bouton F11 en javascript pour que ma page fullscreen fonctionne sur tous les navigateurs, du coup je me suis rabattue sur une solution avec Flash! merci pour votre aide

Remplacer onclick par onload

HTML

Vue hybride

Discussions similaires

Partager

Partager